【UiPath】モダン デザイン エクスペリエンスをクラシックとの違いをふまえて解説

UiPath Studio2021.10以降、モダン デザイン エクスペリエンスが新規プロジェクトで有効化されているため、クラシック デザイン エクスペリエンスとの違いに戸惑っている方も多いと思います。

この記事では、モダン デザイン エクスペリエンスとクラシック デザイン エクスペリエンスの違いや変更点を解説します。

目次へ進む

 関連記事 【UiPath】Udemyのオンラインコースでワンランク上のロボット作成技術を学ぶ

モダン エクスペリエンスについて

モダン エクスペリエンスとは

モダン エクスペリエンスは、2021.4まで既定で使用されていたクラシック  エクスペリエンスからレコーダー、アクティビティ、オブジェクト リポジトリ、スクレイピング ウィザードが変更されたデザインです。


主にUiPathStudioXの機能の一部をUiPathStudioへ取り込んで、一部アクティビティとレコーダーやスクレイピング ウィザードがシンプルになりました。

モダン エクスペリエンスを有効化・無効化

UiPath Studio2021.10以降、新規プロジェクトを作成すると、モダン デザイン エクスペリエンスは有効化されています。

プロジェクト作成後、モダン デザイン エクスペリエンスを有効化、無効化(クラシック デザイン エクスペリエンスを使用)することが出来ます。

モダン デザイン エクスペリエンスの無効化の手順

①UiPath Studioで[プロジェクト]をクリックします

②■のプロジェクト設定をクリックします

③ [全般]の[モダン デザイン エクスペリエンス]のクリックします。※クリックするとStudioが再起動します

④ リボンがクラシックのレコーディング、画面スクレイピング、データスクレイピングへ変更されています。

⑤ ③で変更した[モダン デザイン エクスペリエンス]が[いいえ]となっているので、クラシック エクスペリエンスのデザインが使用されています。

クラシック エクスペリエンスとモダン エクスペリエンス

クラシック エクスペリエンスとモダン エクスペリエンスの違い

	クラシック　エクスペリエンス	モダン　エクスペリエンス
レコーダー	ベーシック、デスクトップ、Web、画像、ネイティブ Citrix、および Computer Vision	アプリ/Web、Computer Vision
アクティビティ	クラシックアクティビティとモダンアクティビティ(※設定変更で使用可)	モダンアクティビティ とクラシックアクティビティ(※設定変更で使用可)
オブジェクト リポジトリ	利用不可	利用可
スクレイピング ウィザード	データ スクレイピング、画面スクレイピング	表抽出

モダン エクスペリエンスの機能

レコーダー

アプリ/Web

クラシック エクスペリエンスでは、操作対象に応じてベーシック、デスクトップ、Web、画像、ネイティブ Citrixレコーダーを使い分ける必要があったのですが、モダン エクスペリエンスでは、アプリ/Web レコーダーでレコーディングが可能になりました。

サンプル1
アプリ/Web レコーダーを使用して、メモ帳に文字を書き込むプロセスを作成する

■プロセスの作成過程
① [アプリ/Webレコーダー]をクリックする

② メモ帳内を選択する

③ メモ帳にインプットするテキストを入力する。(今回は「aiueo」とします)

④ [確認]をクリックする

⑤ 保存ボタンをクリックする。

⑥ レコーディングした内容がワークフロー内に作成されます。

■作成したプロセスの実行結果
① [ファイルをデバッグ]で[実行]をクリックする

② 実行結果、メモ帳内に「aiueo」が書き込まれます。

サンプル2
アプリ/Web レコーダーを使用して、WebサイトYahoo!のショッピングをクリックするプロセスを作成する

■プロセスの作成過程

① [アプリ/Webレコーダー]をクリックする

② [ショッピング]を選択する

③ 「保存」ボタンをクリックする

④ レコーディングした内容がワークフロー内に作成されます。

■作成したプロセスの実行結果
① [ファイルをデバッグ]で[実行]をクリックする

