【ノーコード開発】業務進捗をタイムリーに把握する！Miroの更新情報をSlackで受けとろうとしたらまさかの展開が・・・

##Miroの更新をタイムリーに知りたかった
オンラインコラボレーションツールの一つ「Miro」を仕事でよく使います。
みんなで同時にワイワイ触る分には良いのですが、一つのボードにみんなが非同期的に書き込んでいくときもあります。
私はどちらかというとメンバーの進捗を管理する側なので、**いつ誰が更新したかがタイムリーに分かる**と便利だなと思いIntegromatを使ってSlackに連携してみました。

・・・それがまさかあんなことになるなんて。
##できたもの
画像のように、ボードが更新されるとSlackにメッセージが届きます。
※非常に分かりづらいですが、**「”ボード名”を”更新者”が”更新時間”に更新したよ」**という形で表示されます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1264471/69398f7d-c377-5930-2c22-9442d55aadff.png)
仕組みととしては
**①15分間隔でMiro上の更新情報を確認**
**②更新があればSlackにメッセージ送信**
というシンプルなものです。
Integromat上でシナリオを見ると以下の通り2ステップだけです。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1264471/7453204e-8083-8d96-f790-6078f4fb5ec0.png)
##作り方
それでは作り方を見ていきましょう。
###Miroの更新を検知する部分
Integromatで新規のシナリオを作成してMiroを選び「Continue」を選択
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1264471/6d7e5dc6-31ba-b3fa-42ca-f532aa38fb24.png)
ボード上でMiroを選び「Watch Boards」を選択
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1264471/91301bf7-ae62-f747-3fea-df74795a0a40.png)
Connectionの右側にある「Add」を選択
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1264471/e44f2554-8b60-1142-6fa5-194f1d0a3d9e.png)
任意のConnection名を入力して「Continue」を選択
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1264471/338fee95-1868-93ab-637e-0a7149c9affc.png)
「Install」または「Reinstall」を選択
※認証画面が出た場合は自身のMiroアカウントで認証
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1264471/d90b2964-1667-459c-3171-d95e83f2d5e6.png)
Watch Boardsで「By Modified Time」を選択
※ボードの作成を検知したい場合は「By Created Time」を選択
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1264471/5de83529-c034-2588-9e22-ddd99caa4822.png)
Limitは最大何件の更新を拾うかなので自身の環境に合わせて設定してください。

これでMiro側の設定は完了です。
###Slackでメッセージを送信する部分
**※先にSlackでメッセージを受けるチャネルを作っておいて下さい。**
Integromatのボード上でモジュールを追加して、Slackを選択
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1264471/f3366a64-a3e3-efec-419a-f65d2c6171d8.png)
今回はメッセージの送信なので「Create a Message」を選択
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1264471/b8c32d76-362a-c8db-6bfd-88ae07fdb4ff.png)
Connectionの右側にある「Add」を選択
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1264471/24acadae-400e-e8ad-fa9f-ba1966b8d932.png)
任意のConnection名を入力して「Continue」を選択
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1264471/93600562-9a1a-495c-aef3-5c92d95b6246.png)
作成しておいたチャネルが存在するワークスペースに対して「許可する」を選択
※ワークスペースは右上のボックスで変更できます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1264471/4f08130b-f856-030a-1302-93d78c7ff010.png)
Enter a channel ID or nameで「Select from the list」を選択
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1264471/dd8d437e-cf49-4d69-c5fe-5b0a9e58908e.png)
作成しておいたチャネルを選択
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1264471/5e54b4dc-7426-24a6-c116-e8bf3d2a95d7.png)
最後に右下のOKを選択すればモジュールの設定は完了です。
左下の「Run once」を押すと一度だけシナリオが実行されるのでテストしましょう。
###実行スケジュールの設定
テストが上手くいけば後は実行スケジュールの設定だけです。
Run onceの下にある時計のマークを選択
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1264471/812bf28f-53bc-0650-8672-4a9468f85b64.png)
Run scenarioを「At regular interval」にしてMinutesに「15」と入力
こうすることで15分間隔で実行できます。
（間隔は自由に設定してください。）
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1264471/55f8e876-e5ae-444f-f3fe-a518ef78fa9d.png)
更に詳細な設定をしたいので「Show advanced settings」を選択
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1264471/8a4f251f-53bb-96c9-eb6d-8cdd6ca02b6f.png)
Advanced schedulingの「Add Item」を選択
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1264471/964bb935-f4ad-321c-b27e-44965e7575b5.png)
今回は月～金曜日までの9：00～22：00の間は監視するように設定しました。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1264471/040ad727-4054-50fe-3b6f-4d14e8bf7227.png)
設定が完了したら時計マークの左を選択
以下の状態になればシナリオが実行中になります。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1264471/503a9a5c-d85e-046b-7607-ee1571c40745.png)
##最後に（衝撃の事実）
今回は業務でよく使うMiroを監視して更新情報をSlackへ通知しました。
Integromatの豊富なモジュール群を使えば色々な種類のドキュメントを監視できると思うので、
**仕事で使う様々なツールの状況を全てSlackへ集約する**こともできそうですね。

・・・と、思っていたのですが、どうやら**MiroとSlackは元々連携できる**仕様みたいです。
最初に公式で連携できるかを調べていれば良かったんですが、先に手が動いてしまった形です。
今回作ったものはMiroを別の何かに置き換えて使うとしましょうか。（泣）