---
sourceDocument: Yokohama データと自動化
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/ja-JP/yokohama/integrate-applications

 Release :

    - yokohama

ft:locale :

    - ja-JP

ft:publication_title :

    - Yokohama データと自動化

ft:clusterId :

    - crint

bundleId :

    - crint

workflow :

    - Creator


---

# Click コンポーネントの使用

# Click コンポーネントの使用 {#ariaid-title1}

* リリースバージョン: Yokohama
* 
* 更新日 2025年01月30日
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 所要時間：3分

RPA デスクトップデザインスタジオ の Click コンポーネントを使用して、マウスデバイスのクリックアクションをシミュレートします。

## 始める前に

必要なロール：なし

## このタスクについて

Click コンポーネントは、プロセス間通信 (IPC) を使用してクリックイベントをアプリケーションに送信します。これを使用して、ボタン、コントロール、または通常はマウスクリックを必要とするものをすべてクリックします。

Click コンポーネントのプロパティは、他の Actions UI コンポーネントと共通です。これらのプロパティを設定するには、「[Actions (UI) コンポーネントのプロパティ](https://servicenow-prod.fluidtopics.net/8iRHheJWkfV03n6ZxMDOxw "Actions (UI) グループコンポーネントのプロパティについて説明します。Actions (UI) グループのすべてのコンポーネントには、一意のプロパティと共通のプロパティがあります。")」を参照してください。

## 手順

1. \[ツールボックス\] ペインで、次に移動します Actions (UI)クリック.
2. Click コンポーネントを \[デザイン面 (Design surface)\] にドラッグします。
3. Click コンポーネントで、カメラアイコン (![カメラアイコン]()) をクリックします。  
   Press "CTRL+SHIFT" for selection というメッセージが表示されます。
4. Ctrl + Shift キーを押します。  
   マウスデバイスがクロスオーバーアイコン (![クロスオーバーアイコン]()) に変わります。
5. アプリケーション上でマウスデバイスをドラッグして、アクションを実行される領域をキャプチャし、放します。  
   ヒント:  
   選択範囲で変更されない画像の一部を含めます。これは、不変の部品がアンカーとして使用されている場合に、自動化がキャプチャ領域を見つけるのに役立ちます。アンカーを指定するには、手順 7 を参照してください。  
   選択された領域は、Click コンポーネントに画像としてキャプチャされます。
6. キャプチャ画像上に緑色のプラスアイコン (![緑色のプラスアイコン]()) をドラッグし、コンポーネントがアクションを実行する場所に配置します。
7. **オプション:** 次のアクションを実行して、キャプチャ画像にアンカーを追加します。  
   アンカーは一意の識別子で、Click コンポーネントがマウスデバイスのアクションをシュミレートするコンテンツを識別できるようにするものです。アンカーを追加するのは良い方法ですが、これは任意です。アンカーを追加しない場合、Click コンポーネントはキャプチャ画像全体をアンカーとして扱います。アンカーの詳細については、[アンカー](https://servicenow-prod.fluidtopics.net/reOCNFNk7FYGDssT4gHECw "アンカーは、画面上で識別される一意の識別子です。相対的な距離でアクションを定義できる静的な領域を定義することで、シミュレートされたユーザーインタラクションのターゲット領域を指定するのに役立ちます。アクションの位置はアンカーに基づいて計算され、アクションはアンカーを基準にして実行されます。") の使用手順を参照してください。
   1. Click コンポーネントで、画像を右クリックし、\[アンカーを追加 (Add Anchor)\] をクリックします。  
      アンカーは、黄色の矩形に赤色の境界線で表示されます。
   2. キャプチャ画像上の特定の場所にアンカーをドラッグして配置します。  
      ヒント:  
      アンカーの寸法を変更するには、マウスデバイスをアンカーの端に合わせて、マウスデバイスが斜めの双方向矢印 (![双方向矢印]()) に変わってからアンカーをドラッグしてください。
   {#use-actionsui-click__substeps_rhw_pjw_jrb}
8. **オプション:** 次のアクションを実行して、代替画像をキャプチャします。  
   代替画像は、Click コンポーネントが最初にキャプチャされた画像を見つけられなかった場合に、実行が失敗しないようにするものです。この場合、Click コンポーネントは、代替画像を検索して実行します。代替画像は必要な数だけ追加することができます。
   1. Click コンポーネントで、コンポーネント設定アイコン (![コンポーネント設定アイコン]()) をクリックします。
   2. \[代替画像 (ALTERNATE IMAGES)\] ウィンドウで、画像の追加アイコン (![画像の追加アイコン]()) をクリックします。
   3. カメラアイコン (![カメラアイコン]()) をクリックします。  
      Press "CTRL+SHIFT" for selection というメッセージが表示されます。
   4. Ctrl + Shift キーを押します。  
      マウスデバイスがクロスオーバーアイコン (![クロスオーバーアイコン]()) に変わります。
   5. アプリケーション上でマウスデバイスをドラッグして、コンポーネントがアクションを実行する領域をキャプチャし、放します。  
      選択されたエリアは,キャプチャ \[代替画像 (ALTERNATE IMAGES)\] ウィンドウの画像として表示されます。
   6. キャプチャ画像上に緑色のプラスアイコン (![緑色のプラスアイコン]()) をドラッグし、コンポーネントがアクションを実行する場所に配置します。
   7. \[代替画像 (ALTERNATE IMAGES)\] ウィンドウを閉じるには、\[OK\] をクリックします。
   {#use-actionsui-click__substeps_f43_rkw_jrb}
9. **オプション:** コンポーネントをテストするには、コンポーネントバーを右クリックし、\[ここから実行 (Run From Here)\] をクリックします。

## HTML ボタンのクリックを自動化する {#use-actionsui-click__example_bmd_kvq_c5b}

Click コンポーネントは、ウィンドウ上の \[ホーム\] HTML ボタンのクリックを自動化します。その結果、ユーザーはホーム画面またはウィンドウに移動します。