オブジェクトプロパティ

オブジェクトプロパティ

現在選択されているオブジェクトのプロパティは、エディターの右側に表示されます。これらのプロパティは、フレーム上のオブジェクトが参加者にどのように見えるかを決定します。多くのオブジェクトプロパティはトライアル間で変更可能ですが、一部のプロパティ（例えばオブジェクトの名前など）は固定され、トライアル間で異なることはありません。変更されたプロパティ（デフォルト値と異なる）は、濃いグレーの背景色で示されます。トライアル間で変更できるすべてのプロパティは、「set obj property」アクションを使用してイベント実行中に動的に変更できます。オブジェクトの「required」プロパティは、研究の実行中に動的に変更可能です。オブジェクトは、非表示でない限り（visibility = 0）、必須として表示されます。これにより、非常にインタラクティブで動的な実験が可能になります。すべてのオブジェクトタイプおよびそのプロパティの詳細なチャートについては、「オブジェクトプロパティテーブル」ページを参照してください。

タスクエディターでは、オブジェクトの外観を変更して研究の編集を容易にすることができます。これを行うための2つのオブジェクトプロパティがあります: ロックと非表示。

• ロック: オブジェクトタブにあるオブジェクト名の隣にある小さな南京錠アイコンをクリックすると、そのオブジェクトの位置がフレーム上でロックされます。これにより、研究を編集しているときにオブジェクトが誤って移動または変更されるのを防ぎます。
• 非表示: オブジェクトタブにあるオブジェクト名の隣にある小さな目アイコンをクリックすると、そのオブジェクトがフレームから非表示になります。これは、フレーム上に複数のオブジェクトがある場合に、編集中に一度に1つまたは複数のオブジェクトだけを見たい場合に便利です。

これらのプロパティは、研究を編集している間のみ有効です。タスクエディターでオブジェクトをロックまたは非表示にしても、参加者が研究中にそのオブジェクトを見る方法には影響しません。

カスタムCSSプロパティ

CSSプロパティは、HTMLコードで書かれた要素のスタイルです。要素のCSSプロパティは、オブジェクトプロパティタブで要素をクリックし、「change CSS properties」ボックスにチェックを入れることで変更できます。サンプルコードは、グレーのテキストで例として提供されています。

カスタムコードを書くには、参照要素、セレクタ名、コマンド、および値が必要です。変更したい要素のセレクタ名を見つけるには、要素を右クリックして「inspect」をクリックします。これにより、デバイスのコンソールが開きます。たとえば、テキスト要素のセレクタは文字pです。

Inspectをクリックすると:

コードには中括弧を使用する必要があります。テキスト要素の色を変更するためのコードのサンプルは以下です:

p{ background-color:green }

背景色などのプロパティは、オブジェクトプロパティウィンドウを使用して簡単に変更できますが、CSSプロパティをより具体的に指定したい場合のユースケースもあります。たとえば、マトリックス要素では、要素をカスタマイズするためにいくつかの異なるCSSプロパティを使用できます。

同じ要素に対して、複数行のコードで多くのカスタムCSSプロパティを追加できます。

コーディングが初めての方やCSSについてさらに情報が必要な方は、MDNのこのモジュールをチェックしてください。