アクティビティ

HTML ページ: 情報を抽出して操作する

The example below explains how to automate the action of browsing a web page, extract information and use it for creating a new, local HTML page. It presents activities such as Type Into, Click, Get Text, and Open Browser. You can find these activities in the UiPath.UIAutomation.Activities package.

サンプルと同等のオートメーションプロセスは以下のように構築できます。

Studio を開いて、新しいプロセスを作成します。
Internet Explorer を開き、www.goodreads.com に移動します。

ワークフローデザイナーに [フローチャート] コンテナーをドラッグします。

次の変数を作成します。

変数名	変数の型	既定値
`bookFound`	文字列
`bookName`	GenericValue

[フローチャート] コンテナー内部に [入力ダイアログ] アクティビティをドラッグし、[Start] ノードに接続します。
- このアクティビティをダブルクリックして開きます。
- 式 "Book Name:" を Title フィールドに追加します。
- 式 "Enter the name of a book you read:" を Label (ラベル) フィールドに追加します。
- [プロパティ] パネルの [結果] フィールドに変数 bookName を追加します。
- アクティビティは、次のスクリーンショットのようになります。
[フローチャート] 画面に戻ります。

[シーケンス] コンテナーをドラッグして、[入力ダイアログ] アクティビティに接続します。これは、.html ファイルの新規作成で使用します。

次の変数を作成します。

変数名	変数の型	既定値
`fileExists`	Boolean

[シーケンス] コンテナーをダブルクリックして開き、[パスの存在を確認] アクティビティをその中にドラッグします。
- [パスの種類] ドロップダウンリストから [ファイル] を選択します。
- [Path] フィールドに式 "books.html" を追加します。
- [プロパティ] パネルの [存在の有無] フィールドに変数 fileExists を追加します。
[パスの存在を確認] アクティビティの下に [条件分岐 (if)] アクティビティをドラッグします。
- [条件] フィールドに変数 fileExists を追加します。
[Else] フィールドに [テキストファイルに書き込み] アクティビティを配置します。
- [FileName] フィールドに式 "books.html" を追加します。
- [テキスト]フィールドに以下のコードを追加します。
  
  <html> <head> <title>Books</title> </head> <body> </body> </html>
- アクティビティは、次のスクリーンショットのようになります。
[フローチャート] 画面に戻ります。
[ブラウザーを開く] アクティビティをドラッグして、[シーケンス] コンテナーと接続します。
- このアクティビティをダブルクリックして開きます。
- [プロパティ] パネルの [ブラウザーの種類] ドロップダウンリストから [IE] を選択します。
- [URL] フィールドに式 "https://www.goodreads.com/search" を追加します。指定した Web サイトが開きます。
- [新しいセッション] オプションのチェックボックスを選択します。選択したブラウザーが新しいセッションとして開きます。

[ブラウザーを開く] アクティビティ内の [Do] コンテナーを選択して次の変数を作成します。

変数名	変数の型	既定値
`noResults`	GenericValue

