「例のホームページ」をWinActorで動かしてみた話

Transcript

1. 「例のホームページ」を WinActorで動かしてみた話
2. 以前の WinActor Talk にて……
3. ポイントは 自動記録 使用すれば自動でライブラリが配置 されるとのことだったけど…… 引用元：https://speakerdeck.com/comucal/220425-winactorburauzasinariozuo-cheng-che-di-jie-shuo-nttatsan
4. Q. フレームを使用している のはどちら？ A. 見た目では分からない場合も １ 2 3 HTML階層情報を確認 調べたい箇所に マウスポインターを乗せて 右クリック コンテキストメニューの ［検証］をクリック 調べ方
5. 4 １ 2 ブラウザの操作ができない💦場合は…… ① 調べたい要素の上で右クリック ② 表示されたメニューの［検証］をクリック ③ HTML階層情報にframe要素があればクリック ④ 青くなった箇所を右クリックしてXPathを取得 ⑤ WinActorライブラリ［フレーム選択］を設定 3
6. 以上のことを踏まえて…… 動かしてみました！ 例のホームページ
7. 阿部 寛のホームページ
8. 阿部寛のホームページ を選定した理由 しばらく ホームページ変更 の予定がない 01 古のコードのため 要素が少なく 解読しやすい 02 ページ構成が シンプルで 説明しやすい 03
9. ⚫ トップ ⚫ 映画出演 ⚫ □□□□ ⚫ □□□ ⚫ 出版本 ⚫ □□□ なぜベストを尽くさないのか □□□□□□□□□□□□□□□ □□□□□□□□□□□□□ □□□□□□□□□□□□□ □□□□□□□□□ 操作内容 １ ホームページを開く ２ 左側のメニューの「出版本」 のリンクをクリック ３ 右側のメイン画面に表示される 「なぜベストを尽くさないのか」 のリンクをクリック ⚫ トップ ⚫ 映画出演 ⚫ □□□□ ⚫ □□□ ⚫ 出版本 ⚫ □□□ 阿部 寛のホームページ □□□□ □□□□□□ □□□
10. １ ホームページを開く ⚫ トップ ⚫ 映画出演 ⚫ □□□□ ⚫ □□□ ⚫ 出版本 ⚫ □□□ 阿部 寛のホームページ □□□□ □□□□□□ □□□
11. ２ 左側のメニューの「出版本」 のリンクをクリック ⚫ トップ ⚫ 映画出演 ⚫ □□□□ ⚫ □□□ ⚫ 出版本 ⚫ □□□ 阿部 寛のホームページ □□□□ □□□□□□ □□□
12. ⚫ トップ ⚫ 映画出演 ⚫ □□□□ ⚫ □□□ ⚫ 出版本 ⚫ □□□ なぜベストを尽くさないのか □□□□□□□□□□□□□□□ □□□□□□□□□□□□□ □□□□□□□□□□□□□ □□□□□□□□□ ポ イ ン ト 選択モード：child でフレームを選択したら 選択モード：parent のフレーム選択で戻り 選択モード：child で次のフレームを選ぶ frameset frame[1] frame[2] 親 子
13. ⚫ トップ ⚫ 映画出演 ⚫ □□□□ ⚫ □□□ ⚫ 出版本 ⚫ □□□ なぜベストを尽くさないのか □□□□□□□□□□□□□□□ □□□□□□□□□□□□□ □□□□□□□□□□□□□ □□□□□□□□□ ３ 右側のメイン画面に表示される 「なぜベストを尽くさないのか」 のリンクをクリック
14. 作成したシナリオで デモ！
15. まとめ ① XPathは取得できても通常の操作ができない場合は ライブラリ［フレーム選択］を設定してみる ② どのライブラリを使用・設定するか分からないとき は自動記録を使用してみる ③ 自動記録で操作したときは必ず設定内容をチェック して学びを深める