ブラウザー自動化アクションによるフローの作成
では、ここからは具体的にブラウザー関連のアクションを使って、フローを作成していきます。まずはブラウザーからサイトにアクセスする方法からです。
もっとも、ブラウザー自動化アクションを使用したフローをフローデザイナーだけで一から作成するのは面倒なので、「レコーダー」を使用して記録し、少しずつ改良してフローを作成することを考えます。
［1］レコーダーを起動する
新規にフローを作成して、名前を付けて、フローデザイナーを表示します。ツールバーの［レコーダー］をクリックしてください。
［2］ブラウザーを起動する
［レコーダー］ウィンドウで、右上の［︙］ボタンをクリックして、［新しいブラウザーを起動する］―［Chrome］をクリックします。
［3］移動先を「Google検索」ページにする
ブラウザーのブランクページが起動します。［レコーダー］ウィンドウの移動先の右側の［about:blank］のところを選択して、「https://www.google.co.jp/」と上書きします。
ブラウザーのアドレスバーにも、「https://www.google.co.jp/」を入力して、［Enter］キーを押して「Google検索」ページに移動します。
［4］レコーディングを開始する
［レコーダー］ウィンドウで、［記録］ボタンをクリックします。
記録が開始され、Chrome内のページ要素上でマウスカーソルをホバーさせると、赤枠が表示されます。クリックやキーボードの押す操作をするとクリックやキーボードを操作すると、その内容が記録されていきます。
記録されたアクションを削除したい場合、ごみ箱のアイコンをクリックします。また記録せずに操作したい場合は、［一時停止］ボタンをクリックして操作します。レコード開始から記録したすべてのアクションを削除したい場合は、［リセット］ボタンをクリックします。
［5］Googleで検索する
検索欄にマウスカーソルを近づけて、input:textの赤枠が表示されるのを確認して、クリックします。入力できる状態になったら、「国民の祝日」と入力して、［Enter］キーを押して検索します。
結果が表示されるので、一番上の「国民の祝日について - 内閣府」リンクをクリックします。
［6］レコーダーを終了する
［レコーダー］画面の下部の［終了］ボタンをクリックして、記録を終了します。
［7］動作確認する
フローデザイナーに戻ったら、記録したアクションが、ワークスペースにセットされます。
動作確認のために、ツールバーの［実行］ボタンをクリックします。再び、検索が実行されて、結果のリンク先（「国民の祝日について - 内閣府」）が表示されます。
ブラウザー自動化のアクションでWebページからデータを抽出する
前項で作成したフローを編集して、フロー実行の結果が表示されているページからデータを抽出してみましょう。
［1］データ抽出アクションを配置する
アクションペインの［ブラウザー自動化］アクショングループの［Webデータ抽出］ノードを展開して、［Webページからデータを抽出する］アクションをフローの末尾に配置します。
［2］Webページからデータを抽出する
［Webページからデータを抽出する］の設定画面が開くので、そのままChromeの画面をアクティブにします。［ライブWebヘルパー］ウィンドウが表示されるので、「国民の祝日について - 内閣府」ページの要素上でのマウスカーソルホバーで赤枠が表示されます。
スクロールし、「〇令和4年（2022年）の国民の祝日」の下のテーブル要素の中で、右クリックします。コンテクストメニューが表示されたら［HTMLテーブル全体を抽出する］を選択します。
［ライブWebヘルパー］ウィンドウに、テーブルの内容が表示されことを確認して、［終了］ボタンをクリックします。
［3］抽出したデータをExcelシートに記録する設定をする
［Webページからデータを抽出する］設定画面の［データ保存モード］で、「Excelスプレッドシート」を選択して［保存］します。
［4］動作を確認する
フローデザイナーに戻ったら、フローを保存して動作確認をし、ツールバーの［実行］ボタンをクリックします。すると、ページのテーブルの内容が、Excelのシートに転記されることが確認できます。
引き続きこのフローを使用しますので、フローデザイナー、ブラウザーのページは閉じないでおきます。
