jsPsych Survey Plugin関連ファイルのアップロード

jsPsych Survey Plugin関連ファイルのアップロード 基本手順はチュートリアル2: jsPsychを使ったタスクと同様です。アップロードすべきファイルが異なります。

タスクの作成

GO-E-MONダッシュボード https://goemon.cloud にアクセスし、タスクを作るをクリックし、新規タスクの追加 ボタンをクリックします。

タスク名の設定

newTitleというタスクが作成されますので、タスク名を変更します。タスク名右の編集ボタンをクリックします。 タスク名を入力します。タスク名はENTERキーで確定できます。

ライブラリの追加(jsPsych配布パッケージ)

jsPsychを使用するには、jsPsychとして配布されているコードをロードするようにGO-E-MONに指示する必要があります。これは以下の手順で実施します。

• jsPsychのパッケージ(Dist archive)をダウンロードする https://github.com/jspsych/jsPsych/releases
• jsPsychのパッケージに含まれるファイルのうち、必要なものをGO-E-MONのファイル(Files)タブにアップロードする
• アップロードしたファイルの読み込み優先度を変更する

jsPsych Survey Pluginを利用するためには、jsPsychのパッケージに含まれるファイルのうち、以下のファイルをアップロードします。

• dist/jspsych.css
• dist/jspsych.js
• dist/plugin-survey.js

これらのファイルをファイル(Files)タブにドラッグ＆ドロップします。

jsPsychでは、jspsych.jsが他の.jsファイルよりも先に読み込まれる必要があるので、 優先度 の項目をクリックし、他のファイルよりも大きな値(例えば1000)を設定します。優先度 は大きい値であれば先に読み込まれます。

ライブラリの追加(Survey Plugin用CSS)

Survey Pluginは https://www.jspsych.org/7.3/plugins/survey/#css に記載がある通り追加のStyle Sheetファイルを必要とします。そのため、URL https://unpkg.com/@jspsych/plugin-survey@0.2.1/css/survey.css からcssファイルをダウンロードし、ファイル(Files)タブにアップロードします。

この解説を一通り実行すると、以下のようなファイルがアップロードされているはずです。