② 実行結果、「ショッピング」がクリックされ、ページ遷移する。

Computer Vision

Computer Vision レコーダーは Computer Visionアクティビティを使用するワークフローの自動生成に適しています。

Computer Visionアクティビティを使用するのに必要なComputer Vision パッケージには、基本的な UIAutomation アクティビティ ([クリック]、[文字を入力]、[テキストを取得] など) がリファクタリングされて含まれています。

この Computer VisionアクティビティがUIAutomation と異なる大きな点は、Computer Vision のニューラル ネットワークを使用している点です。

Computer Visionアクティビティは、Citrix マシンなどの仮想デスクトップ環境での自動化向けに作成されたものであり、セレクターが存在しない/信頼性に乏しいという問題を回避します。

サンプルプロセス
Computer Visionレコーダーを使用して、WebサイトYahoo!のPayPayモールをクリックするプロセスを作成する

■プロセスの作成過程

① [Computer Vision]をクリックする

② [記録]をクリックする

③ 対象のブラウザをクリックする

④ 「PayPayモール」をクリックする

⑤ [保存して終了]をクリックする

⑥ レコーディングした内容がワークフローへ反映されています。

■作成したプロセスの実行結果
① [ファイルをデバッグ]で[実行]をクリックする

② プロセス実行後、「PayPayモール」をクリック後のページが表示されています。

アクティビティ

モダン エクスペリエンスでクラシックアクティビティを表示

モダン　エクスペリエンスでもクラシックアクティビティを使用できます。クラシックアクティビティを使用するためには、以下設定変更を行います。

クラシックアクティビティの表示手順
① 左下のアクティビティをクリックする

② [クラシックアクティビティを表示]をクリックする

③ クラシックアクティビティが表示されます。

クラシック エクスペリエンスでモダンアクティビティを表示

クラシック　エクスペリエンスでもモダンアクティビティを使用できます。モダンアクティビティを使用するためには、以下設定変更を行います。

モダンアクティビティの表示手順
① 左下のアクティビティをクリックする

② [モダンアクティビティを表示]をクリックする

③ モダンアクティビティが表示されます。

UIAutomationのモダンとクラシックアクティビティの違い

モダン アクティビティ	クラシック アクティビティ
アプリのステートを確認	要素が出現したとき、要素が消滅したとき、画像が出現したとき、画像が消滅したとき、要素の消滅を待つ、画像の消滅を待つ、画像を探す、画像の存在を確認
チェック/チェック解除	チェック
クリック	クリック、ダブルクリック、画像をクリック、画像をダブルクリック
表データを抽出	構造化データを抽出、フル テキストを取得、表示中のテキストを取得
テキストを取得	テキストを取得
URL に移動	URL に移動
強調表示	強調表示
ホバー	ホバー、画像上でホバー
キーボード ショートカット	ホットキーを押下
ブラウザー内を移動	タブを閉じる、前に戻る、次に進む、ホームに移動、ブラウザーを更新
項目を選択	項目を選択
スクリーンショットを作成	スクリーンショットを作成
文字を入力	文字を入力、SecureString で文字を入力
アプリケーション/ブラウザーを使用	アプリケーションを開く、ブラウザーを開く、ウィンドウにアタッチ、ブラウザーにアタッチ、要素スコープ、ウィンドウを閉じる プロセスを開始
–	アンカー ベース、コンテキスト対応のアンカー

Excelのモダンとクラシックアクティビティの違い

