実装手順書 — 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サーバーを追加する手順
- 使用するnpmパッケージを調べる(例:
@cocal/google-calendar-mcp) mcp_config.jsonの"servers"ブロックに追記する- 必要な環境変数(APIキーなど)を
envに設定する - Antigravity を再起動する
- チャットで動作確認する
5. Google OAuth 認証手順
Google Drive / Gmail / Calendar は初回起動時にOAuth認証が必要。
- Antigravity再起動後、Googleサービスを使う指示を出す
- ブラウザが自動で開き、Googleログイン画面が表示される
- アカウントを選択し「許可」をクリック
- 認証完了後、トークンがローカルにキャッシュされる(以降は自動)
6. Webサービス操作の優先順位規定
エージェント行動指針 に明記済み。要点のみ再掲。
| 優先度 | 方法 | 使用条件 |
|---|---|---|
| 🥇 1位 | MCP連携 | MCP設定済みのサービスは必ずMCPを使う |
| 🥈 2位 | REST API | MCPがないサービス |
| 🥉 3位 | Playwright | APIもない場合のみ |
| 4位 | DOM操作 | Playwrightで対応不可の場合のみ |
7. Cloudflare MCPの追加手順(保留中)
- Cloudflare Dashboard にログイン
- 「APIトークンを作成」→ 必要な権限を付与
.envのCF_API_TOKENに設定mcp_config.jsonに以下を追加:
"cloudflare": {
"command": "npx",
"args": ["-y", "@cloudflare/mcp-server-cloudflare"],
"env": {
"CLOUDFLARE_API_TOKEN": "(取得したトークン)"
}
}