1. 画像をstatic directory から読み出す

画像ファイルが大量にある場合は「static directory 」に画像を保存しておき,そこから読み出すのが便利です。例えば,複数の画面に同じ画像を表示するとき,各Screenコンポーネントに画像を紐づけてしまうと,それだけ画像枚数が増え,容量が必要になってしまいます。static directory から読み込むようにすれば,その問題を解消できます。

左上のメニューの右端の詳細メニューを選びます。

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/1f5376ea-f94c-4575-8eab-4aa9b5d1223b/Untitled.png

左から2番目のフォルダのメニューを選びます。分かりにくいのですが,「Filename」の下のあたりに「+」が表示され,クリックするとファイル選択のダイアログが開きます。

画像をアップロードしましょう。

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/a565a839-1ece-48ba-98b6-3f323470fab6/Untitled.png

画像刺激10枚(01.png〜10.png)

以下の10枚の画像をダウンロードして使ってください。

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/8dcfa331-c170-4bec-9406-59a2bfcb68ab/01.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/1e1a9df0-adf7-478c-9b3d-cbe1370610d1/02.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/41d7ae02-12d9-47e0-baf1-737ddaf16cca/03.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/e229dce1-f4b9-4888-8de5-f1cbfe43dfb8/04.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/1ec27e99-d592-4ca5-8046-bf69af4b3309/05.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/c9a36b8f-3019-47d1-a351-999944b51eca/06.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/e8531dec-34fe-47ec-af28-e52af4b1d02c/07.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/397f41d3-d95c-4369-897e-548296222e91/08.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/1eb5cd61-4d49-4544-925e-d67e407a8335/09.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/2ce63468-9e0a-4eca-9a38-39fb2153a494/10.png

このように画像をアップロードすることが出来ます。

image.png

2.画像を読み込むplaceholderを修正しよう

次は「Stimuli」コンポーネントの「Content」を選択してください。

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/b274707d-c535-4fa7-954b-03d9ef899acd/Untitled.png