クラシック(日本語)	クラシック(英語)	モダン(日本語)	モダン(英語)
Excel アプリケーション スコープ	Excel Application Scope	Excel ファイルを使用	Use Excel File
Excel プロセス スコープ	Excel Process Scope	Excel プロセス スコープ	Excel Process Scope
–	–	単一のExcel Process Scope	Single Excel Process Scope
CSV に追加	Append To CSV	CSV に追加	Append To CSV
CSV を読み込み	Read CSV	CSV を読み込み	Read CSV
CSV に書き込み	Write CSV	CSV に書き込み	Write CSV
列を削除	Delete Column	列を削除	Delete Column
表をフィルター	Filter Table	フィルター	Filter
表の範囲を取得	Get Table Range	–	–
列を挿入	Insert Column	列を挿入	Insert Column
表を並べ替え	Sort Table	–	–
範囲を追加	Append Range	範囲を追加	Append Range
ブックを閉じる	Close Workbook	–	–
セルの色を取得	Get Cell Color	–	–
セルを読み込み	Read Cell	セルの値を読み込み	Read Cell Value
セルの数式を読み込み	Read Cell Formula	セルの数式を読み込み	Read Cell Formula
列を読み込み	Read Column	–	–
範囲を読み込み	Read Range	範囲を読み込み	Read Range
行を読み込み	Read Row	–	–
範囲を選択	Select Range	–	–
範囲の色を設定	Set Range Color	–	–
セルに書き込み	Write Cell	セルに書き込み	Write Cell
範囲に書き込み	Write Range	範囲をフィル	Fill Range
ブックを保存	Save Workbook	Excel ファイルを保存	Save Excel File
		名前を付けて Excel ファイルを保存	Save Excel File As
表を作成	Create Table	表を作成	Create Table
ブックのシートを取得	Get Workbook Sheet	–	–
ブックの全シートを取得	Get Workbook Sheets	–	–
ピボット テーブルを更新	Refresh Pivot Table	ピボット テーブルを更新	Refresh Pivot Table
ピボット テーブルを作成	Create Pivot Table	ピボット テーブルを作成	Create Pivot Table
選択範囲を取得	Get Selected Range	–	–
シートをコピー	Copy Sheet	–	–
範囲を削除	Delete Range	–	–
範囲をオートフィル	Auto Fill Range	オートフィル	Auto Fill
範囲をコピー/貼り付け	Copy Paste Range	範囲をコピー/貼り付け	Copy Paste Range
マクロを実行	Execute Macro	スプレッドシートのマクロを実行	Run Spreadsheet Macro
列を挿入/削除	Insert/Delete Columns	列を削除	Delete Column
行を挿入/削除	Insert/Delete Rows	行を削除	Delete Rows
–	–	行を挿入	Insert Rows
VBA を呼び出し	Invoke VBA	–	–
範囲内で検索	LookUp Range	–	–
重複行を削除	Remove Duplicates Range	重複を削除	Remove Duplicates
–	–	範囲を自動調整	Autofit Range
–	–	ピボット テーブルのデータ ソースを変更	Change Pivot Data Source
–	–	シート/範囲/表をクリア	Clear Sheet/Range/Table
–	–	範囲をコピー/貼り付け	Copy/Paste Range
–	–	CSV にエクスポート	Export to CSV
–	–	シートを削除	Delete Sheet
–	–	シートを複製	Duplicate Sheet
–	–	最初/最後のデータ行を検索	Find First/Last Data Row
–	–	値を検索/置換	Find/Replace Value
–	–	繰り返し (Excel の各行)	For Each Excel Row
–	–	繰り返し (Excel の各シート)	For Each Excel Sheet
–	–	テーブルとして書式設定	Format As Table
–	–	セルを書式設定	Format Cells
–	–	グラフを挿入	Insert Chart
–	–	シートを挿入	Insert Sheet
–	–	Match 関数	Match Function
–	–	シートを保護	Protect Sheet
–	–	Excel のデータ接続を更新	Refresh Excel Data Connections
–	–	シート名を変更	Rename Sheet
–	–	Excel ファイルを PDF として保存	Save Excel File As PDF
–	–	範囲を並べ替え	Sort Range
–	–	テキストを列に分割	Text to Columns
–	–	シートの保護を解除	Unprotect Sheet
–	–	Excel グラフを更新	Update Excel Chart
–	–	VLOOKUP	VLOOKUP
–	–	データ テーブルを Excel に書き込み	Write DataTable to Excel

オブジェクト リポジトリ

