instagramの特定のタグがついた投稿をSlackに通知してみる

# 背景
ある特定のタグがついているinstagramの投稿を一元に収集してみたかった。
ただ、自分がプログラマーではないためノンプログラミングで実装したい。

# はじめに
今回は[zapier](https://zapier.com/ "zapier")を使ってやってみた。
- zapierとは、複数のサービスを連携させて自分だけの処理を作れるサービス。
- IFTTTとほぼ同じ仕組みだが、IFTTTではやりたいことができそうなAppletがなかったためzapierで実装。

# 事前準備
各種サービスのアカウント登録をしておきましょう。
・instagram
・slack
・zapier

#設定方法
##zapの選択
zapierで利用したいzap（IFTTTでいうApplet）を選びます。
###[zapierのHP](https://zapier.com/ "zapier")へ
<img width="1119" alt="スクリーンショット 2017-11-26 18.24.21.png" src="https://qiita-image-store.s3.amazonaws.com/0/188922/776b0901-c24a-1e54-1823-cd872e9a08f1.png">

###Search-boxに**instagram**と入力
Search-boxに**instagram**と入力するとアイコンが出てきます。
アイコンをクリックすると、Instagram関連のzapが画面下に表示されます。
<img width="1139" alt="スクリーンショット 2017-11-26 18.24.39.png" src="https://qiita-image-store.s3.amazonaws.com/0/188922/1a062e81-556b-341f-51ae-093eefae8e4b.png">

###利用したいzapを選択
今回は**Get Slack notifications for Instagram photos and videos with a specific tag**を使います。
<img width="547" alt="スクリーンショット 2017-11-26 18.27.47.png" src="https://qiita-image-store.s3.amazonaws.com/0/188922/d77def34-3d7e-4994-1b7c-d37b538f4a72.png">

##zapの作成
選択したzapを自分なりの設定でカスタマイズします。
###Get started
[Create this zap]をクリックします。
※instagramアカウントとslacアカウントの情報がこの先必要になります。
<img width="644" alt="スクリーンショット 2017-11-26 19.13.18.png" src="https://qiita-image-store.s3.amazonaws.com/0/188922/c7744d50-b4bf-d40b-34ed-ba8e327c6cd9.png">

###Trigger設定
instagramのTriggerを設定します。今回は１つしか選択肢がないため、そのまま[Continue]をクリックします。
<img width="777" alt="スクリーンショット 2017-11-26 19.13.32.png" src="https://qiita-image-store.s3.amazonaws.com/0/188922/133dee85-fd6f-b734-fcb7-fc6aa5c1d639.png">

###instagramアカウント設定
instagramのアカウントを設定します。

[Connect An Account]をクリック
<img width="777" alt="スクリーンショット 2017-11-26 19.14.16.png" src="https://qiita-image-store.s3.amazonaws.com/0/188922/de0cfd80-3d16-b1cf-6680-90c941a5e003.png">

instagramへのログインページのポップアップが開くので、instagramにログインする
<img width="543" alt="スクリーンショット 2017-11-26 18.54.46.png" src="https://qiita-image-store.s3.amazonaws.com/0/188922/fb0a8505-6d96-cf24-d47c-add60ac7b2c5.png">

認証に成功したら、アカウントが作成されます。
Testをクリックし接続テストをします。
ステータスが**success**になったら、[save + continue]で次に進みます。
<img width="775" alt="スクリーンショット 2017-11-26 19.14.33.png" src="https://qiita-image-store.s3.amazonaws.com/0/188922/158e200f-1083-323d-23ae-447161cb5ddf.png">


###タグの設定
収集したい投稿のタグを入力します。
今回は、お腹が空いたので**#定食**にしてみます。
※色々試しましたが、複数選択はできなさそうです。。。（ご存知の方がいれば教えていただけると）
<img width="773" alt="スクリーンショット 2017-11-26 19.14.56.png" src="https://qiita-image-store.s3.amazonaws.com/0/188922/83dc51c9-8012-1ee7-f36b-eef40f72827f.png">

Double Checkの画面になるので、設定内容に問題なければ[Fetch & Continue]で次に進みます。
<img width="773" alt="スクリーンショット 2017-11-26 19.15.07.png" src="https://qiita-image-store.s3.amazonaws.com/0/188922/8ac53427-75f4-7329-10c6-ddfea6e2c925.png">

**Test Successful！**と出れば、instagram側の設定は完了です。
※chromeのシークレットモードだと失敗するので、ご注意ください。
<img width="775" alt="スクリーンショット 2017-11-26 19.15.17.png" src="https://qiita-image-store.s3.amazonaws.com/0/188922/0086ac2e-8a9d-8d66-9917-a744790d6806.png">

###slackのアクション設定
**Send Channel Message**しかないため、そのまま[Continue]で次に進みます。
<img width="773" alt="スクリーンショット 2017-11-26 19.16.07.png" src="https://qiita-image-store.s3.amazonaws.com/0/188922/9cce94da-96eb-042b-3cb8-fc6f3e08d9a2.png">

###slackアカウント設定
slackのアカウント設定をします。
[Connect an Account]をクリックし、slackアカウントを設定ウィザードを開きます。
<img width="773" alt="スクリーンショット 2017-11-26 19.16.17.png" src="https://qiita-image-store.s3.amazonaws.com/0/188922/a6509730-b707-d0e9-41cc-1d27ccf3f413.png">

ワークスペースへのサインイン画面が出るので、サインインします。
<img width="966" alt="スクリーンショット 2017-11-26 19.16.42.png" src="https://qiita-image-store.s3.amazonaws.com/0/188922/7608f55f-e088-3ade-32c3-208b1713b4fe.png">

サインインすると、確認画面に変わるので、下にスクロールし[Authorize]で次に進みます。
<img width="601" alt="スクリーンショット 2017-11-26 19.17.19.png" src="https://qiita-image-store.s3.amazonaws.com/0/188922/3cae6a2d-8f64-94eb-e199-8783d5b9252b.png">

次の画面で、**success!**と出ていれば認証が成功です。
[Save+Continue]で次に進みます。
<img width="773" alt="スクリーンショット 2017-11-26 19.17.34.png" src="https://qiita-image-store.s3.amazonaws.com/0/188922/444f3f62-3d05-03e3-417c-b022b217f8bf.png">

Setup画面で通知したいチャンネルを選択し、[Continue]で次に進みます。
※細かい設定を行いたい場合は**Show advanced options**で設定してください。
（今回は設定しなくても動作するため、割愛します）
<img width="773" alt="スクリーンショット 2017-11-26 19.18.15.png" src="https://qiita-image-store.s3.amazonaws.com/0/188922/b847381f-6782-44cd-f341-47fcded14aae.png">

Test Slack画面に遷移しますので、内容に問題なければ[Create & Continue]で次に進みます。
<img width="749" alt="スクリーンショット 2017-11-26 19.18.50.png" src="https://qiita-image-store.s3.amazonaws.com/0/188922/38e797f2-e325-6fb7-7367-df2041988485.png">

次画面で**Test Successful!**と出れば、全ての設定が完了になります。
[Finish]で次に進んでください。
※この画面で終了ではありません。
<img width="772" alt="スクリーンショット 2017-11-26 19.19.01.png" src="https://qiita-image-store.s3.amazonaws.com/0/188922/90f3e3f6-dd23-c2d9-b6aa-98dfb7583001.png">

設定したZAPが自動的にONになります。
こちらがONになったタイミングでSlackに投稿が通知されるようになります。
<img width="773" alt="スクリーンショット 2017-11-26 19.19.12.png" src="https://qiita-image-store.s3.amazonaws.com/0/188922/610eff58-9b38-23a8-ee7a-6b0efdca62c0.png">

#最後に
アカウントの事前準備は必要ですが、思ったより簡単に設定できました。
ノンプログラミングで情報収集できるようになるので、非エンジニアでも簡単に情報収集できますね！

一つ不満点を挙げるとしたら、複数タグを利用できないようなので、
**#定食 + #東京**のような複数条件設定ができないところですかね。
※**#定食**のような利用者が多いタグだと凄まじい量の投稿がslackに通知されてきます（汗

皆さんもslack + zapierで素敵な情報収集ライフをお送りください。