Chatnectの導入/連携方法

ここからは、Chatnectを利用して、実際にChatworkのルームとSlackのチャンネルを紐付ける手順をご紹介します。

手順1. SaaStainerに登録する

Chatnectを使ってみた!ChatworkとSlackを一元化できる超便利ソフト
▲出典:SaaStainer(画像=『Workship MAGAZINE』より 引用)

『SaaStainer』は、SaaSと他のSaaSのデータを連携できるアプリを提供しているアプリケーションストアです。

Chatnectもこのストアで提供されているアプリケーションなので、まずストアからアプリを開きましょう。ただ、事前にアカウントの登録が必要なので、こちらからアカウントを作成してください。

手順2. Chatnectアプリを開く

Chatnectを使ってみた!ChatworkとSlackを一元化できる超便利ソフト
▲これがChatnectのトップページです(画像=『Workship MAGAZINE』より 引用)

SaaStainerにアカウントを登録し、ログインした状態でChatnectのアプリページに移動しましょう。「アプリを開く」によりChatnectを起動できます。

手順3. SlackとChatnectを連携させる

  1. 「Slack連携」ボタンをクリックします。
  2. ワークスペースにサインインするよう求められるので、Slack URLを入力して続行します。
Chatnectを使ってみた!ChatworkとSlackを一元化できる超便利ソフト
(画像=『Workship MAGAZINE』より 引用)

3.下図のように、SlackからChatnectに対する権限の許可が求められます。内容を確認してOKの場合「許可する」ボタンをクリックします。

Chatnectを使ってみた!ChatworkとSlackを一元化できる超便利ソフト
(画像=『Workship MAGAZINE』より 引用)

4.Chatnectのトップ画面が下図のようになればSlackの連携は完了です。

Chatnectを使ってみた!ChatworkとSlackを一元化できる超便利ソフト
(画像=『Workship MAGAZINE』より 引用)

手順4. ChatworkとChatnectを連携させる

  1. 「Chatwork連携」ボタンをクリックします。
  2. Chatworkへのログインが求められるので、登録しているメールアドレス、パスワードを入力してログインし、「許可」ボタンをクリックします。
Chatnectを使ってみた!ChatworkとSlackを一元化できる超便利ソフト
(画像=『Workship MAGAZINE』より 引用)

3.下図のようになっていれば、連携作業は完了です。

Chatnectを使ってみた!ChatworkとSlackを一元化できる超便利ソフト
(画像=『Workship MAGAZINE』より 引用)

Chatnectの使い方

ここまでの作業が完了すれば、あとは任意のSlackチャンネル、Chatworkルームを連携させるだけです。

本記事では、

Slackの「Workship」というチャンネルの内容を、Chatworkの「マイチャット」だけで確認する。「マイチャット」に書き込むことでSlackの「Workship」チャンネルに反映される。

という双方向で連携したい場合の設定方法を紹介します。

なお、今回は「設定チャンネル1」を使い、「Workship」チャンネルとマイチャットを連携させていきます。

1.左側の「service」欄に、「Slack」の「Workship」と設定します。

Chatnectを使ってみた!ChatworkとSlackを一元化できる超便利ソフト
(画像=『Workship MAGAZINE』より 引用)

2.右側にある矢印マークが、「一方通行/双方向」の連携を示します。今回は、SlackとChatworkの双方でそれぞれのチャット内容を確認するので、下図の様に設定します。

Chatnectを使ってみた!ChatworkとSlackを一元化できる超便利ソフト
(画像=『Workship MAGAZINE』より 引用)

3.「通知先の登録」ボタンをクリックします。 4.Chatworkから書き込みを行う場合、以下のような画面が表示されるので「こちら」のリンクをクリックします。

Chatnectを使ってみた!ChatworkとSlackを一元化できる超便利ソフト
(画像=『Workship MAGAZINE』より 引用)

5.ChatworkのWebhookページが開きますので「新規作成」ボタンをクリックします。

Chatnectを使ってみた!ChatworkとSlackを一元化できる超便利ソフト
(画像=『Workship MAGAZINE』より 引用)

6.先ほどChatnect画面に表示された内容に沿って「Webhook名」「Webhook URL」「イベント」内容を入力して、「作成」ボタンをクリックします。

Chatnectを使ってみた!ChatworkとSlackを一元化できる超便利ソフト
(画像=『Workship MAGAZINE』より 引用)

7.以上で連携作業完了です。

まずはSlackの「Workship」チャンネルに書き込むことで、Chatworkの「マイチャット」に表示されるかを試してみましょう。

Slackに下図のように書き込みます。

Chatnectを使ってみた!ChatworkとSlackを一元化できる超便利ソフト
(画像=『Workship MAGAZINE』より 引用)

Chatworkのマイチャットを見てみると……。

Chatnectを使ってみた!ChatworkとSlackを一元化できる超便利ソフト
(画像=『Workship MAGAZINE』より 引用)

無事にマイチャットに届いていました。では次に、マイチャットから書き込みます。

Chatnectを使ってみた!ChatworkとSlackを一元化できる超便利ソフト
(画像=『Workship MAGAZINE』より 引用)

SlackのWorkshipチャンネルを見てみると……。

Chatnectを使ってみた!ChatworkとSlackを一元化できる超便利ソフト
(画像=『Workship MAGAZINE』より 引用)

無事にWorkshipチャンネルにも反映されていました。