PsychoPyのインストールから教示を呈示するまで

ここではPsychoPyを初めて利用する人を対象として、PsychoPyのインストールから、画面に教示を呈示するプログラムを作成するところまでを説明したいと思います。（最終的には、画像に対する印象評定を行うプログラムを作成することを目標にしています）

心理学を専攻していて、いままでも何度もプログラミングにチャレンジしてきて挫折してきた人もきっと大丈夫！

PsychoPyなら、作れます。あなたの望む実験プログラムを。

楽しみながらがんばりましょう！

#PsychoPyのインストール

[公式サイト](https://www.psychopy.org/index.html)を開きましょう。右上に**Download**が見えますね。

<img width="1241" alt="スクリーンショット 2019-09-27 10.26.52.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/495823/4345282f-0426-086c-d813-37016543f6f1.png">

ウェブサイトを閲覧しているパソコンにPsychoPyをインストールする場合には、推奨されたものをそのままダウンロードすればOKです。

<img width="1145" alt="スクリーンショット 2019-09-27 10.27.26.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/495823/34f78c3a-c60d-03d7-31fe-413bc86de16b.png">

もし、別のパソコンにインストールしようとしている場合は、**For all versions see the PsychoPy releases on github** をクリックして、適切なバージョンのものをダウンロードしてください。

##Windows
ダウンロードしたファイルを実行すると、下の図のようになるかもしれません。そのときは**詳細情報**をクリックします。

![psychopy1.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/495823/28847f3e-4b8a-dee7-6f27-ccb4e1ac7ac5.png)

アプリ名を確認して実行。

![psychopy2.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/495823/49d1ba05-a107-e82a-e923-aeafed9687c9.png)

あとは画面の指示通りですが、途中で聞かれる下の設問は、特に理由がなければ**Install for anyone using this computer**でよいです。

![psychopy3.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/495823/6c2f3108-6722-1775-76ec-7c573c4bbe4f.png)

##Mac
ダウンロードしたファイルを開くと下の図のようになるので、PsychoPyのアイコンをApplicationsフォルダにドラッグ＆ドロップします。
<img width="380" alt="スクリーンショット 2019-09-27 10.39.28.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/495823/51164cfb-f12d-2a04-f0b7-6e2a90dbe5fb.png">

Mac OS のセキュリティの設定によっては、初めてPsychoPyを使うときに、下の図のようにアプリケーションの中のPsychoPyを右クリックして**開く**をクリックする必要があるかもしれません。

<img width="619" alt="スクリーンショット 2019-09-27 10.44.19.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/495823/0e4e076a-506c-42f0-23d6-1cffac1a76b5.png">

#教示の呈示
PsychoPyが無事に起動したところで、初めてのプログラムを作ってみましょう。ここでは、教示の呈示を目標にします。教示はどの実験でも欠かせませんね。

スタート時は下のような画面になっています。これはBuilder（ビルダー）と呼ばれるウィンドウです。赤矢印が示しているTextコンポーネントをクリックしてください。

<img width="1324" alt="builder2.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/495823/ad2d1546-8a18-1b75-ba04-23b446a43c4b.png">

Textコンポーネントを使って、教示を表示することにします。文字列に、教示文を入力してください。

<img width="624" alt="スクリーンショット 2019-09-27 11.27.56.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/495823/a15f8bc4-3c84-29f0-7926-bade44164b21.png">

OKをクリックすると以下のような画面になると思います。上部にある緑のアイコン（人間が走っているアイコン）をクリックしてさっそくプログラムを動かしてみましょう。PsychoPyで開いているファイルにまだ名前をつけていない場合は、実行前に保存をする必要があります。保存する場所を確認して、適当に名前をつけてください。ファイル名には**日本語を含めないほうがよい**と思います。

<img width="1324" alt="スクリーンショット 2019-09-27 11.30.35.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/495823/b86598ce-88e1-6ecf-18e1-48ceb129e83e.png">

以下のような小さなウィンドウが表示されますが、とりあえずOKを押してください。

<img width="477" alt="スクリーンショット 2019-09-27 11.33.43.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/495823/87e102c1-505a-98c9-fa85-3747f43cc325.png">

画面がフルスクリーンに変わり、教示が表示されますね。ただ、１秒くらいしか表示されず、Macを使っている場合には文字が欠けているかもしれません。

教示が1秒しか表示されないのは困るので、スペースキーが押されるまでは教示が表示され続けるようにしましょう。

<img width="1324" alt="スクリーンショット 2019-09-27 11.36.40.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/495823/6345838b-cf1d-1b70-280c-cf08746f5cb1.png">

実行時間が1.0になっていると思います。実行時間を空白にしてください。

Macで文字が欠けていたときは、フォントを~~ヒラギノ角ゴシック W5~~ **Hiragino Kaku Gothic Pro W3** に変更します（https://qiita.com/snishym/items/5c33710aca0fea3d41ec を参照しました）。

![mac_font.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/495823/7b810255-46b2-8e70-3cd2-6ecb1b090aa8.png)

文字のサイズを変更したいときは、**文字の高さ**を変更します。

続いてKeyboardコンポーネントを追加します。

<img width="1324" alt="スクリーンショット 2019-09-27 11.41.59.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/495823/4b85a2af-7405-dbb4-c640-1f1ef6421540.png">

コンポーネントの設定は初期のままでOKを押しましょう。

<img width="709" alt="スクリーンショット 2019-09-27 11.42.14.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/495823/3be3e195-4af2-eefa-8fc5-76a7482ae3be.png">

以下の図のようになっていればOKです。

<img width="1324" alt="スクリーンショット 2019-09-27 11.42.26.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/495823/6ac255a1-6ad8-d335-b337-846d0c7a7c67.png">

ではもう一度プログラムを動かしてみましょう。スペースキーを押すまで教示が表示され続けるようになったことを確認してください。

やりましたね。教示を呈示するだけですが、これも立派な心理学実験のプログラムです！

続きは、[PsychoPyで画像の印象評定](https://qiita.com/kurokida/items/c4d5b6055ae4c610eca6)をご覧ください。

余談ですが、Qiitaに投稿したら[twitter](https://twitter.com/kurokida1)にてお知らせしています。よろしければご利用ください。