RPA ChallengeにPower Automate for desktopでチャレンジ！

RPA Challenge

▲左側のボタンを押してExcelファイルをダウンロードしてPCに保存しましょう。わたしはC:\Users\user\Downloads\challenge_ja.xlsxに保存しました。

▲ファイルの中身はこんな感じです。

▲「Excel」グループの中の「Excelの起動」アクションを追加します。

▲パラメータを入力します。

▲「Excel」グループの中の「Excelワークシート内のセルをアクティブ化」アクションを追加します。

▲パラメータを入力します。

生成される変数： %ActiveCellColumnIndex%、%ActiveCellRowIndex%

「Excelワークシート内のセルをアクティブ化」アクション

「Excelワークシート内のセルをアクティブ化」アクションについて

「Excelワークシート内のセルをアクティブ化」アクションはセルの使用範囲を自動判別して、データ領域（表）の最終行と最終列を変数に入れて返却してくれます。

上の図の場合、%ActiveCellColumnIndex%（最終列）はH、%ActiveCellRowIndex%（最終行）は10が格納されます。

このアクションはExcel表によっては狙った範囲を認識してくれないことがあります。実際の業務でExcelファイルを読み込むときは下記記事の方法も参考になるかと思います。

あわせて読みたい

【初心者向け】PADでExcel表データを一括で読み込む方法！ 前回の記事で、Power Automate for desktopからExcelファイルの単一セルのデータを読み取る方法について学習しました。 この記事では複数セル、表形式のデータを一括で…

▲「Excel」グループの中の「Excelワークシートから読み取り」アクションを追加します。

▲パラメータを入力します。

%ActiveCellColumnIndex%、%ActiveCellRowIndex%

▲「Excel」グループの中の「Excelを閉じる」アクションを追加します。

▲パラメータを入力します。

▲「Webブラウザー自動化」グループの中の「新しいMicrosoft Edgeを起動する」アクションを追加します。

▲「ブラウザー自動化」グループの中の「Webページのリンクをクリックします」アクションを追加します。

UI要素の追加方法

UI要素の追加方法

▲UI要素のテキストボックスをクリックして「UI要素の追加」をクリックします。

▲「追跡セッションウィンドウ」が表示されるのでRPAチャレンジのサイトhttps://www.rpachallenge.com/?lang=jaをブラウザで開きます。

ここではページ内の左側にある「開始」ボタンのUI要素を取得したいので開始ボタンにマウスカーソルを合わせて赤い枠線が表示されたらCtrl+左クリックを押下します。

▲成功するとUI要素が追跡セッションウィンドウに追加されますので「完了」ボタンをクリックします。

▲「ループ」グループの中の「For each」アクションを追加します。

「フローコントロール」グループの中の「サブフローの実行」アクションを追加します。先程作成したサブフローを選択します。

▲「ブラウザー自動化」グループの中の「Webデータ抽出」の中の「Webページのスクリーンショットを取得します」アクションを追加します。

▲「メッセージボックス」グループの中の「メッセージを表示」アクションを追加します。今回のフローは少し時間がかかる処理のため、フローが完了したタイミングでメッセージを表示させたくてこのアクションを使っています。

▲「ブラウザー自動化」グループの中の「Webブラウザーを閉じる」アクションを追加します。

じょじお

以上でMainフローの作成は完成です。次はサブフローの処理を作成します。

▲「サブフロー」をクリックして先程作成したサブフロー名をクリックします。

▲サブフローに切り替わります。ここにアクションを追加しながらサブフローを作成していきます。

▲「ブラウザー自動化」グループの中の「Webフォーム入力」グループの中の「Webページ内のテキストフィールドに入力する」アクションを追加します。

▲パラメータを入力します。

UI要素の追加方法

UI要素の追加方法

▲UI要素のテキストボタンをクリックして「UI要素の追加」をクリックします。

▲追跡セッションウィンドウが表示されます。まずは「名前」の入力欄のUI要素を登録しましょう。Webページをブラウザで開き「名前」の入力欄にマウスカーソルをあわせます。UI要素が認識されると＜input＞タグの赤い枠線が表示されます。赤い枠線が確認できてからCtrl+左クリックを押します。

▲追跡セッションウィンドウにUI要素が追加されました。＜input＞という文言が確認できるので問題なさそうなので「完了」ボタンをクリックします。もしここで意図しないUI要素が取れていなかったらもう一度Ctrl+左クリックの操作をしてみてください。不要なUI要素はゴミ箱アイコンをクリックして削除しましょう。

▲こんな感じで同様の手順で7個のinputの数だけアクションを追加しましょう。

アクションのコピペ方法

同じアクションを複数追加する時はアクションのコピーを使いましょう！

じょじお

同じアクションが連続する場合は、アクションをドラッグ&ドロップで追加するよりもコピーペーストして複製した方が簡単です。

▲アクションを一度クリックして選択した状態にしてからCtrl+Cを押してアクションをコピーして、Ctrl+Vを押して張り付けます。Ctrl+Vを7回押すとアクションを7個追加することができます。

アクションを複製したら中身のUI要素を1個ずつ取得しなおし、入力するExcelData変数の値も調整しましょう。

inputに対応するExcelData変数

• 名前のinput：%CurrentItem[‘名前’]%
• 苗字のinput：%CurrentItem[‘苗字’]%
• 会社名のinput：%CurrentItem[‘会社名’]%
• 部署のinput：%CurrentItem[‘部署’]%
• 住所のinput：%CurrentItem[‘住所’]%
• メールアドレスのinput：%CurrentItem[‘メールアドレス’]%
• 電話番号のinput：%CurrentItem[‘電話番号’]%

UI要素の追加方法

▲「登録」ボタンのUIを取得しましょう。

じょじお

フローが完成しました！

じょじお

UI要素のセレクターをチューニングしていきます。

▲フローデザイナーの右側の「UI要素」ボタンをクリックしてUI要素の一覧に切り替えます。切り替えたらフォームのUI要素を一つ選択します。

▲現在のセレクターを見るとフォームの特定にID属性を使っています。（input[Id=”Al6qU”]）

そこで、RPAチャレンジのページをブラウザの開発者ツールで見てみるとID要素が一致しないことに気づきました。何度か確認するとページを表示するたびにID要素が自動生成されているようです。これが原因のようです。

あわせて読みたい

ブラウザ開発者ツールの使い方！ 【スクレイピングする時はHTML構造を確認しよう。】 Power Automate for desktopを使えばWebサイトのHTML構成を全く理解していなくてもスクレイピング目的のフローを簡…

▲改めてみてみるとフォームの要素は上の図のようになっています。divがあってその中にlabelとinputのペアがあります。今回はこのdiv要素のラベルのテキストを使ってUI要素を特定していこうと思います。

じょじお

では、次のステップで修正していきます。

▲セレクターをダブルクリックします。

▲セレクタービルダーが開きます。左下のカスタムをオフにします。

▲セレクター編集画面になります。セレクターを直接手入力します。

▲上のようにCSSセレクタのContainsを使って表現します。

div:contains(‘苗字’) > input

▲「「苗字」という名前が含まれるdiv要素の子要素であるinput要素」という意味です。

▲ほかのUI要素も同じように編集します。ついでに名前もわかりやすく変更しました。

以上でUI要素の編集は終わりです。