🔌 Claude Code MCP 使い方ガイド 2026 — 仕組み・人気サーバー・みんなの使い方

⚙️ Section 1: MCPの仕組み — Host/Client/Server と Tools/Resources/Prompts

MCPとは何か

MCP（Model Context Protocol）は、Anthropicが2024年11月に公開したオープン標準です。Claude Codeがブラウザ・データベース・GitHub・外部APIなど任意のサービスを統一インターフェースで呼び出せるようにします。2025年12月にはLinux Foundation傘下のAAIF（Agentic AI Infrastructure Forum）へ移管され、特定ベンダーに依存しない多ベンダー標準となりました。GoogleやMicrosoftが公式サーバーを提供するようになったのもこの移管が背景にあります。

アーキテクチャ図

┌─────────────────────────────────────────┐
│           Claude Code (Host)            │
│  ┌──────────────────────────────────┐  │
│  │  Client (MCP クライアント実装)    │  │
│  └──────────────┬───────────────────┘  │
└─────────────────┼───────────────────────┘
                  │ MCPプロトコル
         ┌────────┴────────┐
         │                 │
  ┌──────┴──────┐   ┌──────┴──────┐
  │ MCP Server A│   │ MCP Server B│
  │  (Playwright│   │  (Context7) │
  │   / ローカル│   │  / リモート │
  └──────┬──────┘   └──────┬──────┘
         │                 │
  ┌──────┴──────┐   ┌──────┴──────┐
  │ブラウザ/OS  │   │ Upstash API │
  │（外部サービス）  │（外部サービス）
  └─────────────┘   └─────────────┘

サーバーが提供する3要素

トランスポート4種の使い分け

→ 次のSection 2ではエコシステムの規模（16,822サーバーの現在地）を見ます。

📊 Section 2: エコシステムの規模 2026 — 16,822サーバーの現在地

Anthropic公式リファレンスサーバーの現状

modelcontextprotocol/servers（GitHubスター86,800超）では、かつて20本超のリファレンスサーバーが管理されていましたが、エコシステムの成熟に伴いAnthropicが整理を実施。2026年6月時点で現存7本（Filesystem/Fetch/Git/Memory/Sequential Thinking/Puppeteer/Everything）、13本がアーカイブ化されています。アーカイブ済みサーバーは機能しますが新機能追加はなく、コミュニティメンテのフォークに移行する流れです。

Linux Foundation AAIF移管の意味

出典: PulseMCP サーバーディレクトリ / modelcontextprotocol/servers（GitHub）

→ 次のSection 3では実際に使われている人気MCPサーバーTOP15を深掘りします。

🏆 Section 3: 人気MCPサーバー TOP15 — みんなの使い方

TOP15 一覧

TOP5 深掘り — 典型的な使い方

1. 1

   Playwright（Microsoft公式）— github.com/microsoft/playwright-mcp

   ブラウザ操作・E2Eテスト・スクショ

   「このページのボタンをクリックしてフォームに値を入力してスクショを撮って」と指示するだけで実行できます。DOMを直接触るのではなくアクセシビリティツリーベースで動作するため、ビジュアルの変化に強く軽量です。SvelteKit開発でのデプロイ後の表示確認、フォームのバリデーション検証、OGP確認などに広く使われています。PulseMCPで全体1位を維持し続けているのは「入れると即日使える」手軽さゆえです。

2. 2

   Context7（Upstash公式）— github.com/upstash/context7

   最新ドキュメント注入でAPI幻覚防止

   Claudeの学習データは数ヶ月〜1年以上前の情報です。SvelteKit・Tailwind・Drizzle ORMなど変化の速いライブラリでは「存在しないAPIを自信満々で使う」問題が頻発します。Context7はプロンプト中にライブラリ名が含まれると自動的に最新版ドキュメントを注入し、この問題を解消します。npm週89万DLは「使いやすさ」と「問題解決の具体性」の直接的な結果です。

3. 3

   GitHub（GitHub公式）— github.com/github/github-mcp-server

   PR/Issue操作・コードレビュー自動化

   「このIssueを見てPRを作って」「差分を確認してレビューコメントを書いて」がワンプロンプトで完結します。ただし全ツールをロードすると5.5万トークン超というコンテキスト爆食い問題があります。Tool Searchを有効にして必要なToolだけ動的ロードする設定（toolsetsオプション）が必須です。詳細はSection 5で解説します。

4. 4

   Fetch（Anthropic）

   URL取得→Markdown変換・外部コンテンツ参照

   任意のURLを渡すとHTMLを取得してMarkdownに変換して返します。競合サービスの価格ページ確認・公式ドキュメントの特定ページ参照・RSS/APIレスポンスの取得まで幅広く使えます。PulseMCP累計2,860万（全体3位）と利用頻度が高いのは「ブラウザを開く一手間」を省ける汎用性ゆえです。robots.txtを尊重する設定もあります。

5. 5

   Chrome DevTools（Google公式）

   低レベルデバッグ・パフォーマンス計測

   Playwrightが「高レベルのブラウザ操作」なら、Chrome DevToolsは「低レベルのブラウザ内部へのアクセス」です。Networkパネル相当のリクエスト監視・Performanceプロファイル・Coverageによる未使用CSS/JS検出・コンソールエラーの自動収集が得意です。「パフォーマンス改善したいがどこが遅いか分からない」という場面で威力を発揮します。

出典: playwright-mcp / context7 / github-mcp-server / PulseMCP

→ 次のSection 4では用途別カテゴリマップと実際の構成例を見ます。

🗺️ Section 4: カテゴリ別マップ — 用途から選ぶ

カテゴリ別サーバーマップ

→ 次のSection 5ではコンテキスト浪費の罠と設定・Tool Searchによる8割削減の具体的な手順を解説します。

⚙️ Section 5: 導入方法 — claude mcp add とスコープ3種

追加コマンド3パターン

MCPサーバーを追加するには claude mcp add コマンドを使います。 トランスポートと環境変数の指定方法によって3パターンあります。

# ① HTTP（推奨）— OAuth・ポートフォワード不要
claude mcp add --transport http notion https://mcp.notion.com/mcp

# ② stdio — ローカルプロセスを起動してパイプ通信
# 注意: -- の後がサーバーコマンド。-- を省くと npx のオプションと誤認識される
claude mcp add playwright -- npx -y @playwright/mcp@latest

# ③ APIキー付き stdio — 秘密情報を --env で渡す
claude mcp add --env AIRTABLE_API_KEY=YOUR_KEY --transport stdio airtable -- npx -y airtable-mcp-server

スコープ3種の比較

.mcp.json のサンプル

プロジェクトルートに置く .mcp.json に直接書く方法はコマンド誤認識のリスクがなく、特にWindowsでは安全です。 ${VAR} で環境変数展開、${VAR:-default} でデフォルト値が使えます。

{
  "mcpServers": {
    "playwright": {
      "type": "stdio",
      "command": "npx",
      "args": ["-y", "@playwright/mcp@latest"],
      "env": {
        "MCP_TIMEOUT": "${MCP_TIMEOUT:-60000}"
      }
    },
    "context7": {
      "type": "stdio",
      "command": "npx",
      "args": ["-y", "@upstash/context7-mcp@latest"]
    },
    "notion": {
      "type": "http",
      "url": "https://mcp.notion.com/mcp",
      "env": {
        "NOTION_API_KEY": "${NOTION_API_KEY}"
      }
    }
  }
}

→ 次の Section 6 では認証フローと管理コマンド、そして Windows 特有の落とし穴を見ます。

🔐 Section 6: 認証・管理コマンド・Windows の罠

OAuth 認証フロー

1. 1

   追加

   claude mcp add --transport http notion https://mcp.notion.com/mcp

   サーバー情報を登録する。この時点では接続は確立しない。

2. 2

   状態確認

   セッション内で /mcp を入力

   ステータス一覧が表示され、未認証サーバーに「! Needs authentication」が出る。

3. 3

   認証開始

   「Authenticate」を選択

   Claude Code がブラウザを開き、対象サービスの OAuth 画面に遷移する。

4. 4

   完了・自動リフレッシュ

   ブラウザで「許可」→ ✓ Connected に変わる

   アクセストークンは自動リフレッシュされます。手動更新は不要です。

管理コマンド一覧

ステータス表示の意味

⚠️ Windows の罠（このサイトの読者は必読）

"playwright": {
  "type": "stdio",
  "command": "cmd",
  "args": ["/c", "npx", "-y", "@playwright/mcp@latest"]
}

# PowerShell
$env:MCP_TIMEOUT = "60000"; claude

# .mcp.json の env に直書きする場合
"env": {
  "MCP_TIMEOUT": "60000"
}

よくあるエラーと対処法

→ 次の Section 7 では MCP の最大の落とし穴であるコンテキスト浪費と、Tool Search による対策を解説します。

⚡ Section 7: 最大の落とし穴 — コンテキスト浪費と Tool Search

衝撃の数字

出典: apideck.com — MCP Server Eating Your Context Window / code.claude.com/docs/en/mcp

「入れたけど撤去した」実例

「入れたけど使わなくなった」サーバー

Tool Search（遅延ロード）で 85% 削減

# Tool Search の制御（.claude/settings.json または環境変数）
ENABLE_TOOL_SEARCH=auto:5   # 最大5ツールを自動選択
ENABLE_TOOL_SEARCH=always   # 常にTool Searchを使用
ENABLE_TOOL_SEARCH=never    # 無効化（全ロードに戻す）

→ 次の Section 8 では「入れる/避ける」の判断基準と、最小構成のすすめをまとめます。

🎯 Section 8: 入れる/避ける判断 — 最小構成のすすめ

推奨ミニマム構成（まずこの2本から）

claude mcp add playwright -- npx -y @playwright/mcp@latest

claude mcp add context7 -- npx -y @upstash/context7-mcp@latest

入れる/避ける 判断フロー

# 棚卸しコマンド
claude mcp list                  # 現在の登録一覧を確認
claude mcp remove <unused-name>  # 3ヶ月使っていないものを削除