[RPA]UiPathをインストールして「こんにちは世界」してみた。

## [0]はじめに
Zitanです。
既に色んなサイト様にもありますが、個人的に情報を集約したいなーと思って記事にしてみました。
今後試行錯誤しながら自動化案件をご紹介できればと思っています。

## [1]UiPathをインストールする
[UiPathのアカウント登録(インストール)はこちら](https://account.uipath.com/login?state=hKFo2SBUcDBzZEoxc0ZJYlNGNXo2NTZJVFN5bENxd2VxbnNCa6FupWxvZ2luo3RpZNkgT3FJcHhRZm1yb3JleXNSMGo1N1YwdmxZUHB5Y2RwVDijY2lk2SAyeXQ5SGRGNDVPMDA2SDlxZFBjUDlhczVjZEdibkNXcw&client=2yt9HdF45O006H9qdPcP9as5cdGbnCWs&protocol=oauth2&audience=https%3A%2F%2Fuipath.eu.auth0.com%2Fapi%2Fv2%2F&scope=openid+profile+email+read%3Acurrent_user&redirect_uri=https%3A%2F%2Fcloud.uipath.com%2Fportal_%2FauthCallback&type=signup&platform_name=UiPath+Platform&selected_language=ja&retryUrl=%2Fportal_%2Fenterprisesso&product_name=UiPath+Automation+Cloud&company_code=B2B_CP&enable_marketing_fields=true&cloudrpa_signup_subdomain=%2Fportal_&register_endpoint=%2Fregister&use_local_registration=false&response_type=code&response_mode=query&nonce=SUdVRC5NeTdZeV9yWnI3azFsbm9tVW9HLWhTRzNnNm11aG9QUy5yMFNMTw%3D%3D&code_challenge=BjmerX5loLc0h2CJiikli8b9FLLe678A6jIp7OfDS8A&code_challenge_method=S256&auth0Client=eyJuYW1lIjoiYXV0aDAtcmVhY3QiLCJ2ZXJzaW9uIjoiMC40LjAifQ%3D%3D)


<b>[1-1]筆者はGoogleアカウントでUiPathアカウントを作成しました。</b>
<img width="300" alt="UiPathログインページ" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1408638/5590ad84-914d-8f22-4217-2a9f009420ea.png">

<b>[1-2]これがUiPathのマイページに相当するページです。</b>
「<font color="Blue">Download UiPath Studio</font>」をクリックします。
<img width="400" alt="UiPathマイページ" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1408638/27d850b5-44f6-b28e-32c2-f8b7c7508910.png">

<b>[1-3]デスクトップから起動するとこんな感じ</b>(UiPath 2021 Version 2021.4.3)

<img width="500" alt="UiPath起動メイン画面" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1408638/53b6bd16-5f40-4f4a-71f2-af36b96e0b7e.png">
チュートリアル動画が豊富に揃っているそうで、参考に再生したところ。。。
英語なんですね。
一番右にある「アカデミー」は日本語のトレーニング教材があるので、こちらを読むといいかもしれませんね。
<img width="800" alt="UiPathアカデミー学習コースメイン" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1408638/069074d1-9553-d071-7a50-0fb9c5302ded.png">

~~筆者まだちゃんと見てないです~~
とりあえず触って覚えるタイプなので触ってみましたが結構苦戦。。。

## [2]こんにちは世界
右側に「新規プロジェクト」というのがあるので、そこから「プロセス」を選択してみました。
<img width="1000" alt="新規プロセス作成1" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1408638/77d7f01d-1b22-8a29-d09c-367b4d4971cd.png">
プロセスを保存する場所ですが、一旦どこでもいいです。
<img width="400" alt="新規プロセス作成2" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1408638/0ed35895-efc1-6421-ed22-9c4e046bb535.png">
「Mainワークフローを開く」をクリックします。
<img width="800" alt="新規プロセス作成3" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1408638/39f0f8a8-e753-6c74-14c8-1a4ee8c84861.png">

なんでしょうね。ちょっとアプリが重いような気がします。気のせい？

## [3]フローチャートを作る
ここをクリックします。当たり判定が狭いんですが、このプラス記号付近に「アクティビティ」をドラッグアンドドロップすると、ロボット作り始めた感を味わうことができます。
まず、プラス記号の部分をクリックします。
<img width="300" alt="新規プロセス作成4" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1408638/d0cfee97-e550-4bab-6962-b3e729f39343.png">
するとアクティビティの候補一覧が出てきます。
この中から「フローチャート」をクリックします。すぐ見つからなければ「フローチャート」と入力して検索して下さい。
<img width="600" alt="新規プロセス作成5" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1408638/a0eac2e6-e132-5302-e969-c56934442bd8.png">

メインページの中に「フローチャート」というのが、ちょこんと出てきました。ダブルクリックしてみましょう。
<img width="600" alt="新規プロセス作成6" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1408638/ecdfaba9-824f-6b1c-cd14-55ed2fd6e2db.png">
「Main>フローチャート」というタブを見てわかる通り、これはさっきの場所を拡大した中身のようです。
「Main」をクリックすれば拡大前(?)の本体のメインプロセスの表示に戻ります。
<img width="400" alt="新規プロセス作成7" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1408638/e0842630-f1f6-88d8-0236-59d2031bc1b5.png">

さて、「こんにちは世界」をするには、VBAをやっている人なら想像がつきやすいですが、「メッセージボックス」というアクティビティがあります。左側のウインドウは、「プロジェクト」「アクティビティ」「スニペット」を切り替えることができるようです。
<img width="400" alt="新規プロセス作成8" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1408638/c4e903b5-d9a5-5867-c95e-d16a1edeaee7.png">

アクティビティを検索するか、最近使用したもの一覧からフローチャートの中に「メッセージボックス」をドラッグアンドドロップします。
<img width="800" alt="新規プロセス作成9" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1408638/47c584e6-ce47-4c5c-fbdb-8440cfecac2a.png">

互いに接続するためには、アクティビティの上にマウスを当てて左クリックでぐりぐりすると矢印が出てきます。
[![Image from Gyazo](https://i.gyazo.com/4155af98caa37cc800837a6aa144bbc0.gif)](https://gyazo.com/4155af98caa37cc800837a6aa144bbc0)
他にも、下のようにドラッグアンドドロップで接続することもできます。
[![Image from Gyazo](https://i.gyazo.com/95d3f2d591e8f4e73683199a553e1301.gif)](https://gyazo.com/95d3f2d591e8f4e73683199a553e1301)

メッセージボックスのアクティビティをクリックすると右側にプロパティウィンドウが表示されます。
メッセージボックスに関する詳細設定をここで行います。
また、下の方に「変数」というタブがあるのでクリックして、「変数の作成」を行うことができます。
<img width="800" alt="新規プロセス作成10" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1408638/959673b0-8220-873e-1298-64fc65f7a824.png">

メッセージボックスのタイトル："あいさつの魔法"
テキスト：txtMessage(="こんにちは世界")※今回は変数を代入しています。直打ちの場合はダブルクォーテーションを忘れずに。
ボタン：「ButtonOptions.Ok」を選びました。OKボタンだけが表示されます。

さて、「ファイルをデバッグ」ボタンをクリックしてみましょう。
「こんにちは世界」とメッセージボックスが出現すればOKです。

<img width="150" alt="新規プロセス作成11" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1408638/1bba460c-ba98-c631-c77b-bac14c04ebc0.png">


メッセージボックスのタイトルが見切れてしまう問題ですが、テキストを長くすれば解決します。
※ウィンドウのサイズの調整方法は分かりませんでした。。
<img width="400" alt="新規プロセス作成12" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1408638/fb114a71-7275-78d1-9e7f-8b4a407a1d1a.png">

さいごに、上書き保存だけ忘れずに。
<img width="300" alt="新規プロセス作成13" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1408638/5625fb41-6fc4-5fca-4317-beea6faba731.png">


## [4]まとめ
いかがでしょうか。「こんにちは世界」できたところで何もならないのですが、
一歩ずつできることを増やしていくことがモチベーション維持に繋がるかと思います。