実装手順書 — Webサービス操作 MCP連携セットアップ

PJ-BrowserOperation-260224 の実装手順書。


1. 前提条件

  • Antigravity IDE がインストール済みであること
  • Node.js / npm がインストール済みであること
  • 各サービスの認証情報が .env に記載済みであること

2. MCP設定ファイルの場所

C:\Users\umecc\AppData\Roaming\Antigravity\User\mcp_config.json

MCPサーバーの追加・変更はすべてこのファイルを編集して行う。 変更後はAntigravityの再起動(Ctrl+Shift+P → “Reload Window”)が必要。


3. 現在のMCP設定(2026-02-24時点)

{
  "servers": {
    "notion":          "@notionhq/notion-mcp-server",
    "n8n":             "n8n-mcp-server",
    "google-maps":     "@modelcontextprotocol/server-google-maps",
    "filesystem":      "@modelcontextprotocol/server-filesystem",
    "google-drive":    "@modelcontextprotocol/server-gdrive",
    "gmail":           "@gptscript-ai/gmail-mcp-server",
    "google-calendar": "@cocal/google-calendar-mcp",
    "discord":         "@missionsquad/mcp-discord"
  }
}

4. 新しいMCPサーバーを追加する手順

  1. 使用するnpmパッケージを調べる(例: @cocal/google-calendar-mcp
  2. mcp_config.json"servers" ブロックに追記する
  3. 必要な環境変数(APIキーなど)を env に設定する
  4. Antigravity を再起動する
  5. チャットで動作確認する

5. Google OAuth 認証手順

Google Drive / Gmail / Calendar は初回起動時にOAuth認証が必要。

  1. Antigravity再起動後、Googleサービスを使う指示を出す
  2. ブラウザが自動で開き、Googleログイン画面が表示される
  3. アカウントを選択し「許可」をクリック
  4. 認証完了後、トークンがローカルにキャッシュされる(以降は自動)

6. Webサービス操作の優先順位規定

エージェント行動指針 に明記済み。要点のみ再掲。

優先度方法使用条件
🥇 1位MCP連携MCP設定済みのサービスは必ずMCPを使う
🥈 2位REST APIMCPがないサービス
🥉 3位PlaywrightAPIもない場合のみ
4位DOM操作Playwrightで対応不可の場合のみ

7. Cloudflare MCPの追加手順(保留中)

  1. Cloudflare Dashboard にログイン
  2. 「APIトークンを作成」→ 必要な権限を付与
  3. .envCF_API_TOKEN に設定
  4. mcp_config.json に以下を追加:
"cloudflare": {
    "command": "npx",
    "args": ["-y", "@cloudflare/mcp-server-cloudflare"],
    "env": {
        "CLOUDFLARE_API_TOKEN": "(取得したトークン)"
    }
}