【旧】Slackと連携する
6/5(水)19時以降は本ページの旧形式のSlack連携機能を削除する予定です。新しいSlack連携に関する設定方法は「Slackと連携する」をご確認ください。
BYARDはSlackと連携することができます。Slackと連携することで、案件のワークを進める中でシステムから届く通知が、メールだけでなくSlackでも受け取ることができます。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/backyard/c678d3c9-927e-4c2f-91b0-9ec6254af51b/1ffe79e56565d47aed016966349d5f90.png)
■Slack連携の仕組み
BYARD上の案件やワークで動きがあったときに、Slackのチャンネルに通知を送ります。通知先となるチャンネルは、Slack側で発行される「Webhook URL」の接続先が対象となります。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/backyard/74446f2b-4637-44a0-9de4-eff8072fb5ab/81d19ab6240c3aacc96605e84e65daa5.jpeg)
「Webhook URL」は、チャンネルごとに発行します。発行したURLをテンプレートもしくは案件に登録すると、該当のテンプレート、アンケート内で動きがあったときに、通知が接続先のチャンネルに届きます。
また、メッセージや担当者のアサイン連絡など「@個人」のメンションを受け取りたい場合は、個人設定にも「Webhook URL」を登録する必要があります。
テンプレート・案件に登録する「Webhook URL」は業務の関係者が集まるチャンネルに接続、個人設定に登録する「Webhook URL」は各自のダイレクトメッセージに接続することで、チームと個人へ通知の出し分けができます。
個人設定に「Webhook URL」を登録すると、対象のユーザーが関わる案件やワークで動きがあった際に、接続先のチャンネルに通知が届きます。オープンチャンネルの「Webhook URL」を登録すると、チャンネルとは関係ない業務の通知が届く可能性がありますのでご注意ください。
BYARDとしては、個人設定にはダイレクトメッセージやプライベートチャンネルなど、特定の人しか見れないチャンネルの「Webhook URL」を登録することを推奨しています。
【想定役割】
テンプレート・案件に登録:チームに進捗をアナウンス
個人設定に登録 :自分宛に進捗をアナウンス
■通知方法の種類
通知方法は2種類あります。
1. テンプレート・案件ごとに通知
テンプレートや案件内で動きがあったときに、「Webhook URL」の接続先となるチャンネルに通知が届きます。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/backyard/2a65bf78-48ff-4b5e-bb9e-f58f433cf57b/cb163f14a6799740d0fcc84038252ada.png)
2. 個人宛に通知
自身が関わるテンプレートや案件内で動きがあったときに、「Webhook URL」の接続先となるチャンネルに通知が届きます。こちらはユーザーごとに自身で設定を行う必要があります。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/backyard/6a5f57c7-94b3-48e1-8550-3053b29d7f9a/8725c07bb05b7f2cfe97af942e6601ae.png)
■受信するメッセージの種類
Slack連携後に通知が届くメッセージの内容は以下の通りです。
通知メッセージ | 通知タイミング |
---|---|
案件が開始されました | テンプレートから案件が開始されたとき |
担当者・共有者に設定されました | ・テンプレート、案件、ワークの担当者や共有者に設定されたとき ・テンプレートから案件が開始されたとき(個人宛て) |
ワークが完了しました | 自分が担当者のワークを別のユーザーが完了にしたとき |
ワークの開始準備ができました | 前のワークが完了したとき |
メッセージが届きました(※) | ワーク内のチャットで自分宛てにメンションでメッセージが送られたとき |
案件が完了しました | 案件が完了したとき |
ワーク内のチャットにおけるメンション通知は、個人宛の通知になるため、案件に「Webhook URL」を登録するだけでは通知が届きません。メンション通知を受け取るためには、個人設定で「Webhook URL」と「Member ID」を設定する必要があります。
設定方法につきましては、本ページの「2-2. 個人に通知する場合」をご確認ください。
■Slack連携の流れ
1. Slackの「Webhook URL」を取得する
- 「Slack api」で新しいアプリを作成する
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/backyard/4132a2d2-dc8f-46fc-a5ac-44cf7e50adc8/559ba66dffa70578053d99d694206e2e.png)
- [From scratch]を選択する
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/backyard/2bb8afc2-d560-4ec7-8df6-f9e1873f5e8c/af6cc591b28ec4b5353426e09b231187.png)
- アプリ名とワークスペースの選択する
- 「App Name」に任意のアプリ名を入力します。
- 「Pick a workspace to develop your app in」で連携するワークスペースを選択します。
- [Create App]をクリックします。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/backyard/dc119a8e-b36d-4661-9dba-921eae119b10/d90a44ee0c70236d8af2393efe70008d.png)
[Create App]をクリック後、そのままステップ5の「「Incoming Webhook」を有効化」に進む場合があります。
- 「Incoming Webhook」を有効化するページを開く
- [Add features and functionality]をクリックします。
- [Incoming Webhooks]をクリックします。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/backyard/88f35595-c24d-4c22-a94b-8d82c60bcb03/d467267a598eba65bb1fb0ee190baab3.png)
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/backyard/91d97415-3351-41c6-8ab4-a98f6edc1062/c4b0005ac41f7569b38c3b6a2d4b4aed.png)
- 「Incoming Webhook」を有効化する
「Active Incoming Webhooks」を[ON]にします。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/backyard/e6b22dde-6555-4ed2-b8fa-1e5ba2ae9ab2/6cef4c3fb92e1b5eb38e92401e3df256.png)
- ワークスペースWebhookを追加する
[Add New Webhook to Workspace]をクリックします。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/backyard/7266f2cd-181e-40ac-ad25-3d37b20eec3f/284a3952d0227c9fd15c2372b943f744.png)
- 連携するチャンネルを選択する
- 連携するチャンネルを選択します。
- [許可する]をクリックします。
- [features]>[App Home]を選択します。
- [Edit]をクリックします。
- アプリ名を設定します。
- 「Display Name」を入力します。
選択肢に希望のチャンネルが見つからない場合は、チャンネル名を検索してください。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/backyard/2af1bbbe-c04b-4879-85b6-a773f99741e2/91945efd0fbc11320f867d544341473d.png)
「〇〇にはインストールするボットユーザーがありません」のエラーが表示され設定ができない場合は、アプリ名に日本語を利用している、もしくは空白になっていることが原因となっている可能性があります。![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/backyard/da147be1-f0bb-45b5-8785-7326d49daabf/da2b48846cbdd2edc998a4523934da37.png)
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/backyard/da147be1-f0bb-45b5-8785-7326d49daabf/da2b48846cbdd2edc998a4523934da37.png)
下記の手順でアプリ名を設定してください。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/backyard/4dae1f86-3639-482f-9ca6-23df613297be/c75d38cdac9d5d4eb2eff4b30475306f.png)
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/backyard/503a2bd9-f391-42da-a067-89011b48792d/701045d5e1aa6a7d3877142a418a6d86.png)
取得したWebhook URLをBYARDに登録します。テンプレート・案件ごとに通知するか、個人単位で通知するかによって登録する場所が異なります。
2-1.テンプレート・案件ごとに通知する場合
- テンプレート・案件を開く
通知を送りたいテンプレート、案件を開きます。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/backyard/b2ecdb8f-f105-4a31-a1b4-501bb3b17ae2/8e1ed4f892952ecd9d9c63a7e59355e3.png)
- 基本情報メニューを開く
フッターの基本情報メニューを開きます。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/backyard/dc2b05aa-1766-4732-8203-f368b5d7e3a7/2d092bd7ca451e658d1f9dc6f3533aa9.png)
- [Webhook URL]に取得したURLを入力する
取得した「Webhook URL」をそのまま入力します。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/backyard/2a65bf78-48ff-4b5e-bb9e-f58f433cf57b/cb163f14a6799740d0fcc84038252ada.png)
他のチャンネルに通知設定をするときは、Slackの「Incoming Webhooks」のページよりURLを追加してください。![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/backyard/b3c44e6e-fcd8-40ea-a966-66b669987333/e612959f4d32b70ca9f6235fc0cb3377.png)
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/backyard/b3c44e6e-fcd8-40ea-a966-66b669987333/e612959f4d32b70ca9f6235fc0cb3377.png)
2-2. 個人に通知する場合
- [組織設定]を開く
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/backyard/a4f9dfac-a990-4c97-a72f-275fd7c845a0/086bb1fd7a80e713f6ba39a7bef040f1.png)
- [通知設定]タブを開く
[通知設定]をクリックします。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/backyard/90403adf-7bf3-4511-98ac-8de03d6a8553/818b2d60cb6b4ce665190a79f47cdde2.png)
- [Slack]に「Webhook URL」を登録する
- 取得したWebhook URLを入力します
- [通知設定保存]をクリックします
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/backyard/7aaffcc8-7a8b-4de5-8c65-31d91fad683f/1d5f178d43298e96e541d3c964093f61.png)
組織設定に登録する「Webhook URL」は、コピーしたURLの/services/の一つ後ろの「/(スラッシュ)」で囲まれている部分までを利用します。
登録する範囲:https://hooks.slack.com/services/〇〇/
「組織設定」は、「エディター(オーナー)」「エディター(管理者)」の権限を持つユーザーが設定できます。メニューが表示されていない場合は、上記権限を持つ管理者に設定を依頼してください。
- 個人設定を開く
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/backyard/5ffa4d75-851a-4014-90b6-f6c9209ac298/b8a2bf19c206c0b7e8376815f0c8275b.png)
- [通知設定]タブを開く
[通知設定]をクリックします。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/backyard/bc8b1c32-f2ae-4078-82d5-d3ed7981cd40/6dec6755543b8722d07484e3b973f157.png)
- [Slack]に「Webhook URL」を登録する
- 「Webhook URL」を入力します
- Slackの「Member ID」を入力します
- [通知設定保存]をクリックします
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/backyard/61cca49c-37e3-42c6-9ba9-76258e5ba75e/df354a8fa3c9b79a2884eba51d6e6f8a.png)
入力する「Webhook URL」は、省略されていないURLを入力してください。![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/backyard/d0408c67-c478-4e93-bcfb-d59e263fd6a2/3af034bd39d9023523aea4b7692331b7.png)
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/backyard/d0408c67-c478-4e93-bcfb-d59e263fd6a2/3af034bd39d9023523aea4b7692331b7.png)
「Member ID」は、Slackの画面から確認できます。![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/backyard/9db49f45-7349-4cbe-a43a-97ea4db87b63/81d5a9c51eb4ad112d8625d51f7c5f07.png)
[Slackのプロフィール]>[設定(3点リーダー)]と進み、[メンバーIDをコピー]をクリックすることで、「Member ID」を取得できます。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/backyard/9db49f45-7349-4cbe-a43a-97ea4db87b63/81d5a9c51eb4ad112d8625d51f7c5f07.png)
個人宛に通知をする場合は、ユーザーごとに自身で「Webhook URL」の発行とBYARDに登録を行う必要があります。
事前に組織設定に「Webhook URL」の登録が必要ですが、未登録の場合はBYARDの管理者権限を持つ担当者にご確認ください。