【UiPath 拡張機能のインストール方法】

こんにちは。
入社3年目(とうとう3年目！！)文系出身のエンジニアです。
今回はUiPathでレコーディングする際、クリックで焦点を当てるための方法(?)についてご紹介します。

#### そもそも拡張機能とは？
そもそも拡張機能とはなんぞや？っていう所についてお話していきます。
主にブラウザツールによく拡張機能がつけられています。
これは何かというと、それぞれのブラウザツールの機能を増やしたり、
強化したりできる専用の動きみたいなものです。
例えば、GoogleMailの拡張機能をインストールすると、サインインしたGmailの未読メール数がアイコンと重なって表示できます。
またバナー広告を表示させないといった機能もあるなど、大変便利です。

#### UiPathの拡張機能はどのような使い方をするの？
主にブラウザツールでよく使用されます。
ChromeやEdgeがほとんどですが、ブラウザ操作を自動化できます。
また、UI要素を検出し、セレクターによって要素を読み取ることができるので、
自動化には欠かせないものとなっています。

### 拡張機能のインストール前
①.xamlファイルを開き、レコーディングボタン→ベーシックボタンを押下する。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/666359/68b25771-daae-1386-0841-b46c819fce35.png)

②ベーシックレコーディングダイアログが表示され、記録ボタンを押下する
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/666359/5af486dd-9dd7-c17b-270d-3c4e5692a6e8.png)

③Googleの入力フォームを入力すると、以下のようなポップアップが表示される。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/666359/368bac9f-75a6-050a-3b32-f71b6558bc8a.png)
このようなメッセージを回避するためには、拡張機能を有効化させる必要があります。

### 拡張機能のインストールの仕方
①.xamlファイルを開き、「ホーム」ボタンを押下する
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/666359/a006a895-6d31-28b5-3ecc-deb0dc2f1e92.png)

②「ツール」ボタンを押下する
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/666359/c5632b3f-8c7c-a736-edd8-6d72aca27113.png)

③「ツール」から「UiPath 拡張機能」を選択する
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/666359/9a3a1f39-32f6-9062-8a33-ae140aae22f5.png)

④UiPath 拡張機能の詳細画面が表示される
今回はChromeの拡張機能をインストールしたいので、
Chromeの下に記載しているインストールボタンを押下する
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/666359/d8acc7c0-e904-29c8-234c-96db2fa16773.png)

⑤インストールボタン押下後、インストールの確認ができたポップアップ画面が表示される
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/666359/56ae12a5-e7e0-114a-c7d2-939d54ac0908.png)

**※Chromeが開いた状態のまま、インストールボタンを押下すると、
プロセスを強制的に閉じなさいという警告のポップ画面が表示される**
「はい」ボタンを押下すると、自動的にChromeタブが閉じられる
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/666359/5a66316c-d837-b26d-02c0-299a6b7629cf.png)
強制的にChromeタブが閉じられた後、
インストールの確認ができたポップアップ画面が表示される
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/666359/de6f9c49-c9bd-65c3-1acc-3bd8bd21b89c.png)

### 拡張機能のアンインストールの仕方
①「拡張機能のインストールの仕方」の①から③の操作まで同じなので、
アンインストールする際も同様に繰り返す

②インストール後、インストールボタンがアンインストールボタンに
変更していることが分かる
→アンインストールボタンを押下する
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/666359/e1c97f43-8de1-572a-7cdc-21d32dac2faf.png)

③「この拡張機能をアンインストールしますか？」と確認のポップ画面が表示される
→「はい」ボタンを押下する
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/666359/7abeba2f-0b0a-b04d-a703-da03baeb6f04.png)

④アンインストールボタン押下後、アンインストールの確認ができたポップアップ画面が表示される
**※Chromeタブが開いていてもプロセスを強制的に閉じなさいという警告のポップ画面が表示されることはない**
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/666359/80ccae02-74e0-8289-2abc-8d9ee0ae22fa.png)

### 最後に
最後まで読んでくださり、ありがとうございました！
冒頭にもお伝えしたように、UiPathでは拡張機能というものは欠かせない存在となっています。
画像や入力フォーム、ボタンなどを読み込む上で必要になる素材だからです。
私は、UiPathの拡張機能しか使用したことがないので、
他の拡張機能についてはそこまで詳しくないぺーぺーなのですが笑
調べたら、拡張機能も様々な種類があるらしいです。
また時間があれば触ってみたいと思いました。

### 参考URL
https://www.geekly.co.jp/column/cat-webgame/1912_018/

https://atmarkit.itmedia.co.jp/ait/articles/1502/05/news148.html

https://docs.uipath.com/studio/lang-ja/docs/about-extensions