SlackとTwitterを連携してみた

SlackがTwitterと連携できると聞いて、早速試してみました。

![imageLicenseLogo.png](https://qiita-image-store.s3.amazonaws.com/0/104377/479d04fc-97f1-6431-958b-4f05f7a439de.png)
この作品は[ユニティちゃんライセンス条項](http://unity-chan.com/contents/license_jp/)の元に提供されています

※アイコンにユニティちゃんの画像を使用しているので、ライセンス情報を表示しています。

#Twitter連携のやり方

##App & Custom Integrationsを開く

サイドメニューの**App & Custom Integrations**、もしくはチャンネルの**Add an app or custom integration**をクリックしてください。

![スクリーンショット 2016-02-08 0.05.46.png](https://qiita-image-store.s3.amazonaws.com/0/104377/8fd59771-1bd2-a867-62e4-4362fec376f0.png)
![スクリーンショット 2016-02-08 0.06.07.png](https://qiita-image-store.s3.amazonaws.com/0/104377/08ffd17a-168b-9c3a-a627-01ebea67a5d1.png)

このような画面が開きます。
![スクリーンショット 2016-02-07 22.59.52.png](https://qiita-image-store.s3.amazonaws.com/0/104377/d35ab082-96c2-21aa-6d9f-415bcc91d3b8.png)

##Twitterと連携する

検索ボックスからTwitterを検索すると、Twitter連携用のアプリが出るのでクリックします。
![スクリーンショット 2016-02-07 23.00.11.png](https://qiita-image-store.s3.amazonaws.com/0/104377/1ef49482-8027-f3a2-8fa1-3d71a4923a93.png)

クリックすると以下の画面が開きます。
![スクリーンショット 2016-02-07 23.00.39.png](https://qiita-image-store.s3.amazonaws.com/0/104377/03eb1c71-1e83-027e-283e-fb1fbf1b9005.png)

連携したいteamのInstallボタンをクリックすると、Configurations画面が出るのでAdd Twitter Integrationボタンをクリックします。
![スクリーンショット 2016-02-07 23.01.02.png](https://qiita-image-store.s3.amazonaws.com/0/104377/f8ee7cda-fd70-b3ac-470c-db70b235f3eb.png)

Twitterの確認画面が開くので、連携アプリを認証ボタンをクリックします。
![スクリーンショット 2016-02-07 23.01.15.png](https://qiita-image-store.s3.amazonaws.com/0/104377/808e5205-4d7f-0cee-e3aa-48eb9a7a6cd1.png)

認証に問題なければ、以下の設定画面が開きます。
![スクリーンショット 2016-02-07 23.01.40.png](https://qiita-image-store.s3.amazonaws.com/0/104377/cf2e6b57-1935-d2c0-19bb-23d8dc89e98e.png)

これで連携は終了です。簡単ですね。

※すでにインストール済みならConfigureボタンが表示されます。設定の編集はこのボタンをクリックします。
![スクリーンショット 2016-02-07 23.22.05.png](https://qiita-image-store.s3.amazonaws.com/0/104377/79df9e23-4658-69fc-0903-3399a766b38a.png)

#連携設定(Integration Settings)

次は連携設定を行います。
設定画面を開いてください。

##Authentication
連携しているTwitterアカウントです。
![スクリーンショット 2016-02-08 0.30.05.png](https://qiita-image-store.s3.amazonaws.com/0/104377/aab9eb26-9787-b846-f74b-7c2a861bfee5.png)

×を押すと、アカウントの連携解除ができます。
![スクリーンショット 2016-02-08 0.29.00.png](https://qiita-image-store.s3.amazonaws.com/0/104377/b7fbaaf4-efc6-1d15-61ad-403a6fe5b999.png)

##Auto-post Tweets in Slack
連携したTwitterアカウントから送信されたつぶやきを、Slack内でどう表示するのか設定します。

![スクリーンショット 2016-02-07 23.02.47.png](https://qiita-image-store.s3.amazonaws.com/0/104377/cfdf7b4e-be83-9ccc-e4b7-92aa991271fd.png)

###CHOOSE A TWITTER ACOUNT
Slack内で自動表示したいTwitterアカウントです。
基本的に自分のアカウント名を入れます。

他の人のアカウントを設定して、Slack内で表示されるかはわかりません。
試してみましたが、何にも反応がありませんでした。

###CHOOSE THE TWEETS TO DISPLAY
つぶやき内容をSlackで表示する設定です。
これは別枠で詳しく説明します。

##Post to Channel
連携したTwitterアカウントのつぶやきを表示するチャンネルを設定します。
![スクリーンショット 2016-02-07 23.33.42.png](https://qiita-image-store.s3.amazonaws.com/0/104377/5a7664dc-80d3-e05d-5519-15b941a9aa4e.png)

##Descriptive Label

![スクリーンショット 2016-02-07 23.06.24.png](https://qiita-image-store.s3.amazonaws.com/0/104377/cbafbe31-2ead-39ad-5468-dbdf1720f9be.png)

これはよくわかりませんでした。
ちなみに、設定しなくても大丈夫です。

##Customize Name

TwitterからのつぶやきをSlack内で表示するユーザー名です。
デフォルトはtwitterです。
私は「Yuuki Ogino twitter」と入力しています。

![スクリーンショット 2016-02-07 23.04.47.png](https://qiita-image-store.s3.amazonaws.com/0/104377/870eda8a-6f01-b0e4-db73-415dde3680c7.png)

##Customize Icon
TwitterからのつぶやきをSlack内で表示するユーザーのアイコンを変更できます。
image(画像)、もしくはemojiから選択できます。

最後にSaveSettingsボタンをクリックすれば設定完了です。

![スクリーンショット 2016-02-07 23.06.54.png](https://qiita-image-store.s3.amazonaws.com/0/104377/52d4c16d-917b-81aa-7d18-0dae7dafbc00.png)

設定が正常に反映されれば、Post to Channelで設定したチャンネルに、以下のような通知が表示されます。
![スクリーンショット 2016-02-07 23.34.12.png](https://qiita-image-store.s3.amazonaws.com/0/104377/1f8072d1-27cc-b81f-a73c-c3b4ec2465b7.png)



ちなみに、右上にあるDisabelはTwitter連携を一時的に無効、Removeは表示しているTwitter連携情報を削除します。
![スクリーンショット 2016-02-07 23.07.45.png](https://qiita-image-store.s3.amazonaws.com/0/104377/cb50c8cd-085d-6882-fa6c-641956c8ab75.png)


#CHOOSE THE TWEETS TO DISPLAYの詳細

CHOOSE THE TWEETS TO DISPLAYに表示されている内容の詳細です。
チェックを入れると設定されます。

##Post tweets send TO this account
![スクリーンショット 2016-02-08 1.21.05.png](https://qiita-image-store.s3.amazonaws.com/0/104377/eda03821-e11c-fedc-90c5-9508bb090aab.png)


twitterのURLをチャンネルに投稿すると、自動的に内容が表示されます。

例えば、以下のつぶやきをSlackのチャンネルに表示したい場合、

![スクリーンショット 2016-02-07 23.30.31.png](https://qiita-image-store.s3.amazonaws.com/0/104377/1b72cff9-f2d3-c69b-ccb9-a68b4f3ea467.png)

上記つぶやきのURLをコピーして
![スクリーンショット 2016-02-07 23.30.19.png](https://qiita-image-store.s3.amazonaws.com/0/104377/b33d0d5a-42cd-ee0f-3d9f-2e563dcd41a4.png)

Slackに投稿欄にペーストしてエンターキーを押すと
![スクリーンショット 2016-02-07 23.34.32.png](https://qiita-image-store.s3.amazonaws.com/0/104377/4f7a457f-4de7-a9c6-2828-dfb97e55ddcd.png)
このように表示されます。

ちなみにチェックが入ってないと、下記の通りただURLを貼り付けるだけで何も反応がありません。
![スクリーンショット 2016-02-07 23.35.16.png](https://qiita-image-store.s3.amazonaws.com/0/104377/930e4808-2875-e15c-8458-296f784faef0.png)

##Post tweets send FROM this account
twitterでつぶやくと、自動的にSlackのチャンネルに投稿されるようになります。

![スクリーンショット 2016-02-07 23.37.04.png](https://qiita-image-store.s3.amazonaws.com/0/104377/2f8cf7e8-c7ee-8c82-b5aa-c7bc4b42881f.png)


例えば、以下の内容でつぶやいたら
![スクリーンショット 2016-02-08 1.32.40.png](https://qiita-image-store.s3.amazonaws.com/0/104377/91a29df7-1080-8b1e-9f8a-d1a70a4d8e2e.png)

このように自動的に投稿されます。通知を設定している場合は、ちゃんと通知も来るのでわかりやすいです。
![スクリーンショット 2016-02-07 23.36.14.png](https://qiita-image-store.s3.amazonaws.com/0/104377/d6e8e462-6089-40eb-fe79-8fc84e3491c4.png)

Post tweets send TO this accountがオフでもつぶやき内容が表示されます。

残り２つはPost tweets send FROM this accountがオンになっていないと、チェックを入れても何も反応がありません。

###Exclude @replies sent from this account
チェックを入れるとリプライ投稿はSlackのチャンネルに**表示されません**。

![スクリーンショット 2016-02-07 23.59.57.png](https://qiita-image-store.s3.amazonaws.com/0/104377/2971096d-65d0-f132-3fd2-bfe8df56f413.png)

リプライも表示する場合はチェックを外してください。

###Show Retweets sent from this account
他の人のつぶやきをRetweetした場合、自動的にSlackのチャンネルに投稿されます。
![スクリーンショット 2016-02-07 23.39.54.png](https://qiita-image-store.s3.amazonaws.com/0/104377/efcb8c72-cff3-aa61-46b6-67380bfd84da.png)

例えば、以下のつぶやきをRetweetすると
![スクリーンショット 2016-02-08 1.43.21.png](https://qiita-image-store.s3.amazonaws.com/0/104377/76609a6a-7b60-5cff-b4c1-a387b9fd0796.png)

このようにRetweetが自動的に投稿されます。
![スクリーンショット 2016-02-07 23.52.10.png](https://qiita-image-store.s3.amazonaws.com/0/104377/2e97fbb7-ca61-96a3-757f-156c791175de.png)

通知も来ます。わかりやすいです。
![スクリーンショット 2016-02-07 23.51.59.png](https://qiita-image-store.s3.amazonaws.com/0/104377/6e07bbab-369d-1e0a-e099-2d85a7f55f6e.png)

チェックが入っていない場合、RetweetはSlackのチャンネルに投稿されません。

#Slackの投稿内容はTwitterに反映されない。

![スクリーンショット 2016-02-07 23.57.40.png](https://qiita-image-store.s3.amazonaws.com/0/104377/67b101d3-9d6c-2ecf-28e3-95a7568697e2.png)
上記の通り、Twitter連携したチャンネルの投稿内容がTwitterに反映されるか試しましたが、一切Twitterには反映されませんでした。もちろん、他のアカウントへのリプライもです。
Slackの投稿をTwitterに表示する場合は、別の手段が必要です。

以上、Twitter連携の設定内容でした。