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

以下の例では、Web ページを参照して情報を抽出し、その情報を使用してローカルの HTML ページを新規作成する操作を自動化する方法を説明します。[文字を入力]、[クリック]、[テキストを取得]、[ブラウザーを開く] などのアクティビティを使用します。これらのアクティビティは、UiPath.UIAutomation.Activities パッケージに含まれています。

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

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 ページを作成して、取得した情報をそのページに記述します。