1
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

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

Last updated at Posted at 2021-10-31

自動化する作業

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

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

実際にフローを作る

0. 事前準備

目的が一目でわかる名前でフローを作成します。
image.png

1. ブラウザを起動してGoogleの検索エンジンに接続する。

アクションから「~を起動する」をドラッグしてフローにドロップします。
image.png
アクションの設定画面が表示されるので、初期URLに「https://www.google.co.jp/」を設定する。
image.png
追加されるとこんな感じです。
image.png

2. 検索欄に「囁くヴァニタス」と入力して検索を実行する。

2-1. 検索欄に「囁くヴァニタス」と入力する。

アクションから「Webページ内のテキストフィールドに入力する」をドラッグしてフローにドロップします。
image.png
アクションの設定画面が表示されるので、「UI要素」→「UI要素の追加」からWebページの要素登録画面を呼び出します。
image.png
「追加セッション」ウィンドウが立ち上がるので、その状態でブラウザを開くと要素のセレクター状態となります。
目的の要素が赤枠で選択されている状態で「Ctrl+左クリック」で「追加セッション」ウィンドウに値が追加されたら完了押してください。
image.png
UI要素を設定出来たら、次は選択したUIに入力したい値である「囁くヴァニタス」を「テキスト」に入力します。
image.png
追加されるとこんな感じです。
image.png

2-2. 検索を実行する。

アクションから「キーの送信」をドラッグしてフローにドロップします。
image.png
アクションの設定画面が表示されるので、「特殊キーの挿入」→「その他」→「Enter」を選択すると「送信するテキスト」にEnter入力を意味する{Return}が設定されます。
image.png
追加されるとこんな感じです。
image.png

3. 検索結果の一番上のリンクを選択する。

アクションから「Webページのリンクをクリックします」をドラッグしてフローにドロップします。
image.png
アクションの設定画面が表示されるので、UI要素の追加に進む。
image.png
目的のリンクを「Ctrl+左クリック」でUI要素を追加する。
image.png
追加されるとこんな感じです。
image.png

4. 「1.裏通りの贋作屋 」のリンクを選択する。

3の手順と同一です。
追加されるとこんな感じです。
image.png

5. 表示された小説の全文をコピーしてローカルファイルに保存する。

5-1. 表示された小説の全文をコピーする。

アクションから「Webページからデータを抽出する」をドラッグしてフローにドロップします。
image.png
アクションの設定画面が表示されるので、この状態でブラウザをアクティブにすると「ライブWebヘルパー」ウィンドウが立ち上がります。
image.png
要素が赤枠表示の状態で「右クリック」→「要素の値を抽出」で「ライブWebヘルパー」に値が入るので「終了」を押下します。
image.png

5-2. ローカルファイルに保存する。

アクションから「テキストをファイルに書き込みます」をドラッグしてフローにドロップします。
image.png
アクションの設定画面が表示されるので、出力先のファイルパスを設定して、書き込むテキストには5-1で生成された変数を設定します。
image.png
追加されるとこんな感じです。
image.png

6. ブラウザを閉じる。

アクションから「Webブラウザーを閉じる」をドラッグしてフローにドロップします。
image.png
アクションの設定画面が表示されるので、ブラウザの変数を設定します。
image.png
追加されるとこんな感じです。
image.png

7. フローを保存する。

フロッピーディスクから保存(最近の子はアイコンの意味が通じない気がする。。。)
image.png

作成したフローを実行してみる

作成したフローを実行する。
Webブラウザが立ち上がり、各画面遷移後にブラウザが閉じます。
image.png

ダウンロードフォルダ内に「narou.txt」が出力されていれば成功です。
image.png

1
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?