Editsコードエレメントとはコードエレメントは、HTML/スタイル/スクリプトを使って自由にアクションを実装できるエレメントです。ビジュアルエディタのエレメント追加で利用できます。例としてテキスト/イメージ/ボタンのコードが用意されています。コードエレメントのコードは、ビジュアルエディタの右パネルで編集できます。カスタムエディタで広い範囲でも編集できます。利用されるケースは以下です:細かな装飾などで要素に対して特殊なCSSプロパティを適用するスクリプトで簡単な処理した結果を画面表示に利用するその他、ビジュアルエディタ上で実装されていないエレメントを独自に実装するカスタムエディタのスクリプトとの違いカスタムエディタのスクリプトは、基本的にアクションの状態によってアクションの表示を制御するときに利用します。コードエレメントは、HTML/スタイル/スクリプトを使ってアクションの一部を実装するときに利用します。コードエレメントをアクション全体に広げることでアクション全体の実装もできます。コードエレメントのスクリプトは、カスタムエディタのスクリプトと違いメイン関数を持たないため、ファイルの直下にコードを書くことができます。具体的な利用方法HTMLでの変数の利用カスタムエディタのスクリプトの変数と同じように、変数を利用できます。コードエレメントのスクリプトでsetVariables関数を使って変数を設定すると、HTMLで{$data.変数名}の表記で設定した変数を利用できます。ユーザー情報変数とアクションテーブルも同様の表記で利用できます。});<div>{$data.word}</div>コードエレメントでは、スクリプトに変数を定義するだけでHTMLで変数を利用できます。この変数は定義したコードエレメント内のみ利用できます。'Hello!';<div>{word}</div>CSSでの変数の利用コードエレメントのスクリプト--プレフィックスを持つ変数を設定すると、CSSでCSS変数として設定した変数を利用できます。var(--greeting-color)}DOMイベントの利用コードエレメントのHTMLでは、on:イベント名でDOMイベントを利用できます。}}>Submit</button>カスタムエディタのスクリプトの関数と同じように、関数を利用できます。コードエレメントのスクリプトでsetEventHandlers関数を使って関数を設定すると、HTMLで{$data.関数名}の表記で設定した関数を利用できます。on:click={$data.clickHandler}>Submit</button>コードエレメントでは、スクリプトに関数を定義するだけでHTMLで関数を利用できます。この関数は定義したコードエレメント内のみ利用できます。on:click={clickHandler}>Submit</button>変数の変更検知コードエレメントでは、$ブロックの中に変数を含んだコードを記述すると、変数の変更を検知してコードを実行できます。1000);入力フォームの値を変数へバインド入力フォームの値を変数へバインドするには、bind:valueを利用します。これは双方向にバインドされるため、変数が変更されると入力フォームの値が変更され、入力フォームの値が変更されると変数が変更されます。変数を使ってテンプレートをカスタマイズするために、テンプレート構文を利用できます。else構文は、変数によって表示するHTMLを分岐するために利用します。1000);eacheach構文は、配列が格納された変数を反復で処理してHTMLを表示するために利用します。入力フォームの値を変数へバインドHTMLのテンプレート。