200714 UiPathのすすめ 第2部 Part2

Transcript

1. UiPathのすすめ 2020年4月現在
2. UiPathの構成 基本形(Enterprise Edtion) 標準形(Enterprise Edtion) 拡張形(Enterprise Edtion) Studio Studio Robot Studio Robot Orchestrator Community Edition Studio Orchestrator Robot Ｕ Ｉ Ｐ Ａ Ｔ Ｈ リ セ ラ ー 独 力 1. 個人のRPA開発者および小規模事業者向け。 2. ずっと無料で、STUDIOは2ライセンス。Attended Robots2台。 3. UiPathによる自動更新。UiPathフォーラムの無償サポート。 引用元(抜粋):https://www.uipath.com/ja/start-trial
3. このセミナーでの範囲 基本形(Enterprise Edition) 標準形(Enterprise Edition) 拡張形(Enterprise Edition) Studio Studio Robot Studio Robot Orchestrator Community Edition Studio Orchestrator Robot Ｕ Ｉ Ｐ Ａ Ｔ Ｈ リ セ ラ ー 独 力 1. 個人のRPA開発者および小規模事業者向け。 2. ずっと無料で、STUDIOは2ライセンス。Attended Robots2台。 3. UiPathによる自動更新。UiPathフォーラムの無償サポート。 引用元(抜粋):https://www.uipath.com/ja/start-trial
4. 今後の展開 基本形(Enterprise Edition) 標準形(Enterprise Edition) 拡張形(Enterprise Edition) Studio Studio Robot Studio Robot Orchestrator Community Edition Studio Orchestrator Robot Ｕ ｉ Ｐ ａ ｔ ｈ リ セ ラ ー 独 力 1. Orchestratorは、野良ロボット対策、カスタムアクティビティ配 付、定時自動起動など、便利な機能がいっぱい！ 2. コンピュータ名、ログイン情報などの設定が必要になります 引用元(抜粋):https://www.uipath.com/ja/start-trial
5. タイムスケジュール • 本セミナは、既にStudioのインストールが終了した方を対象に しています。一緒に作ってみましょう！ • シリーズ開催の～かんたんロボット作成～を受講していない 方でも分かるように構成しています。でも完全フォローアップ レベルとはしていません。でも、付いてきてください！
6. UiPathのすすめ 1. 前回の復習 2. 作ってみよう -1 仕様書を書いてみよう -2 Webを開き、CLICKしてみよう！ -3 Webからデータを取得してみよう！ -4 DataTable型 3. 振り返り
7. 1. 前回の復習 2020年4月現在
8. 【処理概要】 ブラウザよりアクセスしたサイトから、外為両替相場情報を取得し、それを最終更新日のシートを持つＥＸＣ ＥＬブックに転記する • かんたんな仕様書を書いてみよう <入力> InternetExplorer <出力> Excel <処理> 入力（型式、内容）を確認する どういうことをするのか確認する ⇒使うアクティビティを想像してみよう 出力（型式、内容）を確認する 5. つくってみよう-2 振返り
9. 5. つくってみよう-5 • スタートから、右側の新規プロジェクト⇒プロ セスをクリックする。 振返り
10. 5. つくってみよう-6 • 名前：「はじめてのUiPath」 場所：変更しない事をお勧めする 説明：書かなくてもよい…でもあった方がよい ※名前、説明は一度設定した後でも変更可能です 振返り
11. 5. つくってみよう-9 • 画面の構成…習うより慣れる！ プロジェクトパネル: ロボットのファイルを管 理 アクティビティパネル: ロボットを組み立てる 部品群 デザインパネル： ロボットにアクティビティを 搭載する。変数、引数を 定義する プロパティパネル: 搭載したアクティビティ のパラメタを設定する リボン:作成、保存、実行、レコーディング など 振返り
12. 5. つくってみよう-20 変数(Variable)とは、一般的にプログラム言語において「値を入れておく箱」のような ものと言われます。 様々なデータを変数(箱)に中に入れることによって、中身が代わっても自由に引き出す ことができます。UiPathだけでなく、どのプログラミング言語においても必須の機能 のひとつですので、この機会に変数について理解しておきましょう。 https://uipath.site/basic/variables.html String 文字列(数字)を入れる型 Int32 数値を入れる型 (-2147483648から+2,147,483,647) 21億4748万… Int64 数値を入れる型 922垓3372京368億5477万… (-9223372036854775808から9,223,372,036,854,775,807) String[] 文字列型の配列 Boolean True/Falseを入れる型 DateTime 日付や時間を入れる型 Object オブジェクトを入れる型 DataTable EXCELシートを入れる型 変数A 変数B 変数X 変数B <スコープ … 変数の有効範囲> 変数X 変数C 変数Bは上位 の定義と被る 変数Xは同位の 定義と被らない "123"と123とでは意味が違う "123"は文字列(数字)としての"123"で あり、123は数値としての123である。 "123" + "456" = "123456" 123 + 456 = 579 振返り
13. 5. つくってみよう-28 今アクティブなxamlファイルを デバッグ／実行する（[F6] Or Ctrl+[F6]） このプロセスのメインに設定されているxamlファイルを デバッグ／実行する（[F5] Or Ctrl+[F5]） ➢ デバッグ ... 設定したブレイクポイントで止まってみたり、 アクティビティ毎の通過ログを取得できるけど、 トライ～キャッチは効かない ➢ 実行 ... デバッグのような事は出来ないけど、その分高速 振返り
14. 5. つくってみよう-29 project.json メインは” Main.xaml“だ！ Main.xaml シーケンスA.xaml シーケンスB.xaml これやって！ これやって！ これやった！ これやった！ 動け！ project.json メインは”NewMain.xaml“だ！ Main.xaml シーケンスA.xaml シーケンスB.xaml これやって！ これやって！ これやった！ これやった！ 動け！ これやって！ NewMain.xaml ↓ファイルを実行 ↓ファイルを実行 ↓実行 ↓実行 今、アクティブなXAML 振返り
15. 2. つくってみよう 2020年4月現在
16. 今回作ってみるもの • 青い銀行(https://www.mizuhobank.co.jp/retail/index.html)の「外貨両替相場」 をWebから参照し、EXCELに転記してみよう！ 変数 入力 出力 DataTable型 対象ブラウザ: IE、ChromiumベースEdge １
17. 【処理概要】 ブラウザよりアクセスしたサイトから、外為両替相場情報を取得し、それを最終更新日のシートを持つＥＸＣ ＥＬブックに転記する <入力> InternetExplorer 青い銀行 ⇒外貨預金へ ⇒今日の金利・為替 ⇒外貨両替相場 <出力> Excel 外貨両替相場_M月d 日.xlsxへ転記、保存する <処理> 「外国為替相場」表からデータスクレイピングし、「最終 更新日」を取得する（ファイル名、シート名に使用）。 「外国為替相場（通貨）」表からデータスクレイピングし、 全表を取得する。 かんたんな仕様書を書いてみよう ２
18. 【処理概要】 ブラウザよりアクセスしたサイトから、外為両替相場情報を取得し、それを最終更新日のシートを持つＥＸＣ ＥＬブックに転記する <入力> InternetExplorer 青い銀行 ⇒外貨預金へ ⇒今日の金利・為替 ⇒外貨両替相場 <出力> Excel 外貨両替相場_M月d 日.xlsxへ転記、保存する <処理> 「外国為替相場」表からデータスクレイピングし、「最終 更新日」を取得する（ファイル名、シート名に使用）。 「外国為替相場（通貨）」表からデータスクレイピングし、 全表を取得する。 いきなりこんなに は書けない！ かんたんな仕様書を書いてみよう ３
19. 【処理概要】 ブラウザよりアクセスしたサイトから、外為両替相場情報を取得し、それを最終更新日のシートを持つＥＸＣ ＥＬブックに転記する <入力> InternetExplorer 青い銀行 ⇒外貨預金へ ⇒今日の金利・為替 ⇒外貨両替相場 <出力> Excel 外貨両替相場_M月d 日.xlsxへ転記、保存する <処理> 「外国為替相場」表からデータスクレイピングし、「最終 更新日」を取得する（ファイル名、シート名に使用）。 「外国為替相場（通貨）」表からデータスクレイピングし、 全表を取得する。 ③どんなクリック で、どんな画面 に遷移するか ①どんな出力内 容にするか？ ②出力内容を満たす データは、どのページ に、どのように格納さ れているか？ かんたんな仕様書を書いてみよう ４
20. WEBアクセス処理での注意！ • ロボットでの情報収集を禁じているWebサイトがあります！ スクレイピングのやり方をQ&Aサイトで質問するな - Qiita https://qiita.com/miyabisun/items/9883f7b7006c09efa5a0 スクレイピングは違法？Webスクレイピングに関する10のよくある誤解 | Octoparse https://www.octoparse.jp/blog/10-myths-about-web-scraping/ IT弁護士に聞く「企業としてのスクレイピングは違法なのか？」 | PigData https://services.sms-datatech.co.jp/pig-data/2019/07/03/scrapinglaw/ AMAZON https://www.amazon.co.jp/gp/help/customer/display.html/ref=jp_surl_conditions?nodeId=201909000 利用許可およびサイトへのアクセス＜抜粋＞ 本規約およびサービス規約の遵守を条件とし、＜略＞個人的に利用する権利をお客様に許諾します。 この利用許可には、＜略＞ロボットなどのデータ収集・抽出ツールの使用は、一切含まれません。 参考 Google,Yahooﾌｧｲﾅﾝｽはダメと聞い ていますが、なかなか探しきれま せんので、ご利用は自己責任でお 願いします！ ★青い銀行「本ウェブサイトのご利用にあたっ て」にはロボットなどのアクセスに関しての記 載は無かった(2020/6/15現在) ５
21. Webアクセスの基本 • 使用するブラウザを確認する。 • 最初にアクセスするURLを確認する。 • 欲しいデータまでの画面遷移を確認する。 • 「ブラウザーを開く」アクティビティでURLをブラウザで開く • 「クリック」で、画面を遷移する • 「ブラウザーにアタッチ」で、遷移した画面を選択する – 遷移途中なら、 「クリック」で、画面を遷移する – 必要な画面なら、「データスクレイピング」をする • アクセス終了したら、「タブを閉じる」でブラウザを閉じる 事前確認項目 ロボット ６
22. Webを開き、CLICKしてみよう！ • ここでは、Webをブラウザで開き、ボタンをクリックして次の画 面へ遷移する方法をやってみます。 ７
23. 「ブラウザーを開く」アクティビティでURLをブラウザで開く • 新しいｾｯｼｮﾝ … ﾌﾞﾗｳｻﾞが既に開いていても、新規に開く • URL … 言わずもがな、開くURL • ブラウザの種類 … BrowserTypeで規定（★） • UI ブラウザー … ブラウザを認識するための情報を格納す る変数 ８
24. ブラウザの種類 … BrowserTypeで規定 • UiPathは、基本的にInternetExplorerベースで動くが、 拡張機能をインストールする事で、他のブラウザでも動く • 拡張性を持たせるため、BrowserTypeを変数（★）で持たせ ている（IEで作っていて、ゆくゆくはEdge対応したい） 変数 ９
25. BrowserTypeの定義（続く） 変数 10
26. BrowserTypeの定義（続き） 「Browser」と入力 「BrowserType」 を選択 11
27. IE以外のブラウザを使用する時… • UiPathで、ブラウザはIEをターゲットにしています。 • IE以外のブラウザを使用する時は、拡張機能をインストール する必要があります。 追記
28. 設定 • Chrome • Edge 追記
29. 「クリック」で、画面を遷移する • クリックの種類 … ClickType.CLICK_SINGLE • マウス ボタン … MouseButton.BTN_LEFT 何を、どこをクリックするかが分からない！！ ⇒ブラウザ内で、要素を指定 12
30. ブラウザ内で、要素を指定 マウスを動かしていると、 枠囲みが変動する 13
31. 要素が見つからない！他の画面だ！ F2 • F2キーを押下すると、 3秒間はエレメントを拾いに行かない • 間に合わなかったら、 もう一度F2キーを押下する 14
32. ブラウザ内で、要素を指定 • 処理を中止するには、 ESCキーを押下する • ターゲットを選択できたら、 アクティビティに スクリーンショットが張り込まれる 15
33. 要素（セレクタ）って？ • セレクタを編集をクリックすると… 対象のセレクタ情報画面が表示される。 • セレクタは、ワイルドカード(*)指定も出来る ⇒編集すると、黄色くなる • [検証]をクリックすると、再検証する。 • 拾えない場合は、赤くなる ⇒「画面上で指定」で、再度指定する 16
34. セレクターエディター • [検証] セレクタが正しいか • [要素を選択] BROWSERなどから改め てセレクタを取得 • [ハイライト] 対象とするセレクタを赤 枠囲みする [セレクタを編集] • 灰色行は、上位アクティビティから引 き継がれたもの • 白色行は、編集できる ⇒ワイルドカード、変数を挿入できる [属性を編集] • タグレベルで、外したりする 17
35. セレクターエディターとアクティビティの関連 <html title=‘個人のお客さま | 青い銀行' /> <webctrl aaname='外貨預金へ' parentid='mainCol' tag='A' /> <html title='個人のお客さま |青い銀行' /> <webctrl aaname='外貨預金へ' parentid='mainCol' tag='A' /> ブラウザ関連アクティビティの配下に配置 単独で配置 上位画面の要素が変更になった場合、修正が楽！ 上位画面の要素が変更になった場合、修正は全て！ 18
36. 「ブラウザーにアタッチ」で、遷移した画面を選択する • 前のページのように、上位アクティビティの要素が後続アク ティビティに継承されるので、画面単位で「ブラウザーにアタッ チ」するのはお勧め！ 19
37. 画面遷移 20
38. Webからデータを取得してみよう！ • ここでは、Web上にある表組みのデータを取り込む方法を やってみます。 21
39. データスクレイプ • データスクレイピングとは、ブラウザ、アプリケーション、また はドキュメントから、構造化データを抽出すること。 データスクレイピングについて：https://docs.uipath.com/studio/lang-ja/docs/about-data-scraping • 表組みされているデータ群から、第一要素を選択する。 • 自動解析で、一発で構造化データを抽出してくれる場合もある。 • 望む形でない場合は、自動解析せず、第二要素を選択する。 • これを必要な列になるまで繰り返す • 複数ページにまたがる処理を選択する 22
40. データスクレイプ(その１) • 対象とする表組みが表示されている事を確認する • 「データスクレイピング」ボタンをクリックし、「次へ」をクリックする • 第一要素を選択する。 • 自動解析させてみる（はい） • 違うので「戻る」をクリックする 23
41. データスクレイプ(その２) • 「要素を選択」画面から、「次へ」をクリックする • 第一要素を選択する。 • 自動解析させない（いいえ） • 第二要素を選択する。 24
42. データスクレイプ(その３) • 「列を設定」画面から、「列名」を設定し、「次へ」をクリックする • ｢プレビューデータ」画面を確認する。OKなら「終了」ボタンをクリックする • 隣の列をスクレイプするため「相関するデータを抽出」をクリックする ⇒「データスクレイプ(その２)」の手順へ • 終了の場合は、複数ページへ制御を指定する（ここではいいえ） 25
43. データスクレイプしたら • データスクレイプ後の列は、String型になっている ⇒これは基本的に表組みの中が文字列だから。 ”2020/6/12”を格納すると、そのまま”2020/6/12”となる。 ⇔Object型だと、DateTime型の2020/6/20となる • 但し、参照する場合は、Object型として扱う ⇒String型を引数とするメソッドに記述する際、 .ToString()がないとエラーになる 処理してみて、上手く行かなかったら、 型変換を疑うべし 26
44. データスクレイプ（サマリ） 選 選 第一要素選択 第二要素選択 列名指定 次列確認 一括取得 複数ページ対処 27
45. DataTable型 • 取り込んだ表組みのデータについて操作する方法をやってみ ます 28
46. DataTable型 • 取り込んだ表組みのデータについて操作する方法をやってみ ます が！ ちょっとタンマ！ タンマ：一時停止などを意味する俗語。「ちょっと待って」という呼びかけにも使われる。 29
47. いきなりDataTable型を教える前に 変数ってなんだ？ 30
48. 自動販売機で考えてみよう 自動販売機とは、ボタンを押すと、商品が出てくる機械 でも、売価以上のお金をいれないと、商品が出てこない 150 お金を溜める所はカラッポ 31
49. 自動販売機で考えてみよう 自動販売機とは、ボタンを押すと、商品が出てくる機械 でも、売価以上のお金をいれないと、商品が出てこない 150 お金を溜める所に100円 １００円をいれてみる ⇒ １００円では足りないので商品が出てこない 32
50. 自動販売機で考えてみよう 自動販売機とは、ボタンを押すと、商品が出てくる機械 でも、売価以上のお金をいれないと、商品が出てこない 150 １００円をいれてみる ⇒ １００円では足りないので商品が出てこない もう１００円をいれてみる ⇒ ２００円になって足りたので商品が出てくる！ お金を溜める所に200円 33
51. 自動販売機で考えてみよう 自動販売機とは、ボタンを押すと、商品が出てくる機械 でも、売価以上のお金をいれないと、商品が出てこない 150 お金を溜める所に 50円 • 100円+100円=200円と言う事が、自動 販売機には分かる！ • 200円から150円の商品を買って、お 釣りが50円と言うのも分かる！ １００円をいれてみる ⇒ １００円では足りないので商品が出てこない もう１００円をいれてみる ⇒ ２００円になって足りたので商品が出てくる！ 34
52. 自動販売機で考えてみよう 自動販売機とは、ボタンを押すと、商品が出てくる機械 でも、売価以上のお金をいれないと、商品が出てこない 150 お金を溜める所に 50円 • 100円+100円=200円と言う事が、自動 販売機には分かる！ • 200円から150円の商品を買って、お 釣りが50円と言うのも分かる！ 情報をためておく場所､名前を変数 １００円をいれてみる ⇒ １００円では足りないので商品が出てこない もう１００円をいれてみる ⇒ ２００円になって足りたので商品が出てくる！ 35
53. DataTable型 • 改めて！ 36
54. DataTableって 引用元：https://qiita.com/tizonaColada_99/items/9212d35722af3bd5bc9f DataTableとは、データベースのように表形式で格納されているデータの事です。 列を指定し、行毎にデータを指定して行く事で、テーブルのようにデータを格納します。 37
55. DataTableって DataTableとは、データベースのように表形式で格納されているデータの事です。 列を指定し、行毎にデータを指定して行く事で、テーブルのようにデータを格納します。 引用元：私が考えた(^^♪ DataTableとは、EXCELのシートのようにセルの縦横集合体として格納されているデータの事です。 行位置×列位置を指定する事で、セルを特定し、EXCELシートのようにデータを格納しています。 38
56. DataTable型って DataTable型には、列情報（ヘッダー情報）として、DataColumn型が一つ存在する 列情報には、列定義が１以上存在する 列情報には、ほかに重複しない列名が必要である 列情報には、どんなデータを格納するかの列形式が存在する 39
57. DataTable型って DataTable型には、行情報（データ情報）として、DataRow型が０以上存在する 行情報には、列毎の列形式に沿ったデータが格納される … 40
58. DataTable型から、一つのデータを参照するには… DataTable型のデータを参照/設定は、 ① データテーブルの ② （ある）行の ③ （ある）列 の順である。 ② ③ 例：B4セル相当位置 DataTable.Rows(3).Item(1) ←※2 ↑※1 Or ↓※1 DataTable.Rows(3).Item("Column1") ※1 行の先頭は０から始まる ※2 最左端列は０から始まる … 41
59. DataTable型をExcelシートに書き出すには… • 対象とするブックは、「Excelアプリケーションスコープ」で指定する • Excelアプリケーションスコープの中に「範囲に書き込み」アクテイビティをドラッグ＆ドロップし、 • 展開先の「シート名」、「開始セル」を指定し、 • 展開元の「DataTable変数」を指定する。 • その際、「ヘッダーの追加」をTrueとすると、DataTableの列名を展開する。 42
60. ExcelシートをDataTable型にするには… • 対象とするブックは、「Excelアプリケーションスコープ」で指定する • Excelアプリケーションスコープの中に「範囲を読み込み」アクテイビティをドラッグ＆ドロップし、 • 展開元の「シート名」、「範囲(★）」を指定し、 • 展開先の「DataTable変数」を指定する。 • その際、「ヘッダーの追加」をTrueとすると、 範囲の１行目を列名とする 43
61. DataTable型…どんな事ができる？ 標準的なアクティビティ EXCELの行(1,2…)方向に追加、 削除するアクティビティ EXCELの列(A,B…)方向に追加、 削除するアクティビティ DataTableへの処理系★と DataTableの中身の処理系☆ ☆ ☆ ☆ ★ ☆ ★ ★ ★ ☆ 44
62. DataTable型…他にどんなことが出来る？ ⇒ .Net Freamworkの機能を使用する！ DataTable型の容れ物を複数のキーで並び替える .NETのDataView型の容れ物にあるSORT機能を利用する 列の数を知りたい！/行の数を知りたい！ データテーブル.Columns.Count /データテーブル.Rows.Countで取得可能 あるテーブルの、構造だけを複製したい！（データは不要） データテーブル.Cloneで、別のDataTableへ構造のみを代入する！ あるテーブルの、構造もデータも複製したい！ データテーブル.Copyで、別のDataTableへデータ丸ごと代入する！ 45
63. DataTable型…他にどんなことが出来る？ ⇒ .Net Freamworkの機能を使用する！ あるテーブルの、列の詳細情報を知りたい ご相談ください 特定列において重複している行を削除する ご相談ください 行と列を入れ替えたい ご相談ください 46
64. DataTable型…他にどんなことが出来る？ ⇒ .Net Freamworkの機能を使用する！ 特定列において重複している行を削除する ご相談ください 行と列を入れ替えたい ご相談ください https://connect.uipath.com/ja/marketplace/components/nozrpcr0qkoyvzs8qus4lp あるテーブルの、列の詳細情報を知りたい ご相談ください 47
65. よくある勘違い 列A 列B 列C 行A1 行B1 行C1 行A2 行B2 行C2 行A3 行B3 行C3 行A4 行B4 行C4 行A5 行B5 行C5 範囲を読み込み 列A 列B 列C 行A1 行B1 行C1 行A2 行D2 行C2 行A3 行B3 行C3 行A4 行B4 行C4 行A5 行B5 行C5 代入 この時点で、処理を終了させ、Excelに値が反映されていないって思ってしまう
66. よくある勘違い 列A 列B 列C 行A1 行B1 行C1 行A2 行B2 行C2 行A3 行B3 行C3 行A4 行B4 行C4 行A5 行B5 行C5 範囲を読み込み 列A 列B 列C 行A1 行B1 行C1 行A2 行D2 行C2 行A3 行B3 行C3 行A4 行B4 行C4 行A5 行B5 行C5 代入 「範囲を読み込み」と同じ左上セルを指定して、 「範囲に書き込み」アクティビティで書き戻す！ 範囲に書き込み
67. 3. 振り返り 2020年4月現在
68. 3. 振り返り-1 • Uipath Studio Community Editionには、安定版とプレビュー版 がある（切り替え可能） • 通常Studioと、StudioXがある（切り替え後、再起動） • アクティビティ名は覚えず、検索する！ ⇒日本語、英語でもＯＫ！ ⇒⇒多用するアクティビティは、 お気に入りに登録！
69. 3. 振り返り-2 • 変数は、Ctrl+Kで定義できる。 但し、型と、スコープ（変数の 有効範囲）は確認する事! • 変数は、Ctrl+Spaceで参照で きる。 • 設定はアクティビティ本体だ けでなく、パラメタパネルでも 設定できる（パラメタパネルで なければ設定できないものも ある!） 。
70. 3. 振り返り-3 • どんなロボットにするかブレないように、入力と出力を書いた 設計書を書いておこう • どんなアクティビティを使うかをちょっと決めよう！ ⇒「範囲を読み込み」 Ｏｒ 「セルを読み込み」 • それには、「どんなアクティビティがあるか」知っておこう！ • それには、「UiPath アカデミー」を受講しよう！ https://academy.uipath.com/
71. ここまででございます。 これで簡単なロボットは組み立てられます!! ➢ 自信を持って！ ➢ 解らなくなったら、 UiPath Forumへ！ https://forum.uipath.com/c/japan/forum/37