UiPathActivityCreatorを利用してカスタムアクティビティを作ってみた（作り方編）

# 1. はじめに
Qiita投稿２投稿目になります。
今回の記事は、先日行われた「第9回 UiPath Friends 全国 ～差がつく夏期講習2022～」での
LT発表内容「UiPath Activity Creatorを使って、カスタムアクティビティを作ってみた！」をまとめてみたものになります。
もしよろしければ、アーカイブ配信されているので、見てみてください！
https://www.youtube.com/watch?v=5E-oTQLCNsc

# 2. カスタムアクティビティとは
アクティビティは、プロセス オートメーションのビルディング ブロックです。
UiPath Studio には、さまざまなビルトインのアクティビティと、
必要に応じて、パッケージ マネージャーを使用してインストールできる専用アクティビティ(PDF、メール、Excel) があります。
カスタム アクティビティを作成して、必要に応じてプロセスを自動化することができます。
[カスタムアクティビティを作成する（公式）](https://docs.uipath.com/activities/lang-ja/docs/creating-a-custom-activity)

# 3. カスタムアクティビティ作成の方法
カスタムアクティビティは以下２つの作成方法があります。
* VisualStudio拡張機能を使わない方法
* VisualStudio拡張機能を使う方法

今回は、LTでもご紹介させて頂いた、
VisualStudio拡張機能（UiPath Activity Creator）を使う方法をご紹介します

# 4-1. VisualStudio拡張機能利用方法
### 4-1-1. 環境 ※2022/08/01現在
* VisualStudio2022 
* UiPath Studio Community 2022.4.3

### 4-1-2. 拡張機能インストール方法
拡張機能のインストール方法をご紹介します
1. VisualStudioを起動
![WS000000.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2638718/3eaa3781-9ab1-0da6-b330-1bf04593c31a.jpeg)

2. 「コードなしで実行」を押下
![WS000001.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2638718/e42a4113-d43f-df8a-92d6-31a724c76e56.jpeg)

3. ツールバーの「拡張機能」＞「拡張機能の管理」を押下
![WS000002.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2638718/f1d53b7c-e664-5550-01f1-024ad8e69456.jpeg)

4. 拡張機能管理のダイアログ内の、検索ボックスの「UiPath」と入力しエンターキー押下
UiPath Activity Creatorが表示されるので、「ダウンロード」を押下
![WS000004.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2638718/6c464774-ae89-1690-f652-0fc9fc4dc55d.jpeg)

5. ダウウンロードが実行されるので、完了次第、VisualStudioのウィンドウを全て閉じる
![WS000005.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2638718/f16cbf00-9c29-a5a1-b562-7effcc44e0bc.jpeg)
![WS000006.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2638718/a5c33493-3495-42c6-edb1-f246b98c32fc.jpeg)

6. 拡張機能のインストールダイアログが表示されるので、「Modify」を押下
![WS000007.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2638718/00fd4eeb-1cab-17d8-622a-090e82c46230.jpeg)

7. インストールが実行されるので、待機
完了後、完了ダイアログが表示されるので、「Close」を押下
![WS000008.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2638718/a5db8be1-d561-73cb-e8f6-9fb405c5d5d9.jpeg)
![WS000009.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2638718/5a277d86-ab79-ccf2-67ca-9d63dfc79549.jpeg)

8. VisualStudioを再度起動
再び、3の手順にて拡張機能の管理を開いて、以下の状態になっていたらインストール完了です
![WS000010.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2638718/9878de9e-0002-1e0f-8456-e87c886c3f44.jpeg)

### 4-1-2. 初めての使い方
プロジェクトの作り方をご紹介します
1. VisualStudioを起動します
![WS000000.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2638718/64a4ec6a-f414-b303-adca-56b78794e761.jpeg)

2. 「新しいプロジェクトを作成」をクリックします
![WS000011.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2638718/624c1de7-9592-de2a-316e-5ba1d71bc5b7.jpeg)

3. 「UiPath Standard Activity Project」をクリックし、「次へ」を押下します
![WS000012.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2638718/84bc2ebb-0e7e-f510-a61f-a01da19a8143.jpeg)

4. 「プロジェクト名」「場所」を入力し、「作成」を押下します
*場所は任意のフォルダを指定してください
![WS000013.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2638718/2af61d8e-ded0-5145-442c-3f229ece5d0b.jpeg)
*上記必要項目を入力すると、「作成」ボタンが押下出来るようになります
![WS000014.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2638718/7c487891-d75c-6fd0-9161-1a718c6e2994.jpeg)

5. プロジェクトが作成されます
![WS000015.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2638718/d3d804fb-cdbc-501a-4423-162cf575a389.jpeg)

6. ツールバーの「拡張機能」＞「UiPath」＞「Add Activities」を押下します
![WS000016.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2638718/f7798218-a487-b4bf-d2dc-48732cc76cea.jpeg)

7. ダイアログが起動するので、「Create」を押下します
![WS000017.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2638718/7bc6d282-b00f-f238-b75f-98c775dde2f5.jpeg)

8. ページが進むので、進んだ先で「＋」を押下します
![WS000018.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2638718/7c915f15-8a41-28ae-e22e-d8bf40a8d18f.jpeg)

9. Activityの情報を入力出来る欄が出てくるので入力します
![WS000019.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2638718/603e9399-f3e0-7bfd-1baa-bc21baa8d374.jpeg)

10. 一通り入力が終わったら、StudioとのINPUT、OUTPUTを定義する為に、「Properties」の「Edit」を押下します
![WS000020.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2638718/b618396f-719b-363f-d0b7-01a22fd4ca2c.jpeg)

11. また別のダイアログが起動します
![WS000021.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2638718/36dd88b7-295e-eb83-190b-f2805cc72545.jpeg)

12. INPUT、OUTPUT定義を追加する為に「＋」ボタンを押下します
![WS000022.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2638718/ca344461-f80a-45ca-2856-9407a64b8c2c.jpeg)

13. 入力欄が表示されうので、INPUT、OUTPUT情報を定義します（必須の設定、データ型の設定もここで行います）
*INPUT、OUTPUTの他にも、INOUTも定義できます
*消したい場合は、ゴミ箱マークを押下すれば、行ごと削除することができます
![WS000023.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2638718/cdebe628-959e-d398-8932-ee0ade288742.jpeg)

14. 入力が終わったら、「OK」を押下します
![WS000024.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2638718/0e9d1f7d-f56d-5861-70b3-1cf4b2df0722.jpeg)

15. 最後に最初のダイアログの画面で、「Finish」を押下します
![WS000025.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2638718/48c96a77-8e2c-b06d-d17e-9d7501aaef2d.jpeg)

16. ダイアログ内で定義した情報をもとに、ソースファイルが作成されます
![WS000028.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2638718/88801b06-9b25-090c-93df-47ff8ecd0976.jpeg)


17. 主に「Add execution logic HERE」の箇所に処理を書いていくことになります
![WS000029.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2638718/0bad0132-b9dd-0a0e-d8e4-3bb7629748ad.jpeg)

# 5. まとめ
今回は、UiPathActivityCreatorを使った、カスタムアクティビティの作り方をざっくり手順にしてみました。
次回は、これを使って簡単なアクティビティ作成、UiPathStudioでの利用をまとめてみたいと思います。