Java Script コンポーネントの使用

リリースバージョン: Xanadu

更新日 2024年08月01日

所要時間：3分

RPA デスクトップデザインスタジオの Java Script コンポーネントを使用して、Web ページに JavaScript を挿入します。コンポーネントを使用して、ブラウザーの Document Object Model (DOM) の操作、HTML タグの読み取り、HTML タグの設定を行うことができます。

始める前に

必要なロール：なし

このタスクについて

JavaScript コンポーネントのプロパティは、他の Actions UI コンポーネントと共通です。これらのプロパティを設定するには、「Actions (UI) コンポーネントのプロパティ」を参照してください。

手順

[ツールボックス] ペインで、 Actions (UI) > Java Script.
Java Script コンポーネントを [デザイン面 (Design surface)] にドラッグします。
Java Script コンポーネントで、カメラアイコン () をクリックします。
Press "CTRL+SHIFT" for selection というメッセージが表示されます。
Ctrl + Shift キーを押します。
マウスデバイスがクロスオーバーアイコン () に変わります。
コンポーネントがアクションを実行するアプリケーションの部分にマウスデバイスをドラッグし、放します。
選択された領域は、Java Script コンポーネントに画像としてキャプチャされます。
キャプチャ画像上に緑色のプラスアイコン () をドラッグし、コンポーネントがアクションを実行する場所に配置します。
オプション: 次のアクションを実行して、キャプチャ画像にアンカーを追加します。
アンカーは一意の識別子で、Java Script コンポーネントがアクションを実行するアプリケーションを識別できるようにするものです。アンカーを追加するのは良い方法ですが、これは任意です。アンカーを追加しない場合、Java Script コンポーネントはキャプチャ画像全体をアンカーとして扱います。アンカーの詳細については、アンカーの使用方法を参照してください。
1. Java Script コンポーネントで、画像を右クリックし、[アンカーを追加 (Add Anchor)] をクリックします。
2. Java Script コンポーネントの画像部分を識別するには、画像上の特定の場所にアンカーをドラッグして配置します。
  
  ヒント:
  アンカーの寸法を変更するには、マウスデバイスをアンカーの端に合わせて、マウスデバイスが斜めの双方向矢印 () に変わってからアンカーをドラッグしてください。
Java Script コンポーネントバーで、コンポーネント設定アイコン () をクリックします。
[Java スクリプトエディター (JAVA SCRIPT EDITOR)] ウィンドウで、JAVA SCRIPT の見出しの下にカスタム JavaScript を追加します。
オプション: パラメーターを追加するには、次のアクションを実行します。
1. PARAMETERS の見出しの下で、パラメーターを追加アイコン () をクリックします。
2. パラメーターのデータタイプを設定します。
  設定されたデータパラメーターのデータタイプごとに、データ入力ポートが追加されます。
3. RETURN TYPE の見出しの下に出力データタイプを設定します。
[Java スクリプトエディター (JAVA SCRIPT EDITOR)] ウィンドウを閉じるには、[OK] をクリックします。
オプション: 入力を設定するには、「ポートのプロパティを設定する」を参照してください。

注:
データ入力ポートは、[Java スクリプトエディター (JAVA SCRIPT EDITOR)] ウィンドウでパラメーターを設定した場合にのみ表示されます。
オプション: 出力フィールドが出力を表示する方法を設定するには、「出力ポートのプロパティを設定する」を参照してください。

下表に従って、Java Script コンポーネントのデータポートとコントロールポートを、他のコンポーネントの対応するポートに接続します。


ポートタイプ	ポート名	データタイプ	接続の目的	必須？
データ出力	戻る	オブジェクト	JavaScript の出力を返します。	適用外

オプション: コンポーネントをテストするには、コンポーネントバーを右クリックし、[ここから実行 (Run From Here)] をクリックします。