オブジェクト リポジトリは、UI 要素をリポジトリ内にプロジェクト間で共有可能なオブジェクトとしてキャプチャすることで、オートメーション プロジェクト内部、および複数のオートメーション プロジェクトで、UI の分類情報を作成・再利用できる機能です。

オブジェクト リポジトリは、モダン エクスペリエンスのモダン アクティビティでのみ利用可能です。

サンプル
YahooのPayPayモールを指定するオブジェクトリポジトリを作成して、オブジェクトを使用してクリックするプロセスを作成する

１．オブジェクトリポジトリの作成

①Studioのワークフロー作成画面で、[オブジェクトリポジトリ]をクリックする

②「録画」ボタンをクリックする

③「録画」ボタンをクリックする

④ブラウザをクリックする

⑤[PayPayモール]をクリックする

⑥「停止」ボタンをクリックする

⑦「保存」ボタンをクリックする

⑧赤い枠内にオブジェクトリポジトリが作成されました。

２．プロセスの作成

①[アプリケーションブラウザを使用]をシーケンス内に配置します

②オブジェクトリポジトリのブラウザのUIを[アプリケーションブラウザを使用]へドラッグアンドドロップします。

③オブジェクトリポジトリの要素のUIを[実行]へドラッグアンドドロップします。

④[クリック]をクリックします。

⑤オブジェクトリポジトリを使用して、YahooのPayPayモールをクリックするプロセスが作成できました。

３．作成したプロセスの実行結果

スクレイピング ウィザード

表抽出ウィザード

クラシック エクスペリエンスのデータ スクレイピングは、モダン エクスペリエンスでは、表抽出ウィザードに変更されました。機能は、ほぼ同じです。

サンプル
表抽出ウィザードで、Yahooのプロ野球の順位表をデータテーブル形式で抽出し、ログへ出力する

１．プロセス作成手順

①[表抽出]ウィザードをクリックします。

②[データを追加]をクリックします。

③順位表の左上にある「順位」をクリックします。

④[はい]をクリックする

⑤「保存」ボタンをクリックする

⑥次のページはないので、[続行]をクリックする。

⑦表抽出ウィザードの結果がプロセス内へ反映されます。

⑧表抽出結果を確認するため、[データテーブルを出力]と[メッセージログ]のアクティビティを配置し、データテーブルのデータをテキストへ変換してログへ出力するように設定します。

⑨完成したプロセス

２．実行結果

作成したプロセスを実行すると、ログへ順位表が出力されます。

画面スクレイピング

モダンエクスペリエンスには、クラシックエクスペリエンスの画面スクレイピングに相当するウィザードは存在しません。しかし、「テキストを取得」アクティビティで代替することができます。

サンプル
「テキストを取得」で、ブラウザで指定するテキストを取得し、ログへ出力する

１．プロセス作成手順

①[アプリケーション/ブラウザーを使用]のアクティビティを配置

②[アプリケーション/ブラウザーを使用]内で[自動化するアプリケーションを指定(l)]をクリックし、テキストを取得するブラウザを指定します。

③「実行」内に[テキストを取得]を配置します。

④「テキストを取得」内の「次で指定：・・・」をクリックする

⑤ブラウザ内で取得したいテキストを指定します。

⑥アンカーをタイトルに指定します。

⑦[確認]をクリックします。

⑧「テキストを取得内」の[保存先]内でCtrl+Kを推して、出力先の変数を設定(画像ではstrText)します

⑨[テキストを取得]アクティビティでは、クラシックエクスペリエンスの[画面スクレイピング]と同様にスクレイピングメソッドを選択可能です。

⑩[メッセージをログ]アクティビティを配置し、変数(strText)をセットする。

⑪完成したプロセス

２．プロセス実行結果

まとめ

目次へ戻る

 関連記事 【UiPath】Udemyのオンラインコースでワンランク上のロボット作成技術を学ぶ

---

 関連記事 現役SEエフペンがもしIT未経験からWebエンジニアを目指すならプログラミングスクール【ディープロ】を受講する