# スクリプトエディタ

スクリプトエディタは、JavaScript コードを作成および編集するために使用します。詳細については、次のトピックを参照してください。

- これらのスクリプトの詳細については、「Web ページの HMI スクリプト」のトピックを参照してください。これらのスクリプトは、Web ページ要素イベント (Button の On Clicked イベントなど) を処理するスクリプトポイントのプログラミングに使用します。これらのスクリプトは、JavaScript で記述し、HMI を実行している Web ブラウザで実行されます。
- ビジョンアプリケーションのスクリプトの作成に JavaScript 言語を使用する場合の詳細については、「JavaScript の概要」のトピックを参照してください。

スクリプトエディタの主な GUI を以下に示します。

番号 | 説明
--- | ---
1 | スクリプトエディタのコントロール。次のボタンがあります。 :現在のスクリプトを検証します。シンタックスエラーが検出されなかった場合、ステータスバー (2) と検証インジケータ (3) が緑色になります。エラーが見つかった場合は赤色になります。ホットキー:F6。 :確認後、スクリプト全体を削除します。 :アクティブな行 (つまりプロンプトがある場所)、または選択した行をコメントアウトします。同じ行を選択しているときにこのボタンを複数回クリックすると、選択している行に複数のコメントタグが追加されます。 :選択したコメント行のコメントアウトを解除します。コメント行と非コメント行を同時に選択していた場合、コメント行のみコメントアウトが解除されます。非コメント行に対してこのボタンをクリックしても、影響はありません。
2 | ステータスバー。行番号が示され、各行のスクリプト検証ステータスが次の色で表示されます。 緑:行が検証され、エラーは検出されませんでした。 黄:行はまだ検証されていません。 赤:行が検証され、エラーが検出されました。
3 | スクリプト検証ボタン (1) を使用して実行したスクリプト検証の結果。 検証が成功すると丸が緑色になり Success というテキストが表示されます。 エラーの場合、丸が赤色になり Error というテキストが表示されます。
4 | ツールボックス。ツールボックスからスクリプトエディタにドラッグ & ドロップするだけで、現在選択しているスクリプト行にタグや $ 関数を追加できます。