はじめに
Claude Code が「ただのコーディング AI」から 「業務基盤に直結したエージェント」 に化けるかどうかは、MCP(Model Context Protocol)サーバーをどれだけ繋ぐか で決まります。本記事は2026年4月時点で Claude Code を最強にする MCP をカテゴリ別に整理した実用ガイドです。
冒頭の図は私が普段使いしている MCP の総まとめ。各カテゴリで「これは入れた瞬間に開発が変わる」と感じた MCP を中心に、今日 5分で導入できる手順 とともに紹介します。
4カテゴリで覚える MCP マップ
┌────────────────────────────────────────┐
│ 1. プロジェクト連携 │
│ GitHub / Linear / Playwright / Sentry │
├────────────────────────────────────────┤
│ 2. データ・情報・AI支援 │
│ Brave Search / YouTube / PostgreSQL │
│ Firecrawl / Context7 / Memory │
├────────────────────────────────────────┤
│ 3. 検証・テスト自動化 │
│ Playwright / Puppeteer │
├────────────────────────────────────────┤
│ 4. 外部エコシステム連携 │
│ AWS / Figma / Slack / Firebase / │
│ Google Drive / Notion │
└────────────────────────────────────────┘
すぐに試す手順(5分で5つの MCP を有効化)
1. Claude Code 用 MCP 設定の場所
~/.claude/settings.json の mcpServers フィールドに追加します。
{
"mcpServers": {
"github": {
"command": "npx",
"args": ["-y", "@modelcontextprotocol/server-github"],
"env": { "GITHUB_PERSONAL_ACCESS_TOKEN": "ghp_..." }
},
"context7": {
"command": "npx",
"args": ["-y", "@upstash/context7-mcp@latest"]
},
"playwright": {
"command": "npx",
"args": ["-y", "@playwright/mcp@latest"]
},
"supabase": {
"command": "npx",
"args": ["-y", "@supabase/mcp-server-supabase"],
"env": { "SUPABASE_ACCESS_TOKEN": "sbp_..." }
},
"filesystem": {
"command": "npx",
"args": ["-y", "@modelcontextprotocol/server-filesystem", "/Users/you/Projects"]
}
}
}
→ 保存して Claude Code を再起動するだけ。
2. 一番効く5つの組み合わせ(私の本音)
| MCP | 効く場面 | コマンド |
|---|---|---|
| GitHub | PR 作成・Issue 起票・コミット参照 | @modelcontextprotocol/server-github |
| Context7 | ライブラリの最新ドキュメント取得 | @upstash/context7-mcp@latest |
| Playwright | E2E テスト・UI 自動化 | @playwright/mcp@latest |
| Supabase | DB スキーマ確認・SQL 実行 | @supabase/mcp-server-supabase |
| Filesystem | プロジェクト外ファイル読み書き | @modelcontextprotocol/server-filesystem |
3. カテゴリ別のおすすめ MCP
プロジェクト連携
-
GitHub MCP —
gh pr createを会話で。PR 説明文の自動生成も - Linear MCP — Issue を Claude に投げて要件整理させる
- Sentry MCP — エラー件数を引いて修正タスクに変換
データ・情報・AI支援
- Brave Search MCP — 検索エンジン代替
- Firecrawl MCP — 任意の URL を取得して LLM 入力に整形
- Context7 MCP — ライブラリ docs の 最新バージョン を毎回取得(学習データの古さ問題を解決)
- Memory MCP — 会話跨ぎの記憶を永続化
- PostgreSQL MCP — DB スキーマ・サンプルデータを参照
検証・テスト自動化
- Playwright MCP — ブラウザ操作・スクショ・E2E
- Puppeteer MCP — 軽量 Chromium 制御
外部エコシステム連携
- AWS MCP — EC2/S3/Lambda 状態確認
- Figma MCP — デザインからコンポーネント生成
- Slack MCP — チャネル投稿
- Firebase MCP — Firestore 読み書き・Hosting デプロイ
- Notion MCP — DB 検索・ページ作成
- Google Drive MCP — ファイル一覧・取得
主要機能解説(2026/4 時点)
なぜ MCP が爆増しているのか
- 2024年末から Anthropic が標準化 → SDK 整備 → 各社が公式 MCP を出し始めた
- Claude Code のスラッシュコマンドや skills と組み合わせると 「ツール × 文脈」両輪 が回る
- Cursor / VS Code Copilot / Codex も MCP 互換 → 書いた MCP が複数エージェントで使い回せる
図解(カテゴリと典型ユースケース)
| カテゴリ | 典型ユースケース |
|---|---|
| プロジェクト連携 | 「先週マージされた PR を元に release notes 書いて」 |
| データ・情報 | 「最新の Next.js 15 ドキュメントを参照しつつ実装」 |
| 検証・テスト | 「このページを Playwright で E2E テスト書いて」 |
| 外部エコシステム | 「Figma のこのコンポーネントを React で起こして」 |
エンジニアへの影響
| 立場 | 取れる行動 |
|---|---|
| 個人開発 | GitHub + Context7 + Filesystem の3つで十分実用 |
| チームリード | Linear + Sentry を入れて Issue 起票を Claude に任せる |
| インフラ | AWS / Supabase / PostgreSQL MCP で DB / クラウド状態を会話で取れる |
| デザイナー | Figma MCP でデザイン → コードの距離を一気に縮める |
ハマりどころ
-
MCP は npm パッケージ実行型が多い →
npx -yで初回キャッシュが必要、初回起動が遅い -
環境変数(API key)を間違えると沈黙する →
claude --debugで MCP の起動ログを必ず確認 -
権限スコープに注意 — GitHub PAT を
repoフルスコープで渡すと Claude が PR を--forcepush できてしまう。最小権限に -
Playwright MCP は Chromium のダウンロードに時間 → 別途
npx playwright install chromiumを済ませてから - MCP を増やしすぎるとコンテキストを食う → 常時5〜7個に絞るのが現実解
まとめ
- Claude Code は MCP で化ける。素のままだと「賢いコーダー」、MCP を繋ぐと「業務基盤エージェント」
- まず入れるべき 5つ:GitHub / Context7 / Playwright / Supabase(DB系) / Filesystem
- カテゴリで覚える:プロジェクト連携 / データ・情報 / 検証・テスト / 外部エコシステム
- 2026年は MCP の標準化と公式化が進む年。今のうちに自分用 MCP セットを固めておく のが近道
参考までに、本記事の図と類似のテーマで書かれた東大ClaudeCode研究所の長文記事(30万imp・952ブクマ)も併せて読むと、Skills と MCP の関係がさらに理解しやすくなります。
出典・参考
- 図表:本記事筆者作成(2026年4月時点で実運用中の MCP セット)
- 東大ClaudeCode研究所「AIに得意分野を持たせる20Skills」: https://x.com/ClaudeCode_UT/status/2048318423973662807
- Anthropic 公式 MCP: https://modelcontextprotocol.io/