１２．fixationを提示（jspsych@7.0.0）
https://gyazo.com/9f118b2a04a2833ec836dc48e1519db1
それでは，認知・心理計測で良く用いられるfixationマーク（固視点）を5秒間表示するコードを見ていきましょう。このページの下にあるfixation.htmlを参照してください。
まず，書かれている内容はともかくとして，コードの骨格，要素を見ていきます。
<html>，</html>，<head>，</head>，<body>，</body>があります。
</body>の後には，<script>~</script>があります。
jsPsychの基本は，以下の通りです。
１．ヘッダー（<head>~</head>）で使用するjsファイルのライブラリと使用するプラグイン，スタイルシートを読み込む。
２．<body></body>は，使わない（body内には書き込まない）。
３．始めに，<script>~</script>の中にconst jsPsych =initJsPsych();で 変数jsPsych（名前は何でもよい）を定義する。
４．参加者に提示する文字や図形，写真，動画を表示する変数を定義する。
５．この変数を jsPsych.runの中に提示する順番に４で定義した変数を入れていく。
それでは，細かく見ていきましょう。ただ，それぞれがどの様に働いているかの説明は省きます。
１．ヘッダー（<head>~</head>）で使用するjsファイルを読み込む。
１の説明からです。ヘッダーでは， <title>fixation</title> で，titleをfixationという名前に定義します。
次に， <script src="dist/jspsych.js"></script> で，jsPsychのライブラリーを読み込みます。
次に，<script src="dist/plugin-html-keyboard-response.js"></script>で，テキストを呈示するためのプラグインを読み込みます。
読込の順番は，必ず，jsPsychのライブラリーを読み込んでから，テキストや画像を呈示するためのjsファイルを読み込みます。
最後に，<link rel="stylesheet" href="packages/jspsych/css/jspsych.css">で，jsPsychのスタイルシートを読み込みます。実験中のウェブページのスタイルを指定します。
code:fixation.html
<!DOCTYPE html>
<html>
<head>
<title>fixation</title>
<script src="dist/jspsych.js"></script>
<script src="dist/plugin-html-keyboard-response.js"></script>
<link rel="stylesheet" href="packages/jspsych/css/jspsych.css">
</head>
<body></body>
<script>
var jsPsych = initJsPsych();
var fixation = {
type: jsPsychHtmlKeyboardResponse,
stimulus: '<div style="font-size:60px"> + </div>',
choices: "NO_KEYS",
trial_duration: 5000,
};
</script>
</html>
３．<script>~</script>で変数jsPsychを定義。
次に3番目の説明，<script>~</script>です。
varは変数を定義し、ある値に初期化します。
まず， initJsPsych functionを使ってjsPsych を初期化し， jsPsychという名前で変数を定義します。
code: jspsych.html
var jsPsych = initJsPsych();
４．参加者に提示する文字や図形，写真，動画を表示する変数を定義する。
var fiaxationでfixationという名前の変数を定義します。その変数の内容を｛｝内で定義していきます。
typeは，使用するプラグインの種類を指定します。
今回は，便宜上，文字を提示してキーボードの反応をとるというプラグインを使いますので，typeをjsPsychHtmlKeyboardResponseと定義します。
stimulusは，提示するテキストを入力します。
fixationとして「＋」を提示します。そのまま'+'としても良いのですが，フォントサイズが小さいので，60ピクセルに指定します。<div>~</div>を使用して，先頭の<div>の中にstyle="font-size:60px"を入れて大きさを定義します。
choicesは，参加者に許可するキーボードの種類を指定します。指定したキーボード以外の反応は取りません（押しても反応しません）。今回は，"NO_KEYS"として，どのキーも反応しない様にします，ちなみに，全キーの取得を許可する場合は，ALL_KEYSを使用します。
trial_durationは，指定した文字をどのくらいの長さで提示するのか，m秒単位で指定します（1秒=1000m秒）。今回は，5秒間提示したままにするので，「5000」とします。
５． jsPsych.runの中に提示する順番に４で定義した変数を入れていく。
最後に，jsPsych.runの中に４で定義した変数fixationを使用して刺激を走らせたときの刺激の順番を定義します。
今回は，fixationを提示するだけなので，jsPsych.runの中は，[fixation]のみを入れます。複数の場合は， [trial_1, trial_2, trial_3]の様に記述します。
それでは，fixation.htmlをresearchesに保存後，ダブルクリックして実際に動かしてみましょう。
次は，画像の提示方法を解説していきます。
https://gyazo.com/ad42b4e5fba2e91518e9cc11e5c8afe2
【目次】