Antigravity で Slack Bot を開発する入門ガイド — Bolt.js × MCP 連携まで

# プロジェクトディレクトリ作成
mkdir my-slack-bot && cd my-slack-bot
 
# npm 初期化と Bolt.js インストール
npm init -y
npm install @slack/bolt dotenv

# .env（Gitignoreに必ず追加）
SLACK_BOT_TOKEN=xoxb-YOUR_BOT_TOKEN_HERE
SLACK_SIGNING_SECRET=YOUR_SIGNING_SECRET_HERE
SLACK_APP_TOKEN=xapp-YOUR_APP_TOKEN_HERE
PORT=3000

// app.js — Slack Bot エントリポイント
const { App } = require('@slack/bolt');
require('dotenv').config();
 
const app = new App({
  token: process.env.SLACK_BOT_TOKEN,
  signingSecret: process.env.SLACK_SIGNING_SECRET,
  socketMode: true,
  appToken: process.env.SLACK_APP_TOKEN,
  port: process.env.PORT || 3000,
});
 
// ── スラッシュコマンド: /hello ──
app.command('/hello', async ({ command, ack, say }) => {
  // コマンドを受け取ったことを Slack に通知（3秒以内に必須）
  await ack();
  await say({
    text: `こんにちは、<@${command.user_id}>さん！Antigravity Bot が起動中です 🚀`,
    blocks: [
      {
        type: 'section',
        text: {
          type: 'mrkdwn',
          text: `こんにちは、<@${command.user_id}>さん！\n*Antigravity Bot* が起動中です 🚀`,
        },
      },
    ],
  });
});
 
// ── メンション対応 ──
app.event('app_mention', async ({ event, say }) => {
  await say({
    text: `<@${event.user}> ご用件をどうぞ！`,
  });
});
 
// ── Bot 起動 ──
(async () => {
  await app.start();
  console.log(`⚡ Slack Bot 起動完了 (port ${process.env.PORT || 3000})`);
})();

// /remind コマンド — シンプルなリマインダー設定
app.command('/remind', async ({ command, ack, client }) => {
  await ack();
 
  // モーダルでリマインダー内容を入力させる
  await client.views.open({
    trigger_id: command.trigger_id,
    view: {
      type: 'modal',
      callback_id: 'reminder_modal',
      title: { type: 'plain_text', text: 'リマインダー設定' },
      submit: { type: 'plain_text', text: '設定する' },
      blocks: [
        {
          type: 'input',
          block_id: 'reminder_text',
          element: {
            type: 'plain_text_input',
            action_id: 'text_input',
            placeholder: { type: 'plain_text', text: '例: MTG資料を準備する' },
          },
          label: { type: 'plain_text', text: 'リマインド内容' },
        },
      ],
    },
  });
});
 
// モーダル送信時の処理
app.view('reminder_modal', async ({ ack, body, view, client }) => {
  await ack();
  const reminderText = view.state.values.reminder_text.text_input.value;
  const userId = body.user.id;
 
  // ユーザーに DM でリマインダー確認を送信
  await client.chat.postMessage({
    channel: userId,
    text: `✅ リマインダーを設定しました: *${reminderText}*`,
  });
});

// MCP サーバーと連携した AI 応答の例（概念コード）
const { Client } = require('@modelcontextprotocol/sdk/client/index.js');
const { StdioClientTransport } = require('@modelcontextprotocol/sdk/client/stdio.js');
 
// MCP クライアントの初期化
const mcpClient = new Client({ name: 'slack-bot-mcp', version: '1.0.0' }, { capabilities: {} });
 
app.event('app_mention', async ({ event, say }) => {
  const userMessage = event.text.replace(/<@[A-Z0-9]+>/g, '').trim();
 
  try {
    // MCP 経由でツールを呼び出す（例: 社内 FAQ データベースを検索）
    const result = await mcpClient.callTool({
      name: 'search_faq',
      arguments: { query: userMessage },
    });
 
    await say({
      text: result.content[0].text,
      thread_ts: event.ts, // スレッドで返答
    });
  } catch (error) {
    await say({ text: `申し訳ありません、処理中にエラーが発生しました。` });
    console.error('MCP ツール呼び出しエラー:', error);
  }
});

// ❌ 誤り
app.command('/test', async ({ command, client }) => {
  await client.views.open({ trigger_id: command.trigger_id, ... }); // ack前はNG
  await ack();
});
 
// ✅ 正しい
app.command('/test', async ({ command, ack, client }) => {
  await ack(); // 必ず最初に
  await client.views.open({ trigger_id: command.trigger_id, ... });
});