入門Power Automate Desktop：第三話「ブラウザ操作を自動化しよう」

# 自動化する作業
1. ブラウザを起動してGoogleの検索エンジンに接続する。
1. 検索欄に「囁くヴァニタス」と入力して検索を実行する。
1. 検索結果の一番上のリンクを選択する。
1. 「1.裏通りの贋作屋 」のリンクを選択する。
1. 表示された小説の全文をコピーしてローカルファイルに保存する。
1. ブラウザを閉じる。

今回はWebスクレイピングした結果をローカルにファイル保存する処理を自動化してみます。

# 実際にフローを作る
## 0. 事前準備
目的が一目でわかる名前でフローを作成します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/587410/3900a354-56b6-6c35-a321-dd441e50fd50.png)
## 1. ブラウザを起動してGoogleの検索エンジンに接続する。
アクションから「～を起動する」をドラッグしてフローにドロップします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/587410/3ccfaad0-646b-cad1-d03b-ce72acc2d323.png)
アクションの設定画面が表示されるので、初期URLに「`https://www.google.co.jp/`」を設定する。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/587410/aae99785-6ad2-8d71-0966-47d21b9636e4.png)
追加されるとこんな感じです。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/587410/4aa9d5c8-b390-f7e0-1623-a424d05a35ee.png)
## 2. 検索欄に「囁くヴァニタス」と入力して検索を実行する。
### 2-1. 検索欄に「囁くヴァニタス」と入力する。
アクションから「Webページ内のテキストフィールドに入力する」をドラッグしてフローにドロップします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/587410/95641c8e-e84b-192e-9921-7bfcf8ecb5ad.png)
アクションの設定画面が表示されるので、「UI要素」→「UI要素の追加」からWebページの要素登録画面を呼び出します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/587410/d40d6d0b-7754-f881-e3cf-e59b6552072f.png)
「追加セッション」ウィンドウが立ち上がるので、その状態でブラウザを開くと要素のセレクター状態となります。
目的の要素が赤枠で選択されている状態で「Ctrl＋左クリック」で「追加セッション」ウィンドウに値が追加されたら完了押してください。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/587410/f59bafe1-96cb-93f7-fa0b-2bebdaf9659e.png)
UI要素を設定出来たら、次は選択したUIに入力したい値である「囁くヴァニタス」を「テキスト」に入力します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/587410/abb6103c-d3ce-73f2-e6a6-09f929f1419f.png)
追加されるとこんな感じです。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/587410/8c67de7b-ba75-8199-54ce-a530e3d97997.png)
### 2-2. 検索を実行する。
アクションから「キーの送信」をドラッグしてフローにドロップします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/587410/4f828051-5810-0388-3411-443c2f2a38a3.png)
アクションの設定画面が表示されるので、「特殊キーの挿入」→「その他」→「Enter」を選択すると「送信するテキスト」にEnter入力を意味する{Return}が設定されます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/587410/4b8db1a7-7129-7861-cd8a-6bb164969322.png)
追加されるとこんな感じです。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/587410/4d0b743d-885b-a47e-44e8-ea87c49ae10c.png)
## 3. 検索結果の一番上のリンクを選択する。
アクションから「Webページのリンクをクリックします」をドラッグしてフローにドロップします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/587410/c41f8d55-f68b-b9ed-63ea-ae92713835e3.png)
アクションの設定画面が表示されるので、UI要素の追加に進む。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/587410/f97bb3f7-a423-1d87-1678-2e2819fb1c08.png)
目的のリンクを「Ctrl＋左クリック」でUI要素を追加する。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/587410/fab60ac7-cd3a-e0e9-2a6b-d65f2b94a10f.png)
追加されるとこんな感じです。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/587410/3c6633df-9d94-1bfe-0372-eb8d2c141349.png)
## 4. 「1.裏通りの贋作屋 」のリンクを選択する。
3の手順と同一です。
追加されるとこんな感じです。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/587410/8b32434a-db04-e96b-bc4c-6b9545b525b5.png)
## 5. 表示された小説の全文をコピーしてローカルファイルに保存する。
### 5-1. 表示された小説の全文をコピーする。
アクションから「Webページからデータを抽出する」をドラッグしてフローにドロップします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/587410/57d709f8-7b90-55b1-ac9a-5d58774fd037.png)
アクションの設定画面が表示されるので、この状態でブラウザをアクティブにすると「ライブWebヘルパー」ウィンドウが立ち上がります。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/587410/ca6288f5-f35a-51ba-f078-0984c3650c43.png)
要素が赤枠表示の状態で「右クリック」→「要素の値を抽出」で「ライブWebヘルパー」に値が入るので「終了」を押下します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/587410/fcdc6a22-4aa4-d855-b8d2-8c2372ff48f7.png)
### 5-2. ローカルファイルに保存する。
アクションから「テキストをファイルに書き込みます」をドラッグしてフローにドロップします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/587410/01fd3ae0-026a-8dd1-7bad-480138f2058d.png)
アクションの設定画面が表示されるので、出力先のファイルパスを設定して、書き込むテキストには5-1で生成された変数を設定します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/587410/deb8db3d-dea3-a799-fa3d-07190f182314.png)
追加されるとこんな感じです。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/587410/c417e5a2-a53d-3ca4-f5ff-de6d02ccdc2c.png)
### 6. ブラウザを閉じる。
アクションから「Webブラウザーを閉じる」をドラッグしてフローにドロップします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/587410/24151ee7-e0b1-c875-5286-d667e2b9962f.png)
アクションの設定画面が表示されるので、ブラウザの変数を設定します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/587410/a5ea36ac-6ff3-3dc3-fb19-0dda298834bc.png)
追加されるとこんな感じです。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/587410/a9406165-a820-c8e1-05b4-df456acabbdb.png)
### 7. フローを保存する。
フロッピーディスクから保存(最近の子はアイコンの意味が通じない気がする。。。)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/587410/215bd59a-8eea-6538-09f9-00742a069372.png)

# 作成したフローを実行してみる
作成したフローを実行する。
Webブラウザが立ち上がり、各画面遷移後にブラウザが閉じます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/587410/165bde21-ad30-abd8-006d-0ccaacd4d939.png)

ダウンロードフォルダ内に「narou.txt」が出力されていれば成功です。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/587410/6849dab7-af10-a3d9-6b15-6abaae40b166.png)