【初心者向け】UiPathでブラウザ操作を行う自動化プロセスの設定でよくある課題と解決方法

自動化プロセスを進める中でよく使う機能の一つが「ブラウザ操作」です。

UiPathでは、「クラシックデザインエクスペリエンス（以下、クラシックデザイン）」と「モダンデザインエクスペリエンス（以下、モダンデザイン）」という２つのアクティビティデザインが存在します。

クラシックデザインはUiPathの初期デザインであり、現在も尚使われているデザインです。モダンデザインはUiPath2020.10にリリースされたデザインです。

モダンデザインでは様々な機能が追加され、より開発初心者にも使いやすくなっています。今回はモダンデザインのメリットと最初に苦戦しがちな操作と解消方法についていくつかご紹介したいと思います。

1 モダンデザインのメリット
2 ブラウザ操作で課題になりやすい操作と解消方法の事例紹介
- 2.1 事例１：特定のフィールドに対しての入力が不安定になる
  - 2.1.1 事例２：ページが表示される前に動作を行ってしまい、動作がうまくいかずにエラーになる
- 2.2 事例３：マウスオーバーで表示されるボタンやリンクのクリック方法

モダンデザインのメリット

モダンデザインはクラシックデザインよりも扱いやすい！

モダンデザインのメリットは以下３点あります。

プログラミング知識がない初心者でも開発が可能

クラシックデザインでは一つのアクティビティに対して複数の設定を行ったり、プログラミング知識を必要とする操作を要求されたりします。

しかし、モダンデザインではノーコードで使用できるアクティビティとなっているため、ソースコードを理解していなくても、一般ユーザーが簡単に開発することを可能となっています。

クラシックデザインより設定方法がわかりやすく、保守/運用が容易

モダンデザインでは、クラシックデザインから改善された設定オプションや直感的なインタフェースによりクラシックデザインよりも設定方法がわかりやすくなっています。

これにより、プロセスの構成を理解しやすくなったり、管理しやすくなったりしています。

したがって、自分以外の人が作成したロボットを改修する場合でも、変更や修正がしやすく迅速に対応することができるので保守/運用が容易であるといえます。

クラシックデザインより機能が豊富

クラシックデザインとモダンデザインの機能の違いの一つとしてセレクターが挙げられます。

クラシックデザインでは、UI要素を一意に特定するために要素の属性を使用します。IDや名前、クラスなどの静的な属性が含まれています。

そのため、要素の表現方法がわからなかったり、間違った情報を入力しまったりするとセレクターがうまく認識できなくなります。その反面、要素のレイアウトが変化せず、固定されている場合に有効的であるので静的なアプリケーションやWebページには信頼性が高いといえます。

一方、モダンデザインでは、厳密セレクターや、あいまいセレクターという機能が存在しており、クラシックデザインよりも柔軟に対応することができます。

また、モダンデザインではComputer VisionというAIを使用した要素認識が追加されています。Computer Visionとは、UiPathのロボットが画面上のすべてのUI要素を認識および理解できるようにするAI搭載エンジンのことで、ドライバーで認識できない要素があったとしてもUI操作を可能にします。

これらの機能によって、静的なアプリケーションやWebページだけでなく、動的なものにも対応することができるという点がモダンデザインのセレクターの特徴となります。

頻繫に変更されたり、動的なUIをもったりするものに対してはモダンデザインが有効的であるといえます。また、これらのセレクターで支え合う統合ターゲットが実装されており、セレクターが並列で実行され、最初にターゲットを見つけたセレクターが使用される形となっています。

クラシックデザインとモダンデザインの違いや、クラシックデザインの必要性などのより詳しい詳細については下記リンクをご参照ください。

＜参照＞

UiPathのモダンとクラシックの使い分けする意味