GitHubに投げられたIssueをIFTTTでSlackに通知するまで

Gitを使ってソースコードを管理することが常識になりつつある昨今。数多くあるGitHubのサービスの中で一番多く使われているのではなかろうかGitHub。そんなGitHubのリポジトリに投げられたIssueを、言わずと知れた大人気チャットツールSlackに通知するまでの流れをまとめました :relaxed: 

# 必要なもの
以下のアカウントを取得します。取得方法についてはすでに情報があるのでここでは割愛。
- [GitHub](https://github.com/)アカウント
- [Slack](https://slack.com/)アカウント
- [IFTTT](https://ifttt.com/)アカウント

# IFTTTとGitHubを連携する
IFTTTで連携する各Webサービスを「チャンネル」といいます。まずは、IFTTTのGitHubチャンネルをGitHubのアカウントと連携します。

IFTTTのグローバルナビゲーションから[Channels]をクリックしチャンネル検索ページを開きます。検索ボックスに「GitHub」と入力すると[GitHubチャンネル]が表示されるのでクリックします。

![ifttt-github-01.png](https://qiita-image-store.s3.amazonaws.com/0/55103/13f3a6ef-18a5-67db-76a7-cac39c8a7148.png)

GitHubチャンネルの詳細ページが開くので、[Connect]をクリックしてGitHubアカウントと連携します。

![ifttt-github-02.png](https://qiita-image-store.s3.amazonaws.com/0/55103/1d10e651-6908-9053-f272-84e9e01110a6.png)

連携成功後 :point_down: 

![ifttt-github-03.png](https://qiita-image-store.s3.amazonaws.com/0/55103/3d0233ec-d811-6a7f-2b17-0ab576cedbea.png)

# IFTTTとSlackを連携する
GitHubチャンネルと同じく、IFTTTのSlackチャンネルをSlackのアカウントと連携します。

[Slackチャンネル]検索。

![ifttt-github-04.png](https://qiita-image-store.s3.amazonaws.com/0/55103/990c6067-17c3-3809-acbf-1ea5536bb799.png)

[Connect]クリックでSlackアカウントと連携！

![ifttt-github-05.png](https://qiita-image-store.s3.amazonaws.com/0/55103/5957c957-bd17-af8b-6e4d-226ccc0d3fa8.png)

連携成功後 :point_down: 

![ifttt-github-06.png](https://qiita-image-store.s3.amazonaws.com/0/55103/124dcd8c-41ea-8852-6e04-2d496f302436.png)

# GitHubチャンネルとSlackチャンネルでレシピを作る
IFTTTでチャンネルどうしを組み合わせたものをレシピといいます。このレシピを作るだけでGitHubとSlackの連携作業は完了です。

グローバルナビゲーションのID名→[Create]とクリックします。すると、[if this then that]と表示されるので、[this]をクリックしてトリガーとなるチャンネル（GitHubチャンネル）を選択します。

![ifttt-github-07.png](https://qiita-image-store.s3.amazonaws.com/0/55103/0c7aa08c-6bd0-78d1-2f8e-72fc3e84cc55.png)

GitHubチャンネルを検索してクリック。

![ifttt-github-08.png](https://qiita-image-store.s3.amazonaws.com/0/55103/c4a9f158-b6e4-b601-1c5b-53eeac648c07.png)

GitHubチャンネルで用意されているトリガーアクションを選択します。ここではIssueが投げられたことを通知したいので、[Any new issue]をクリックします。

![ifttt-github-09.png](https://qiita-image-store.s3.amazonaws.com/0/55103/d12be9a3-ae8a-f4c0-b58b-6c694a501b58.png)

[Create Trigger]をクリック。

![ifttt-github-10.png](https://qiita-image-store.s3.amazonaws.com/0/55103/bbdc7f91-a9d1-1ba5-2caf-c96f86cde6fe.png)

つづいて[that]をクリックして通知先となるチャンネル（Slackチャンネル）を選択します。

![ifttt-github-11.png](https://qiita-image-store.s3.amazonaws.com/0/55103/e1d8e475-0f1d-b9ec-8f2d-7d563ab9a6db.png)

[Slackチャンネル]を検索してクリック。

![ifttt-github-12.png](https://qiita-image-store.s3.amazonaws.com/0/55103/255d1785-0935-0a72-6442-16f36a4e322d.png)

Slackで作成したチャンネル(IFTTTのチャンネルではない)に通知さいたいので、[Post to channel]をクリック。

![ifttt-github-13.png](https://qiita-image-store.s3.amazonaws.com/0/55103/21376f62-e7b2-7c0f-70d2-833d804c4b1a.png)

[Whitch channel?]から通知したいチャンネルを選択します。ここでは[develop]チャンネルにpostします。通知する文字列も編集できますが、ここはそのままで[Create Action]をクリックします。

![ifttt-github-14.png](https://qiita-image-store.s3.amazonaws.com/0/55103/ec4c5b36-f218-8801-474f-01c3253c799c.png)

これで舞台に役者が揃いました。[Create Recipe]をクリックしてめでたくGitHubとSlackが開通 :couplekiss: 

![ifttt-github-15.png](https://qiita-image-store.s3.amazonaws.com/0/55103/637b0df2-8e8c-2786-3278-e4d1d5757d57.png)

# GitHubのリポジトリにIssueをなげる

GitHubからIssueを投げまくりましょう(開発に支障のない範囲で。。。)。

![ifttt-github-16.png](https://qiita-image-store.s3.amazonaws.com/0/55103/bc514005-ebb5-0bdb-ea7f-a8753a645485.png)

Slackの#developへ通知されました :smile: 

![ifttt-github-17.png](https://qiita-image-store.s3.amazonaws.com/0/55103/59a08d9f-ec4f-2388-325a-db9e1ba981a0.png)

# まとめ
IFTTTにはその他にもGoogle Driveなどのありがたいチャンネルがわんさかあるのでいろいろ試したいですね！ GitHubチャンネルにもまだまだアクションがあるので、別記事で紹介できればと思います。