twitterが使えないというIntegromatの弱点を克服し、最強化する方法を書くので試して欲しい。

# Integromatの最強化
様々な自動化ツールがありますが、その中で最強の呼び名が高いIntegromat。
IFTTTの有料化に伴い、その注目度が高まっています。
様々なサービスをつなぎ合わせることができるIntegromatは最強の自動化ツールですが、唯一の弱点が存在します。
それは、『twitterが無料で使えない』ということです。
今回は、webhookを利用して、ITFFFとIntegromat繋ぎtwitterが使えるようにする、『最強化』について書きます。
つまりゴールは、
![スクリーンショット 2020-12-14 22.59.42.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/581193/813ff47f-48f8-d4a3-1180-34d4060620fe.png)
からの
![スクリーンショット 2020-12-14 22.28.49.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/581193/1cc85a66-ff0c-4a48-fd86-5a260758d68b.png)
です。
今回はかなり長い記事なので、IFTTTに慣れている方は、Integromatからの見ていただければ理解できると思います。
また、今回を記事をなぜ書こうと思ったのかについてちょっと知りたいと思った方は、上からお読みください。

# 自動化？webhook？なにそれ？？食べれるの？？？
むかしむかし、あるオンライン授業で自動化についての講義があり、Integromatの使い方についてのお話がありました。
『Integromatはwebhookも無料で使える最強なツールだぜ！ヒャホー！自分なりの自動化、youも考えちゃいなyo!』
と言われた、あるおっさんは途方にくれていました。
『webhookってなんじゃ？自動化って食べれるんか？？』
そこでおっさんはwebhookから調べることにしました。

## webhook、それは、Ubar Eats
webhookとは何か？
いろいろ調べていくと、webhookはUbar Eatsのようなものだと考えるとわかり安いことに気がつきました。
例えば、様々な料理屋さんが並ぶフードコートで食事をしていたとします。
しかし、残念なことにそのフードコートにはピザ屋さんがありませんでした。
どうしてもピザが食べたい場合は、そのフードコートにUbar Eatsを利用してピザを注文すれば、ピザも食べることができます。
つまり、webhookとは、あるサービス上で他のサービスをそのまま使うことができる仕組みである、と考えることができます。

## 自動化で人生をゆたかにする
日々なんとなくやっていることで、面倒なことあるじゃないですか。
それが勝手に行われていて、気がついたら終わっていると、便利ですよね。
自動化は、自動化したいこと＝タスクを、その中にあるひとつひとつの行動＝アクションに分解し、そのアクションを自動で行えるような仕組みを用意し、それらをつなぎ合わせていくことで実現可能です。

## 僕が実現したい自動化
来週（2020/12/21）からカフェをオープンするのですが、そのカフェの情報をキャストを中心にSNSで拡散してもらうことを検討しています。
そこで、twitterで#cafemaemaeがついた投稿があれば、slackのcafeのワークスペースにポストされ、かつカフェのgmailにも送られるようにしたい、と考えました。

# IFTTTの設定

## IFTTTを利用してtwitterの投稿をSlackへ自動で通知

### 設定方法
①　IFTTTにログイン
![スクリーンショット 2020-12-13 20.01.11.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/581193/fe41310c-4bdd-aabb-4534-e8e43bfa21c8.png)

②　クリエイトから新しいアプレットを作成
![スクリーンショット 2020-12-13 20.03.28.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/581193/dffd1a52-2e82-b168-fcd4-a01e5a97132d.png)

③　If ThisのAddへ進む
![スクリーンショット 2020-12-13 19.40.07.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/581193/13d7dfd9-0011-4d5b-3850-572617b7d505.png)

④　twitterを検索
![スクリーンショット 2020-12-13 19.40.19.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/581193/62ac971f-a370-9f86-6c90-12942b916a59.png)