[Do] シーケンス内部に [文字を入力] アクティビティをドラッグします。
- アクティビティ内部の [ブラウザー内で要素を指定] オプションをクリックします。これで目的のアプリケーションを選択できるようになりました。以下の GIF では、実行する必要があるすべての手順を示しています。
- [テキスト] フィールドに変数 bookName を追加します。
[クリック] アクティビティを、[文字を入力] アクティビティの下に配置します。
- アクティビティ内部の [ブラウザー内で要素を指定] オプションをクリックします。これで目的のアプリケーションを選択できるようになりました。以下の GIF では、実行する必要があるすべての手順を示しています。
- [プロパティ] パネルの [実行前の待機時間] フィールドに値 1000 を追加します。何らかの操作を開始するまでに 1 秒の待機が発生します。
[クリック 'INPUT'] アクティビティの下に [テキストを取得] アクティビティをドラッグします。
- アクティビティ内部の [ブラウザー内で要素を指定] オプションをクリックします。これで目的のアプリケーションを選択できるようになりました。以下の GIF では、実行する必要があるすべての手順を示しています。
- [プロパティ] パネルの [値] フィールドに変数 noResults を追加します。
[テキストを取得 'H3'] アクティビティの下に [条件分岐 (if)] アクティビティをドラッグします。
- [条件 (Condition)] フィールドに式 noResults.toLower.Trim.Contains("no results") を追加します。
[Then] フィールド内部に [シーケンス] コンテナーを配置します。
[シーケンス] コンテナー内に [メッセージボックス] アクティビティをドラッグします。
- [テキスト] フィールドにメッセージ "Book not found. Please search another one." を追加します。結果が得られなかった場合は、このメッセージが表示されます。
[メッセージボックス] アクティビティの下に [タブを閉じる] アクティビティをドラッグします。これによって、Web ブラウザーで開いているタブが閉じます。
[Else] フィールド内部に [シーケンス] コンテナーを配置します。
[シーケンス] コンテナー内部に [テキストを取得] アクティビティをドラッグします。
- アクティビティ内部の [ブラウザー内で要素を指定] オプションをクリックします。これで目的のアプリケーションを選択できるようになりました。以下の GIF では、実行する必要があるすべての手順を示しています。
- [プロパティ] パネルの [値] フィールドに変数 bookFound を追加します。
[テキストを取得 'SPAN’] アクティビティの下に [条件分岐 (if)] アクティビティをドラッグします。
- [条件 (Condition)] フィールドに式 bookFound.ToLower.Trim.Contains(bookName.ToLower.Trim) を追加します。

[Then] フィールド内部に [シーケンス] コンテナーをドラッグして、次の変数を作成します。

変数名	変数の型	既定値
`realName`	文字列

[シーケンス] コンテナー内部に [クリック] アクティビティを配置します。
- アクティビティ内部の [ブラウザー内で要素を指定] オプションをクリックします。これで本のタイトルを選択できるようになりました。以下の GIF では、実行する必要があるすべての手順を示しています。

[クリック 'SPAN’] アクティビティの下に別の [シーケンス] コンテナーをドラッグし、その名前を Get book Details として、次の変数を作成します。

変数名	変数の型	既定値
`description`	GenericValue
`author`	GenericValue
`booksContent`	文字列
`alreadyExists`	Boolean

[シーケンス] コンテナー内部に [テキストを取得] アクティビティをドラッグします。
- アクティビティ内部の [ブラウザー内で要素を指定] オプションをクリックします。これで本のタイトルを選択できるようになりました。以下の GIF では、実行する必要があるすべての手順を示しています。
- [プロパティ] パネルの [値] フィールドに変数 realName を追加します。
[テキストを取得 'H1 bookTitle’] アクティビティの下に [代入] アクティビティを配置します。
- [左辺値 (To)/宛先] フィールドに変数 realName を追加します。
- [右辺値 (Value)] フィールドに式 realName.Replace(":","").Replace("'","").Trim を追加します。
[代入] アクティビティの下に [パスの存在を確認] アクティビティを追加します。
- [パスの種類] ドロップダウンリストから [ファイル] を選択します。
- [Path] フィールドに式 Environment.CurrentDirectory+"\"+realName+".jpg" を追加します。
- [プロパティ] パネルの [存在の有無] フィールドに変数 alreadyExists を追加します。
[パスの存在を確認] アクティビティの下に別の [条件分岐 (if)] アクティビティをドラッグします。
- [条件] フィールドに変数 alreadyExists を追加します。
[Then] フィールド内部に [シーケンス] コンテナーを配置します。
[シーケンス] コンテナー内に [メッセージボックス] アクティビティをドラッグします。
- [テキスト] フィールドにメッセージ "Book already added." を追加します。
- [プロパティ] パネルで、[ボタン] ドロップダウンメニューから [OK] オプションを選択します。
[メッセージボックス] アクティビティの下に [タブを閉じる] アクティビティをドラッグします。これによって、Web ブラウザーで開いているタブが閉じます。
[Else] フィールド内部に [シーケンス] コンテナーを配置します。
[シーケンス] コンテナー内部に同じコンテナーをもう 1 つ配置します。
[シーケンス] コンテナー内部に [テキストを取得] アクティビティをドラッグします。
- アクティビティ内部の [ブラウザー内で要素を指定] オプションをクリックします。これで本のタイトルを選択できるようになりました。以下の GIF では、実行する必要があるすべての手順を示しています。
- [プロパティ] パネルの [値] フィールドに変数 description を追加します。
[getDescription (説明を取得)] アクティビティの下に [テキストを取得] アクティビティをドラッグします。
- アクティビティ内部の [ブラウザー内で要素を指定] オプションをクリックします。これで本のタイトルを選択できるようになりました。以下の GIF では、実行する必要があるすべての手順を示しています。
- [プロパティ] パネルの [値] フィールドに変数 author を追加します。
[getAuthor (作者を取得)] アクティビティの下に [クリック] アクティビティをドラッグします。
- アクティビティ内部の [ブラウザー内で要素を指定] オプションをクリックします。これで本のタイトルを選択できるようになりました。以下の GIF では、実行する必要があるすべての手順を示しています。
- [プロパティ] パネルで、[マウスボタン] ドロップダウンリストから [BTN_RIGHT] を選択します。このアクションでは、画像が右クリックされてメニューが表示されます。
- [X のオフセット] フィールドに値 89 を追加します。
- [Y のオフセット] フィールドに値 22 を追加します。
- [位置] ドロップダウンリストから [TopLeft] オプションを選択します。
[クリック 'IMG coverImage'] アクティビティの下に [待機] アクティビティをドラッグします。
- [プロパティ] パネルで、[待機期間] フィールドに値 00:00:02 を追加します。これにより 2 秒の待機が設定されます。
[待機] アクティビティの下に新しい [クリック] アクティビティを配置します。
- アクティビティ内部の [ブラウザー内で要素を指定] オプションをクリックします。これで本のタイトルを選択できるようになりました。以下の GIF では、実行する必要があるすべての手順を示しています。
[クリック 'menu item'] アクティビティの下に [文字を入力] アクティビティをドラッグします。
- アクティビティ内部の [ブラウザー内で要素を指定] オプションをクリックします。これで本のタイトルを選択できるようになりました。以下の GIF では、実行する必要があるすべての手順を示しています。
- [プロパティ] パネルの [テキスト] フィールドに式 Environment.CurrentDirectory+"\"+realName+".jpg" を追加します。
[文字を入力 'Edit'] アクティビティの下に [クリック] アクティビティを配置します。
- アクティビティ内部の [ブラウザー内で要素を指定] オプションをクリックします。これで本のタイトルを選択できるようになりました。以下の GIF では、実行する必要があるすべての手順を示しています。

[クリック 'Button'] アクティビティの下に [テキストファイルに書き込み] アクティビティをドラッグします。

[FileName] フィールドに式 realName+".html" を追加します。

[テキスト]フィールドに以下のコードを追加します。

"<html>
  <head>
    <title>"+realName+"</title>
  </head>
  <body>
    <a href='books.html'>BACK</a>
    <h1>"+realName+"</h1>
    <h2>by "+author+"</h2>
      <img href='"+realName+".jpg'>
    <h3>"+description+"</h3>
   </body>
 </html>""<html>
  <head>
    <title>"+realName+"</title>
  </head>
  <body>
    <a href='books.html'>BACK</a>
    <h1>"+realName+"</h1>
    <h2>by "+author+"</h2>
      <img href='"+realName+".jpg'>
    <h3>"+description+"</h3>
   </body>
 </html>"

[テキストファイルに書き込み] アクティビティの下に [テキストファイルを読み込み] アクティビティを配置します。
- [FileName] フィールドに式 "books.html" を追加します。
- Content (コンテンツ) フィールドに変数 booksContent を追加します。
[テキストファイルを読み込み] アクティビティの下に [テキストファイルに書き込み] アクティビティをもう 1 つドラッグします。
- [FileName] フィールドに式 "books.html" を追加します。
- [テキスト] フィールドに文字列 booksContent.Replace("</body></html>","<h1><a href='"+realName+".html'>"+realName+"</h1></body></html>") を追加します。
[テキストファイルに書き込み] アクティビティの下に [タブを閉じる] アクティビティを追加します。
[タブを閉じる] アクティビティの下に [ブラウザーを開く] アクティビティをドラッグします。これによって、新規作成された .html ファイルが開きます。
- [ブラウザーの種類] ドロップダウンリストから [IE] オプションを選択します。
- 式 "file:\\\"+Environment.CurrentDirectory+"\books.html" を Url フィールドに追加します。
最初の [条件分岐 (if)] アクティビティに戻り、[Else] フィールドに [シーケンス] コンテナーを追加します。
[シーケンス] コンテナー内に [メッセージボックス] アクティビティをドラッグします。
- 式 "Book not found. Please check the name and try again" を [テキスト] フィールドに追加します。
[テキストファイルに書き込み] アクティビティの下に [タブを閉じる] アクティビティを追加します。
ワークフローを実行します。このオートメーションプロセスは、本の名前を要求し、それを www.goodreads.com で検索してその本に関する情報を取得します。つづいて、基本の .html ページを作成して、取得した情報をそのページに記述します。

サンプルをダウンロードする

PREVIOUSファイルを作成して上書きする

次へウィンドウの操作

サポートとサービス

サポートを受ける

UiPath アカデミー

RPA について学ぶ - オートメーションコース

UiPath コミュニティフォーラム