JavaScript¶

JavaScript コンポーネントを使用すると、JavaScript を Web ページに挿入できます。このコンポーネントを使用すると、ブラウザのドキュメントオブジェクトモデル (DOM) を操作したり、HTML タグを読み取ったり、HTML タグを設定することができます。
JavaScript コンポーネントは、GetText、SetText、GetTableなどの標準のIntellibotコンポーネントが目的の結果を達成できないカスタムHTMLコントロールを操作するときに役立ちます。

サポートされている機能¶

JavaScript コンポーネントのタイトルバーをダブルクリックして、JavaScript エディタウィンドウを起動します。

パラメータセクションで、（アイコンをクリックして）入力変数を作成することで、JavaScriptで変数を使用できます。
パラメータを作成後に、名前の変更、データ型の変更ができます。
作成された各パラメーターに対して、JavaScriptコンポーネントはデータ入力ポートを公開します。
JavaScriptセクションはJavaScriptを入力します。
Return Typeセクションで、戻りデータの型を定義できます。

ポート¶

JavaScriptコンポーネントはデフォルトでコントロール入力とコントロール出力ポートを持っています。

ポート	説明
Control In（コントロール入力）	1つ以上のコンポーネントのコントロール出力ポートに接続する必要があります。
Control Out（コントロール出力）	他のコンポーネントまたはコネクタのコントロール入力ポート、またはエンドコンポーネントに接続できます。
Data In（データ入力）	データ入力ポートは、JavaScriptコンポーネントのタイトルバーをダブルクリックし、アイコンをクリックすることで動的に作成されます。
Data Out（データ出力）	JavaScriptのreturnステートメントによって返されたデータを出力します。
Returnステートメントは、コンポーネントが入力されたJavaScriptの出力を読み取るために不可欠です。

プロパティ¶

JavaScriptコンポーネントは、次のプロパティを利用可能です。

プロパティ	説明
Search	それぞれのプロパティを検索します。
Delay After Execution	アクション実行後の待ち時間を指定します（秒単位）。
Delay Before Execution	アクション実行前の待ち時間を指定します（秒単位）。
Name	コンポーネントを識別する名前を指定します。対話しているアプリケーションフィールドに一致する名前を設定します。
Click X	X 軸上のJavaScriptアクションの場所を指定します。
Click Y	Y 軸上のJavaScriptアクションの場所を指定します。
Search As A Gray Scale Image	選択した領域をグレースケール画像として定義します。
Threshold	クリック操作を実行する前に、イメージ一致精度を指定します。値 1 は 100% の一致を定義し、0.5 は 50% の一致を定義します。既定値は 0.9 （ 90%）一致です。
Max Wait Time in Seconds	イメージ/アプリケーションが画面に表示されるまで待機する秒数を定義します。既定値は 30 秒です。
Wait After Image Found	イメージが見つかった後の待機時間を秒単位で指定します。
Wait For Create	コンポーネントの画像が画面に表示されるのを待機する必要があるかどうかを定義します。
既定値は True です。

例¶

JavaScriptコンポーネントを使用してWebページからHTML要素を抽出する例を見てみましょう。

JavaScriptコンポーネントを使用するには：

Toolboxで、StartAppコンポーネントをデザインサーフェイスにドラッグアンドドロップします。
Start AppコンポーネントのFile Pathポートをダブルクリックし、以下のURLを入力します。
https://intellibot.io/
ToolboxでAction(UI)を展開します。
JavaScriptコンポーネントをデザインサーフェイスにドラッグアンドドロップします。
をクリックし、領域を選択します。
その後、Press “CTRL+SHIFT” for selection messageメッセージが表示されます。
Ctrl+SHIFTキーを押すと、マウスポインターが十字線になります。
JavaScriptを挿入するWebページ内の領域を選択します。選択した領域がJavaScriptコンポーネントに表示されます。
JavaScriptコンポーネントのタイトルバーをダブルクリックして、JavaScriptエディターウィンドウを開きます。
次に、特定の操作用のJavaScriptを記述します（この例では、ブラウザからテキストを取得するという操作のJavaScriptが記述されています）。

Note

単純、または複雑な JavaScript を記述してブラウザ DOM と対話できます。Web ページ内で使用される JavaScript と同様です。

10. デザインサーフェイスにShowコンポーネントをドラッグアンドドロップして、ブラウザから抽出したテキストを表示します。
11. 以下のポートを接続します：
・ Start コンポーネントと StartAppコンポーネントの間のコントロールポート。
・ StartAppコンポーネントのコントロール出力ポートと次のJavaScriptコンポーネントのコントロール入力ポート。
・ JavaScriptコンポーネントのコントロール出力ポートおよびデータ出力ポートとMessageBox Showのコントロール入力ポート。
12. Run をクリックします。