---
url: "/ja/commentful/reviews/slack-integration.md"
description: "クライアントと共有したCommentfulのレビューリンクに新しいコメントが残されるたびに、Slackチャンネルへ通知を送るように設定できます。"
---

# レビューリンクのコメント用にSlack通知を設定する

> クライアントと共有したCommentfulのレビューリンクに新しいコメントが残されるたびに、Slackチャンネルへ通知を送るように設定できます。

## SlackでWebhookを生成する {#generate-a-webhook-in-slack}

### 1. Slackアプリを作成する（まだない場合） {#_1-create-a-slack-app-if-you-don-t-have-one-already}

[Slackアプリを作成](https://api.slack.com/apps/new)

名前を決め、アプリを関連付けるワークスペースを選んでから、**Create App**をクリックします（テストメッセージを何度も投稿することになるので、テスト用のチャンネルを作っておくとよいでしょう）。すでにアプリを作成している場合は、そのアプリを使ってもかまいません。

### 2. SlackアプリでIncoming Webhooksを有効にする {#_2-enable-incoming-webhooks-for-your-slack-app}

Slackアプリを作成すると、新しいアプリの設定ページに移動します（既存のアプリを使う場合は、[アプリの管理ダッシュボード](https://api.slack.com/apps)から設定を開いてください）。

ここで**Incoming Webhooks**機能を選び、**Activate Incoming Webhooks**トグルをオンにします。

### 3. SlackワークスペースへのIncoming Webhookを作成する {#_3-create-an-incoming-webhook-to-your-slack-workspace}

Incoming Webhooksが有効になると、設定ページが更新され、追加のオプションがいくつか表示されます。その中に**Add New Webhook to Workspace**という便利なボタンがあるので、クリックします。

このボタンを押すと、Slackアプリのインストールフローを簡略化したものが始まります。この流れは単独で完結しているので、Incoming Webhook URLを生成するためにコードを書く必要はありません。次のような画面が表示されます。

![Incoming Webhooksのチャンネル選択がある権限画面](/assets/images/commentful/slack-webhook-example.png)

アプリが投稿するチャンネルを選び、**Authorize**ボタンをクリックします。プライベートチャンネルにIncoming Webhookを追加する場合は、先にそのチャンネルに参加しておく必要があります。

アプリの設定ページに戻ると、**Webhook URLs for Your Workspace**セクションに新しい項目が追加され、次のようなWebhook URLが表示されます。

`https://hooks.slack.com/services/T00000000/B00000000/XXXXXXXXXXXXXXXXXXXXXXXX`

このURLが、新しく作成したIncoming Webhookです。特定の1人のユーザーと、特定の1つのチャンネルに紐づいています。

## CommentfulプラグインからSlack Webhook URLを追加する {#add-your-slack-webhook-url-via-the-commentful-plugin}

[Video](/assets/videos/commentful/reviews/save-slack-webhook.mp4)

CommentfulのSlack通知を設定するには、[上記の手順](#generate-a-webhook-in-slack)に従ってSlack Webhook URLを作成してから、Commentful Figmaプラグインで**Settings**アイコンボタン（プラグインウィンドウの右上）を開きます。**Enable webhook notifications for review links**をクリックし、**Webhook Platform**ドロップダウンで**Slack**が選択されていることを確認したら、Slack Webhook URLをコピーして貼り付け、**Save Webhook URL**をクリックします。

（例：`https://hooks.slack.com/services/T00000000/B00000000/XXXXXXXXXXXXXXXXXXXXXXXX`）

> **Tip:** **Send Test Message**ボタンをクリックすると、CommentfulからSlackチャンネルにテスト通知が送信されるので、Slack連携が正しく動作しているかを確認できます。

## Commentful WebアプリからSlack Webhook URLを追加する {#add-your-slack-webhook-url-via-the-commentful-web-app}

CommentfulのSlack通知を設定するには、[上記の手順](#generate-a-webhook-in-slack)に従ってSlack Webhook URLを作成してから、Commentful Webアプリ（共有されたレビューリンクをブラウザで開いた状態）でキーボードの**CTRL + K**キーを押し、Slack Webhook URLをコピーして貼り付けます。

（例：`https://hooks.slack.com/services/T00000000/B00000000/XXXXXXXXXXXXXXXXXXXXXXXX`）

> **Tip:** **Send Test Message to Slack**ボタンをクリックすると、CommentfulからSlackチャンネルにテスト通知が送信されるので、Slack連携が正しく動作しているかを確認できます。

> **Note:** Slack Webhookの通知は、選択したSlackチャンネルにチャンネル宛てのお知らせとして送信されます。Commentfulのコメントに`@name`のようなテキストを含めると、Slackのメッセージ本文にそのテキストが表示されることがありますが、CommentfulはCommentfulのレビュアーをSlackのユーザーに自動で対応付けないため、Slackのネイティブなメンションとして確実に機能するわけではありません。