RPA「クラウドBOT」の“要素連動”を学ぶ

![img_sample.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3985428/c50aad6e-6edf-4573-b018-a5277e63e92a.jpeg)

クラウド型RPA「クラウドBOT」を使うと、繰り返し行う定型作業を自動化できます。

定型作業の中で、普段管理している顧客情報のような定型データを、クラウドBOTを使って別のシステムに連続して入力する際に知っておきたいのが **“要素連動”** です。
クラウドBOTに格納したグループデータと、対象システムの入力フォームを連動させ、一気にデータを流し込む事ができます。

今回は、ちょっと難しい要素連動について学んでみました。

## 今回使用したツール
- RPA『クラウドBOT』
- kintone

## 要素連動の基礎
要素連動を使って、クラウドBOTのデータを別のシステム(今回はkintone)に一気に流し込んでみたいと思います。

### 入力するデータの準備
クラウドBOT側にデータを準備します。
定型データを繰り返して処理する場合、「グループデータ」の形になっている必要があります。
クラウドBOTのデータビューアで、「クループを追加」する事でグループデータを作る事ができます。
今回はグループデータの名前を「顧客情報」にして、仮の顧客情報を入力しました。
![img_bewer.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3985428/339476ba-35b3-4294-ba32-ccdd68c16053.jpeg)
※エクセルのファイルやcsvをインポートしてグループデータにする事もできます。詳しくは[公式チュートリアル](https://www.c-bot.pro/ja/tutorial/basic/basic-2-02.html)に掲載されています。

### データ入力の準備
データを入力するシステム側で、グループデータの内容と同じ数の入力フォームを準備します。
※参考画像はkintoneのフィールド「テーブル」を使用しています。
![img_input.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3985428/bf0a0f6b-a5b2-4a2c-b28a-2f3d9c26c7e2.jpeg)

### 要素連動してデータを流し込む
準備ができたので、実際に要素連動してデータを流し込んでみたいと思います。

#### 1. システムへアクセスする
クラウドBOTで、データを入力するシステムにアクセスします。
![img_kintone_01.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3985428/6b6c69e1-cd39-495d-911c-086f95144157.jpeg)

#### 2. 選択範囲を調整する
入力したいフォームの1行目をクリックしてメニューを表示し、「選択範囲」から「選択範囲を広げる」「選択範囲を戻す」を使って、入力フォームの「行」が青い枠に囲まれるよう、調整します。
![img_kintone_02.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3985428/2b88cd02-eb76-4de5-a01b-dbb704e34d6a.jpeg)


#### 3. いざ、要素連動
「グループ範囲を確定する」をクリックして範囲を確定させ、「グループを使う」をクリックすると、予め準備したグループデータを選択できます。
最初に準備したグループデータ「顧客情報」を選択します。
![img_kintone_03.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3985428/54a6d740-ed3e-4a43-bfb1-8838676e21ab.jpeg)

すると、タスクにグループデータが作られます。
「顧客情報」という名前の右に「要素連動」というバッジが表示されていればOKです。
![img_kintone_04.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3985428/d3dc939f-16c8-4947-9f75-0ee5833cddeb.jpeg)

#### 4. 入力データの1行目を貼り付ける
フォームの1行目だけ、各フォームをクリックしてメニューを表示し、「データを貼り付け」の「顧客情報」から項目に合致したデータを順番に貼り付けます。
![img_kintone_05.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3985428/1896f803-ffd0-48ff-a49a-f643ec92ee9c.jpeg)

#### 5. 処理の完了
グループタスクの「グループ処理を完了する」をクリックすると全行分のデータが入力されます。
あとはフォームを保存すれば、要素連動によるデータの流し込みが完了です。
![img_kintone_06.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3985428/c647e573-0867-4c52-9bc4-395757c5df5e.jpeg)

## 要素連動の応用
ここまでの説明では、予めシステム側でクラウドBOTのグループデータと同じ数の枠を準備しました。
でも、入力したいデータの数が固定されていないケースのほうが多いと思います。
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3985428/bf0a0f6b-a5b2-4a2c-b28a-2f3d9c26c7e2.jpeg" width="50%">

そこで・・・

### 必要な数の入力行を追加してから、要素連動でデータを流し込む

グループ機能はグループデータにある行数分の処理を行いますが、必ずデータを使用して処理を行わなければならないという事ではありません。
グループタスクの中で行を追加するボタンをクリックする操作をすると、グループデータの行数だけボタンをクリックしてくれます。

クラウドBOTにあるグループデータの数だけ行を追加してから、要素連動でデータを流し込んでみたいと思います。
※システム側に、クリックして入力行を追加できる仕組みがある場合に使えるテクニックです。

#### 1. システムへアクセスする
クラウドBOTで、データを入力するシステムにアクセスします。
※今回は、レコード内のテーブルがデフォルトの1行のみとなっています。
![img_kintone_2_01.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3985428/98823f0f-656f-4d9e-a6c9-5da11ee6004c.jpeg)

#### 2. グループデータをタスクに挿入する
左下の「データ」枠にある「顧客情報」をクリックし、「グループを使う」をクリックして、グループデータをタスクに挿入します。
![img_kintone_2_02.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3985428/b488d676-de38-484f-b746-f2412629af15.jpeg)
タスクにグループが追加されます。
※ここでは要素連動にはなっていません。
![img_kintone_2_03.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3985428/bb54bf5a-7cc3-4368-8dc3-43e5893dbab2.jpeg)

#### 3. 入力行を増やす
入力行を増やすボタンをクリックする操作を記録します。
![img_kintone_2_04.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3985428/ed43bac0-1eb9-4614-99a1-f019c238a246.jpeg)
グループタスクの「グループ処理を完了する」ボタンをクリックする事で、グループデータに存在する行数分の回数、ボタンをクリックして行を追加できます。
![img_kintone_2_05.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3985428/4b6c2ef4-a4cd-473c-aae8-d605dad04cee.jpeg)

#### 4. 必要に応じて入力行を調整する
kintoneのテーブルの場合は、最初から1行分の入力フォームが準備されているので、グループデータの行数より1行多い状態となります。
なので今回は、不要な1行を削除する操作を追加します。
![img_kintone_2_06.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3985428/f4ea1a46-6458-4afc-98cf-90ca5990e0aa.jpeg)

#### 5. 要素連動でデータを流し込む
あとは基礎で行った「[要素連動してデータを流し込む](#要素連動してデータを流し込む)」の手順でデータを流し込み、フォームを保存すれば完了です。
![img_kintone_2_07.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3985428/1853af94-5ee1-4da1-9446-ca42bb8b7f56.jpeg)


## 最後に
今回紹介した **“要素連動”** を応用すると、一覧になっているデータを順番に取得する際に「一覧の上から〇行分のデータだけを取得」をする設定を行う事もできます。
※公式コミュニティに方法が記載されています。
https://community.c-bot.pro/t/topic/138

**要素連動** をマスターして、便利で効率的な自動化を探って頂ければと思います。