【UiPath Apps】ローコードで生成AIのインターフェースを作成する

UiPath Appsはローコードで手軽にWebアプリを作成することができます。
今回は最近、リリースされたコネクション機能を使って、生成AIを呼び出すインターフェースを作っていこうと思います。

## 準備する環境
- Automation CloudでIntegration ServiceとAppsが有効化されていること
- 'Integration Service の API 呼び出し' のライセンスを保持していること

環境の準備がまだの方は以下のドキュメントをもとに設定を進めてください。
筆者はコミュニティ版からトライアルを申請して環境を作成しました。

**Automation Cloud 管理ガイド**

https://docs.uipath.com/ja/automation-cloud/automation-cloud/latest/admin-guide/managing-services


**Integration Service ユーザー ガイド**

https://docs.uipath.com/ja/integration-service/automation-cloud/latest/user-guide/licensing-monitoring-api-usage

## 今回作成する画面
AIと応答するだけのシンプルなページを作成します。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3575031/9b0bf77e-651d-2fbe-d82d-ddb3b05b65b7.png)


## 設定手順
今回の目的は実際にGen AIのルールを体感してもらう部分なので、すでに作成済みのアプリをインポートするところから始めます。

<H4>1. アプリのパッケージファイルをダウンロード</h4>
すでに作成したアプリをドライブにあげているので、ダウンロードして使ってください。

https://drive.google.com/file/d/1q9qfZBUzcaB4wOqBDXmLajhZ57pQ0Fsz/view?usp=sharing

<H4>2. アプリをAutomation Cloudにインポート</h4>
以下のドキュメントを参照して自身の環境にアプリをインポートします。

https://docs.uipath.com/ja/apps/automation-cloud/latest/user-guide/import

インポートが完了すると以下のような画面になります。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3575031/d92dc150-5675-d9fa-8cfa-6b4ff084bb04.png)


<H4>3. コネクションの設定</h4>
現在のままではUiPath GenAI Activitiesのコネクションがエラーになっているため、コネクションを追加します。エラーになっているコネクションを選択し、置換をクリックします。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3575031/38c2cc8f-9f21-ff59-9329-c0c5e4fa65be.png)

UiPath GenAI Activitiesの設定画面が開くので[新しいコネクションを追加]をクリックします。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3575031/9a4d5296-d975-c2a5-d1d4-1d4892747b66.png)

コネクトします。今回はMy Workspaceにコネクションを作成しました。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3575031/0876311c-12b7-150b-a5d3-0ac584c70ae4.png)

アカウントが表示されたら[置換]を選び、エラーが消えれば完了です。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3575031/6930836b-fc0e-2a51-d6d5-9dbace930068.png)

<H4>4. 動作確認</h4>
画面右上の[プレビュー]をクリックし、正常にアプリが動作すれば設定は終了です。
試しに質問をしてみました。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3575031/e6efc852-b9ce-38cf-d46f-a951e819c0e6.png)

無事に答えが返ってきました！かなりレスポンスも早いです。体感、2・3秒ほどでした。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3575031/bd4b2ebe-43a1-2639-426f-35a379b7fb03.png)



## Gen AIアクティビティの紹介

MainPageの配下にあるQueryButtonというコントールの裏側のルールに、Content Generationを利用しています。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3575031/31072d0c-f795-e6c8-d41c-25bd02944f06.png)

Gen AIアクティビティは2024年7月段階で、
- コンテンツ生成
- テキストを要約
- PII をフィルター処理
- 言語検出
- 書き換え
- メールを生成
- 翻訳

の7つのアクティビティが提供されています。

https://docs.uipath.com/ja/activities/other/latest/integration-service/uipath-uipath-airdk-activities

Appsでもそれらの機能を利用することが可能です。
ぜひいろいろな機能を触ってみてください。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3575031/1ca50fb9-b231-7067-81ff-52ea85cd45ef.png)

:::note info
**戻り値の受け取り方**
利用したルールの結果を受け取りたい！となったときに筆者は躓きました。
ルールのレスポンスの取得方法は、
PageName.ControlName.RuleName.Response.RawResponse

そして戻り値がJson形式なのでパースして利用します。
Newtonsoft.Json.Linq.JToken.Parse( 受け取ったレスポンス )
:::

https://docs.uipath.com/ja/apps/automation-cloud/latest/user-guide/connections-faq#how-can-i-get-a-raw-response-from-the-api%3F



## 終わりに
ローコードでサクッと作成したアプリから生成AIが呼び出せるのは熱いです！
今回利用できなかった機能に関しては別記事で書いていこうと思います。

ほかの方もGen AIを使った記事を書かれているのでぜひご参照ください。

https://qiita.com/hidecha/items/f964a6931c062a6b1403