🎄UiPath Appsクリスマスデモ🎄

この記事は、UiPath アドベントカレンダー 2022の21日目の記事ですhttps://qiita.com/advent-calendar/2022/uipath

UiPath (produced with UiPath Friends)のカレンダー | Advent Calendar 2022 - Qiita

皆さんこんにちは！UiPathプロダクトマーケティング部のAmyです。
昨年に続き2回目のAdvent Calendar参戦となります。今年はUiPath Plarformの中で私が推しているUiPath Appsの簡単なデモをご紹介します。

🌟What's UiPath Apps
UiPath AppsはUiPathのローコードアプリケーション開発ツールです。ユーザーインターフェイス(UI)を自由にカスタマイズすることができるため、対象業務の参照先が多いシナリオなど、必要な情報のみを一つの画面上に集約できるのは非常に便利です。まだAppsに馴染みがないという方は是非ホームぺージもチェックしてみてください。
UiPath Appsとは？：https://www.uipath.com/ja/product/low-code-app-studio

🌟How to Build an App on UiPath Apps

▲Appsでアプリケーションを作成するのは非常に簡単です。まず自身のUiPathアカウントに紐づくAppsぺージを開き、「新しいアプリを作成」をクリックし、好きなアプリ名を登録します。

▲続いて、使用するテンプレートを選択しますが、今回はまっさらな状態から開発を始めたいので、「空のぺージ」を選択します。

▲これでUI作成準備が整いましたので、早速「＋コントロール」から必要なパーツを画面中央部にドラッグアンドドロップしていきます。

▲今回は、クリスマスパーティーに参加する予定の参加者情報一覧を表示させるUIを作りたいので、必要なコンテナを追加していきます。Apps画面左側には、画面の階層構造が表示されるようになっています。また、右側のタブでは、各コントロールパーツの細かい設定が可能です。ここでは、右側の「スタイル」タブから、コンテナの色をクリスマスカラーに変更してみました。

▲続いて左側のコンテナ上に文字を表示させるための「ラベル」と、情報を表示させるための「表」のコントロールを追加します。右側のコンテナには、クリスマスらしい画像を挿入してみます。本ブログでは、コンテナや画像サイズの調整ステップを省略していますが、ここまでで全体のデザインは完成です👏ここからは左側の表にパーティーの参加者データを表示させる部分を作成していきます。今回は、UiPath PlatformのデータストレージサービスであるUiPath Data Serviceと連携して、データを表示させてみます。
Data Serviceとは？：https://www.uipath.com/ja/product/no-code-data-modeling

▲一度Appsを離れ、自身のアカウントに紐づくData Serviceを開きます。
「新しいエンティティを作成」から、好きな名前を登録します。

▲生成されたエンティティをクリックすると、エンティティに含まれるフィールド一覧が表示されます。(キャプチャに表示されている5つの項目については、自動的に生成されるものです。) 今回は、Apps画面の表に1.参加者の氏名、2.参加者の年齢、3.参加者が連れてくるゲストの人数の3つの情報を表示させたいので、それぞれ「新しいフィールドを作成」から追加します。

▲エンティティに先ほどの3つの情報を登録させるためのフィールドが追加できました。

▲続いて、データタブを開き、データの登録を行っていきます。「新しいデータを追加」を押すと、右側にデータ追加画面が表示されますので、そちらに参加者情報を登録していきます。参加者のデータ登録が済んだら、AppsのMain Pageに戻りましょう。

▲Appsのコントロールボタンから「エンティティ」を選択します。先ほどData Serviceにデータを登録したテナントを選択し、エンティティを追加すると、先ほど登録したデータがAppsからData Serviceを通じて利用できるようになります。

▲Main Pageに戻り、表をクリックしてから、右側タブの「データソース」に先ほど追加した「Attendees Name List」のエンティティを入力します。

▲エンティティの入力が完了したら、一度「プレビュー」からプレビュー画面を表示させてみましょう。（プレビューは作成中いつでも表示させることが可能です。）

▲プレビュー画面を見ると、先ほど登録したデータが表に表示されていることが確認できます。
これでクリスマスパーティ参加者情報一覧を表示させる画面が完成です👏

▲最後に、Main Pageのエクスポートからエクスポートを完了すると、作成したぺージを組織のメンバーと共有することができるようになります。また、現在Previewとなっている「パブリックアプリ」としてパブリッシュをすれば、組織外のユーザーに対しても作成したAppsリンクを共有できるようになります。

▲試しに先ほどのアプリを「パブリックアプリ」としてパブリッシュし、共有用URLを新しいシークレットウィンドウで開いてみると、きちんとぺージが表示されていることが確認できます。

以上、クリスマスにちなんだ簡単なAppsデモとなりますが、特定の参加者の情報のみを表示させるための検索ボックスを追加したり、Appsの画面からData Serviceへと新規参加者情報を追加登録できるようにしたり、応用編についても、今後動画などで紹介できればと思っていますので、お楽しみに！

🌟Apps Use Case
具体的な事例としては、コンタクトセンターなどで、オペレーターの方の画面をカスタマイズする際などに活用されることが多いAppsですが、複数のウィンドウ間で反復処理が発生するケースや、異なるシステムへのアウトプットが必要となる業務において、ユーザーの作業時間・ストレスを軽減できるとともに、業務によっては応対速度・顧客満足度向上にもつながるソリューションです。