⑤　"New tweet from search"を選択
![スクリーンショット 2020-12-13 20.05.43.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/581193/f0451d49-5983-113a-3d97-8c4082a65582.png)

⑥　トリガーを設定
![スクリーンショット 2020-12-13 19.55.42.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/581193/c0ecc314-9a73-ad32-87b2-50bb13aa076c.png)


twitterの検索フィルターは非常に優秀とのこと。
[Twitter高度な検索：検索コマンド（オプション）の使い方15選](https://appbu.jp/twitter-search-command)の記事を参考に、写真や動画が付いた#cafemaemaeについての投稿があった時をトリガーに設定。
＊　ちなみにcafemaemaeは僕がオーナーのハワイアンカフェです。

⑦　Then ThatのAddを選択
![スクリーンショット 2020-12-13 20.13.38.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/581193/37f32b26-0e10-b6f5-3ad3-b8ac170dd990.png)


⑧　slackを検索
![スクリーンショット 2020-12-13 19.48.54.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/581193/c0a6ea3c-7f9c-8ef2-ba16-6b56977939b5.png)

⑨　post to channelを選択
![スクリーンショット 2020-12-13 19.49.01.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/581193/9e0888d9-c2bc-fa99-43cb-3d9391d111f1.png)

⑩　Post先のチャンネルを設定
![スクリーンショット 2020-12-13 19.54.02.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/581193/a9ae16b3-6813-7aee-9406-a79f9cfc9579.png)


![スクリーンショット 2020-12-13 19.54.20.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/581193/e5f6a518-2eb1-1202-6d4f-22802c06cc0b.png)

postできる内容は細かく決められそう。
その後は、Continueからfinishへ。
![スクリーンショット 2020-12-13 20.18.59.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/581193/eb77047f-d829-5308-1c73-6539807fb6b2.png)

### アプレット完成から通知まで
①　上記設定にてアプレットは完成、試しにtweetしてみる
<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">サーフボードのオレンジによって、より褐色の肌になった、マエマエ。<a href="https://twitter.com/hashtag/cafemaemae?src=hash&amp;ref_src=twsrc%5Etfw">#cafemaemae</a> <a href="https://t.co/YRXXQhiHUM">pic.twitter.com/YRXXQhiHUM</a></p>&mdash; 北城雅照@足立慶友整形外科 (@kutuyanomusuko) <a href="https://twitter.com/kutuyanomusuko/status/1338075708736774144?ref_src=twsrc%5Etfw">December 13, 2020</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

②　無事にslackに通知！
![スクリーンショット 2020-12-13 20.24.54.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/581193/9755fa29-a64c-1434-931b-d96ded685aa2.png)

### べ、便利すぎる…！
自動化ってやばいですね。便利すぎて人生観が変わりました！

# Integromatの設定

## Integromatを利用してwebookを使ってメールを送信
①　Integrmatへログイン〜Scenariosを選択
![スクリーンショット 2020-12-13 20.37.56.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/581193/7e8f850d-c36a-e058-c535-cf46c766dc50.png)

![スクリーンショット 2020-12-13 20.38.59.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/581193/31da83b9-e751-1f37-4c83-ab968d7c019d.png)

②　create new scenario〜検索でwebhookを選択
![スクリーンショット 2020-12-13 20.39.34.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/581193/a7da3e41-0c17-2403-d47b-cbfe11534b37.png)
![スクリーンショット 2020-12-13 20.41.00.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/581193/72dbc9af-9812-69f3-d574-3dc9cec2b809.png)

③　webhookを選択し、Customwebhookを選択
![スクリーンショット 2020-12-13 20.41.42.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/581193/4856ac97-9314-b02f-3878-033a596a12f2.png)
![スクリーンショット 2020-12-13 20.41.53.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/581193/ffc9611c-1527-5bd6-ac91-5bd3eb2a596a.png)

④　addから適当な名前のwebhookを作成し、URLをコピーしてOK![スクリーンショット 2020-12-13 20.42.49.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/581193/a3995525-e263-1aa4-07d1-52f2128f3be6.png)
![スクリーンショット 2020-12-13 20.43.30.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/581193/71bbdb38-d3ab-2254-265c-36ee89ca0b84.png)
![スクリーンショット 2020-12-13 20.43.44.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/581193/4da7db85-6548-d770-7ba2-b88211fcb498.png)

⑤　検索に完成したwebhookのURLを入れて動くか確認
![スクリーンショット 2020-12-13 20.46.22.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/581193/578c0d17-b776-00b3-5be4-8c47273de4f6.png)
上記表示が出ればとりあえずOK

⑥　add another moduleからgmailを選択し、send an emailを選択
![スクリーンショット 2020-12-13 20.47.51.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/581193/3b658fe5-575e-295f-d03a-eeee243e3aa5.png)
![スクリーンショット 2020-12-13 20.48.01.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/581193/54b34cf9-e220-3495-22eb-47fb4a9d7f79.png)
![スクリーンショット 2020-12-13 20.48.15.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/581193/252f8232-0f3f-d0a4-b9a1-7bbc701076fe.png)
![スクリーンショット 2020-12-13 20.48.34.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/581193/83a6bd4d-b498-7e56-0644-a2b3668a229b.png)

⑦　connectionから送り主となるアドレスを選択しOKへ
![スクリーンショット 2020-12-13 20.53.05.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/581193/c048a486-292a-dde4-59fe-0867d2925566.png)
＊　Addからメールアドレスを選択するのですが、うまくいかない時があります。その時は別のgmailアカウントを選択してください。

⑦　webhookを再度選択し、Run onceを押す
![スクリーンショット 2020-12-13 20.57.30.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/581193/e998f659-6c6f-b3e1-6856-c26b0acf72b6.png)

⑧　先ほどのwebhookURLの後ろに追記
先ほどのwebhookURLの後ろに、

```
?title=tweetを見つめました&body=tweet内容はこちらです。
```
を追記して、リブートするとacceptedされる
![スクリーンショット 2020-12-13 21.05.07.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/581193/8406aaf9-5c6e-76db-4756-b5404e09e7ce.png)

⑨　gmailのmoduleに戻り詳細を設定
toには送りたい先を入力。
SubjectとContentには先ほどのwebhookから送ったkeyが選択できるようになっているので、選択しOKへ。
![スクリーンショット 2020-12-13 20.57.49.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/581193/e42c7e16-6fe2-25af-5de5-db84fc12cad6.png)

⑩　再度Run Onceさせ、webhookURLをリブートし、グリーンのチェックになるのを確認
![スクリーンショット 2020-12-13 21.10.33.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/581193/9082fab0-4252-05df-bd48-fa78ad6b252c.png)
その後、saveしSchedulingをonにする。この時にタイミングを設定できる。
![スクリーンショット 2020-12-13 21.08.47.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/581193/ecac4dbd-2329-e348-bca4-dc5e47cbf463.png)

### シナリオ完成から通知まで
メールが届いていることを確認
![スクリーンショット 2020-12-13 21.13.56.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/581193/e22e5310-3ff7-a63c-777f-f1d18f042ccc.png)

### 完成後の感想
ここまでの設定で、integromatからwebhookを使って様々なサービスを連結することが可能です。
これでIntegromatは、自分の抱えているサービスの外からアクセスを受け取る窓を手に入れました。

#  Integromatの最強化

## IFTTTとIntegromatを連結し、tweetをgmailに送る
integromatはtwitterが有料なため、IFTTTとIntergomatをwebhookを介してつなぐ必要があります。

### 諸々の設定
① twitterのトリガー設定
上述のIFTTTの部分と一緒です。
![スクリーンショット 2020-12-13 21.21.19.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/581193/bb612105-4c87-1410-f5d3-47ff6d268ae9.png)

② Then Thatにwebhookを選択
![スクリーンショット 2020-12-13 21.22.44.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/581193/eeaf6b24-c46b-3d6e-b46d-6c855a50c4e6.png)
![スクリーンショット 2020-12-13 21.22.53.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/581193/f220cb92-7080-9ec9-6b3d-1ab7f2b59063.png)

③ Integromatで取得したwebhookを記入
![スクリーンショット 2020-12-14 22.27.02.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/581193/c31afcf6-6a26-e6ba-e933-1400dac9617b.png)
tweetの内容を指定する時は<<<と>>>で囲むことを忘れないように！！（この凡ミスで一晩費やしました…。）

### 完成！
<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">今日もオープン準備中。佐藤魁プロが応援に来てくれました！<a href="https://twitter.com/hashtag/cafemaemae?src=hash&amp;ref_src=twsrc%5Etfw">#cafemaemae</a> <a href="https://twitter.com/hashtag/protoout?src=hash&amp;ref_src=twsrc%5Etfw">#protoout</a> <a href="https://t.co/LNPgJf3Y1V">pic.twitter.com/LNPgJf3Y1V</a></p>&mdash; 北城雅照@足立慶友整形外科 (@kutuyanomusuko) <a href="https://twitter.com/kutuyanomusuko/status/1338464167230013440?ref_src=twsrc%5Etfw">December 14, 2020</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
上記のツイートが無事にgmailに送られました！
　![スクリーンショット 2020-12-14 21.59.40.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/581193/c47a5ce6-9dd0-783a-79aa-0542c684a67b.png)

### 完成後の感想
これでintegromatがtwitter有料問題が解決しました。

#  Integromatの多機能化

## twitterからwebhookでIntegromatに接続しgmailとslackに通知を送る
今回の最終形です。
Integromatは無料でRouterが使えるので、分岐が可能です。
つまり、
![スクリーンショット 2020-12-14 22.28.49.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/581193/a50e0101-1781-38f7-e3ed-fa1b3b72d974.png)
ということです。

### 諸々の設定
module検索でslackを検索し、Create a Messageを選択。
その後、下記のようにパラメーターを設定します。
![スクリーンショット 2020-12-14 22.42.53.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/581193/7eafbb12-f25e-0c45-8051-331da62e794b.png)

### 完成
完成形がこちら。
<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">Integromatからrouterを使ってGmailとslackに送るテスト中。<a href="https://twitter.com/hashtag/cafemaemae?src=hash&amp;ref_src=twsrc%5Etfw">#cafemaemae</a></p>&mdash; 北城雅照@足立慶友整形外科 (@kutuyanomusuko) <a href="https://twitter.com/kutuyanomusuko/status/1338474240362696705?ref_src=twsrc%5Etfw">December 14, 2020</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

![スクリーンショット 2020-12-14 22.30.22.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/581193/dbceebf1-8da5-a04b-a271-e45b80ced179.png)

![スクリーンショット 2020-12-14 22.25.25.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/581193/d8360b8d-a454-8d86-25b7-36b13e34f86e.png)

### 完成後の感想
これで、Integromatの『Twitterが使えないという』弱点は完全に克服され、最強のツールになりました！

# その他の記事
[近すぎると小池都知事が『密です。』と連呼するデバイスを作ったら腹筋が崩壊したので、皆さんにも試して欲しい。](https://qiita.com/Teru_3/items/4570bd76d8feeaa37db4)

[誰が使うかわからないけど、膝のレントゲン写真を送ったら、その膝がどの程度痛んでいるのか教えてくれるラインbotを作ってみた。](https://qiita.com/Teru_3/items/80cecd138860fbd0c924)

[猪木の名言で元気をくれるbotを作ったら、想定外の応答で笑いが止まらなくなったから、ぜひ試して欲しい。](https://qiita.com/Teru_3/items/4d0c32fbbc609695e4b8)