チャットワークからSlackの連携をGoogle Apps Scriptを使って送信する方法（画像解説）

公開日：2020年07月17日カテゴリー：GoogleAppsScript, Slack, ツール

テレワークが普及し、様々なコミュニケーションツールが活用されるようになりました。
弊社でも「Slack」「Skype」や「チャットワーク」などいくつかのツールを使い分けしています。
ただ、複数のツールを利用すると煩雑になったり見逃したりと課題もいくつかあります。
そこでチャットワークのメッセージをSlackに連携することで効率化を図っています。
今回はその手順についてご紹介します。

連携する構成はこんな感じです。

「Chatwork Webhook」を利用すると、
メッセージ投稿時に指定のURLにメッセージ内容を送ることができます。
そのWebhookの送信先として「Google Apps Script」を利用します。

▼ 目次

こんな人におススメ

コミュニケーションツールを効率化したい

　・Slackをメイン、チャットワークをサブのツールとして利用している
　・チャットワークのメッセージをSlackで一元管理したい
　・通知を色々なツールに連携し、タイムリーな閲覧や見逃し防止をしたい
　・Slack、チャットワークの2重管理を効率化したい

技術的に知りたい

　・「Google Apps Script」を使いSlackにメッセージ送信する方法を知りたい
　・チャットワークWebhookについて知りたい

などなど

事前準備

Slackアカウント、Chatworkアカウント、Googleアカウントが必要です。
全て登録済みを想定した手順のため未登録の場合は事前に作成してください。
　

Slackアプリの作成

Slackにメッセージを送信するためには、SlackアプリによるBot連携を行います。
Slackアプリが未作成の場合は、今の記事を参考にアプリを作成してください。
アプリ作成後に発行される「Bot User OAuth Access Token」を利用します。

【Slack】無料版でも簡単に作れるSlackアプリで通知Botを作る方法

Goole Apps Scriptの設定

「Google Apps Script」の新規作成

「Google Drive」のメニューから「Google Apps Script」を選択します。
メニューになければ「アプリの追加」から検索し追加してください。

「無題のプロジェクト」をクリックし、プロジェクトの名前を設定します。
名前は何でもOKですが、ここでは仮に「ChatworkToSlack」としましょう。

「SlackApp」ライブラリの追加

外部サービスからSlackへメッセージを通知するには、SlackAPIを利用します。
今回は「SlackApp」のライブラリを利用しメッセージを送信しましょう。
https://github.com/soundTricker/SlackApp

ライブラリとは
Goole Apps Scriptのソースコードを共有・再利用できる仕組みです。
提出されているライブラリを利用することで、自分で面倒な開発をすることなく
開発済みの機能を利用することができます。

リソースメニューから「ライブラリ」を選択します。

「Add a library」に「M3W5Ut3Q39AaIwLquryEPMwV62A3znfOO」を入力して「追加」します。
バージョンは最新（現時点では22）を選択し、保存します。

これでSlackにメッセージ送信する準備が出来ました。

Scriptの設定

以下のソースコードを貼り付けます。

// slackに作成したAppの「OAuth Tokens」(Install Appから参照)
const SLACK_TOKEN = 'xoxb-1217668675873-...........'; // ★★Slackアプリで発行されたトークに変更★★
// 通知したいチャンネルの名前
const CHANNEL_NAME = '#チャットワーク通知'; // ★★連携するSlackのチャンネル名に変更★★
// https://api.slack.com/methods/chat.postMessageのArgumentsが利用可能
const OPTIONS = {username: 'chatwork'};
// チャットワークのaccount_idと名前
const ACCOUNTS = {'3784xxxx':'チャットちゃん', '3784xxxx':'通知くん'}; // ★★チャットワークのIDと表示する名前に変更★★


/**
 * webhookから呼び出されるpost処理
 */
function doPost(e) {

   // リクエストからJSONデータを取得
   const obj = JSON.parse(e.postData.contents);

  // chatworkのから受け取ったメッセージ
  const body = obj.webhook_event.body;
  // chatworkの発言者アカウントID
  const account_id = obj.webhook_event.account_id;

  // 名前変換
  var name = 'アカウントID未設定';
  if (account_id in ACCOUNTS) {
    name = ACCOUNTS[account_id] + 'さん';
  }
  
  // メッセージの設定（投稿したい内容に合わせて変更）
  var message = ':chatwork: ';   // slackにチャットワークアイコンを表示（事前にアイコン要登録）
  message += '*' + name + '*';  //「*」で囲むと名前が太字
  message += '\n\n';         // 名前の下に改行2つ
  message += body;
  
  // slackに投稿
  const slackApp = SlackApp.create(SLACK_TOKEN);
  // 投稿チャンネル, メッセージ, 投稿オプションを引数に設定してpost
  slackApp.postMessage(CHANNEL_NAME, message, OPTIONS);

}

// slackに作成したAppの「OAuth Tokens」(Install Appから参照)

const SLACK_TOKEN = 'xoxb-1217668675873-...........'; // ★★Slackアプリで発行されたトークに変更★★

// 通知したいチャンネルの名前

const CHANNEL_NAME = '#チャットワーク通知'; // ★★連携するSlackのチャンネル名に変更★★

// https://api.slack.com/methods/chat.postMessageのArgumentsが利用可能

const OPTIONS = {username: 'chatwork'};

// チャットワークのaccount_idと名前

const ACCOUNTS = {'3784xxxx':'チャットちゃん', '3784xxxx':'通知くん'}; // ★★チャットワークのIDと表示する名前に変更★★

/**

* webhookから呼び出されるpost処理

function doPost(e) {

// リクエストからJSONデータを取得

const obj = JSON.parse(e.postData.contents);

// chatworkのから受け取ったメッセージ

const body = obj.webhook_event.body;

// chatworkの発言者アカウントID

const account_id = obj.webhook_event.account_id;

// 名前変換

var name = 'アカウントID未設定';

if (account_id in ACCOUNTS) {

name = ACCOUNTS[account_id] + 'さん';

}

// メッセージの設定（投稿したい内容に合わせて変更）

var message = ':chatwork: '; // slackにチャットワークアイコンを表示（事前にアイコン要登録）

message += '*' + name + '*'; //「*」で囲むと名前が太字

message += '\n\n'; // 名前の下に改行2つ

message += body;

// slackに投稿

const slackApp = SlackApp.create(SLACK_TOKEN);

// 投稿チャンネル, メッセージ, 投稿オプションを引数に設定してpost

slackApp.postMessage(CHANNEL_NAME, message, OPTIONS);

}

ソースコードの以下の箇所を変更

const SLACK_TOKEN = 'xoxb-1217668675873-.....';
Slackアプリのトークンを設定します

const CHANNEL_NAME = '#チャットワーク通知';
連携するSlackのチャンネル名を設定します

const ACCOUNTS = {'3784xxxx':'チャットちゃん', '3784xxxx':'通知くん'};
チャットワークのグループに参加している人のIDとSlackに表示した名前の紐づけをします