Skip to Content
詳細MCPサーバー

MCPサーバー活用ガイド

Claude CodeのMCP (Model Context Protocol) サーバーの活用方法を詳しく解説します。

要約: MCPはClaude Codeに外部ツールを接続するUSBポートです。Context7で最新ドキュメントを参照し、Sequential Thinkingで複雑な問題を分析します。

MCPとは？

MCP (Model Context Protocol) はClaude Codeに外部ツールとサービスを接続する標準プロトコルです。

Claude Codeはデフォルトでファイル読み書き、ターミナルコマンドなどのツールを持っています。MCPを通じてこのツールセットを拡張し、ライブラリドキュメント参照、ナレッジグラフ保存、段階的推論などの機能を追加できます。

MoAIで使用するMCPサーバー

MCPサーバーリスト

MCPサーバー用途ツール有効化
Context7ライブラリドキュメントリアルタイム参照resolve-library-id, get-library-docs.mcp.json
Sequential Thinking段階的推論、UltraThinksequentialthinking.mcp.json
Google StitchAIベースUI/UXデザイン生成 (詳細ガイド)generate_screen, extract_context 等.mcp.json
Claude in Chromeブラウザ自動化navigate, screenshot 等.mcp.json

Context7活用法

Context7はライブラリ公式ドキュメントをリアルタイムで参照するMCPサーバーです。

必要性

Claude Codeの学習データは特定時点までの情報のみを含みます。Context7を使用すると最新バージョンの公式ドキュメントをリアルタイムで参照して正確なコードを生成できます。

状況Context7なしContext7使用時
React 19新機能学習データにない可能性あり最新公式ドキュメント参照
Next.js 16設定以前バージョンパターン使用可能性あり現行バージョンパターン適用
FastAPI最新API古いバージョン構文使用可能性あり最新構文適用

使用方法

Context7は2段階で動作します。

段階1: ライブラリID照会

# Claude Codeが内部的に呼び出し
> Reactの最新ドキュメントを参照してコードを書いて
 
# Context7が実行する作業
# mcp__context7__resolve-library-id("react")
# → ライブラリID: /facebook/react

段階2: ドキュメント検索

# 特定トピックのドキュメント検索
# mcp__context7__get-library-docs("/facebook/react", "useEffect cleanup")
# → React公式ドキュメントでuseEffectクリーンアップ関数関連内容を返却

実戦活用シナリオ

# シナリオ: Next.js 16 App Router設定
> Next.js 16でプロジェクト設定をして
 
# Claude Code内部動作:
# 1. Context7でNext.js最新ドキュメント照会
# 2. App Router設定パターン確認
# 3. 最新設定ファイル作成
# 4. 公式推奨事項反映

対応ライブラリ例

カテゴリライブラリ
フロントエンドReact, Next.js, Vue, Svelte, Angular
バックエンドFastAPI, Django, Express, NestJS, Spring
データベースPostgreSQL, MongoDB, Redis, Prisma
テストpytest, Jest, Vitest, Playwright
インフラDocker, Kubernetes, Terraform
その他TypeScript, Tailwind CSS, shadcn/ui

Sequential Thinking (UltraThink)

Sequential Thinkingは複雑な問題を段階的に分析するMCPサーバーです。

一般思考 vs Sequential Thinking

項目一般思考Sequential Thinking
分析深度表面的深い段階的分析
問題分解単純構造化された分解
再考/修正制限的以前の思考修正可能
分岐探索単一パス複数パス探索

UltraThinkモード

--ultrathinkフラグを使用すると強化された分析モードが有効になります。

# UltraThinkモードでアーキテクチャ分析
> 認証システムアーキテクチャを設計して --ultrathink
 
# Claude CodeがSequential Thinking MCPを使用して:
# 1. 問題を下位問題に分解
# 2. 各下位問題を段階的に分析
# 3. 以前の結論を再検討・修正
# 4. 最適ソリューション導出

有効化される状況

以下の状況でSequential Thinkingが自動的に有効化されます。

状況例
複雑な問題分解”マイクロサービスアーキテクチャを設計して”
3ファイル以上に影響”認証システム全体をリファクタリングして”
技術選択比較”JWT vs セッション認証、どちらが良い？“
トレードオフ分析”パフォーマンスを上げつつ保守性も維持するには？“
互換性破壊検討”このAPI変更が既存クライアントに与える影響は？“

Sequential Thinkingの段階

MCP設定方法

.mcp.json設定

MCPサーバーはプロジェクトルートの.mcp.jsonファイルで設定します。

{
  "context7": {
    "command": "npx",
    "args": ["-y", "@anthropic/context7-mcp-server"]
  },
  "sequential-thinking": {
    "command": "npx",
    "args": ["-y", "@anthropic/sequential-thinking-mcp-server"]
  }
}

settings.local.jsonで有効化

特定MCPサーバーを個人的に有効化するにはsettings.local.jsonに追加します。

{
  "enabledMcpjsonServers": [
    "context7"
  ]
}

settings.jsonで権限許可

MCPツールを使用するにはpermissions.allowに登録する必要があります。

{
  "permissions": {
    "allow": [
      "mcp__context7__resolve-library-id",
      "mcp__context7__get-library-docs",
      "mcp__sequential-thinking__*"
    ]
  }
}

実戦例

ReactプロジェクトでContext7で最新ドキュメント参照

# 1. ユーザーがReact 19の新機能を使用したいとリクエスト
> React 19のuse()フックを使ってデータフェッチングを実装して
 
# 2. Claude Code内部動作
# a) Context7でReactライブラリID照会
#    → resolve-library-id("react") → "/facebook/react"
#
# b) React 19 use()関連ドキュメント検索
#    → get-library-docs("/facebook/react", "use hook data fetching")
#
# c) 最新公式ドキュメント基づきでコード生成
#    → use()フックの正しい使用法適用
#    → Suspenseバウンダリーと共に使用
#    → エラーバウンデリー処理包含
 
# 3. 結果: 最新パターンが反映された正確なコード生成

複雑なアーキテクチャ決定にUltraThink使用

# アーキテクチャ決定が必要な状況
> 自サービスの認証をJWTにするかセッションにするか分析して --ultrathink
 
# Sequential Thinkingが実行する段階:
# 思考1: 両方式の基本概念整理
# 思考2: 自サービスの特性分析 (SPA、モバイルアプリ対応必要)
# 思考3: JWT長所短所分析
# 思考4: セッション長所短所分析
# 思考5: セキュリティ観点比較
# 思考6: スケーラビリティ観点比較
# 思考7: 以前思考修正 - ハイブリッド方式検討
# 思考8: 最終結論および実装戦略

関連ドキュメント

ヒント: Context7は最新ライブラリドキュメントを参照する時に最も有用です。新フレームワーク導入時や最新バージョンへのアップグレード時にContext7を有効化すると正確なコードを得られます。

Last updated on
CLAUDE.md ガイドPencil ガイド