Claude CodeのMCPサーバー活用入門：外部ツールと連携する

MCP（Model Context Protocol）は、Claude Codeが外部のツールやデータソースと通信するための標準プロトコルです。MCPサーバーを導入することで、Claude Codeの能力を大幅に拡張できます。この記事では、MCPの基本概念から実際の導入までを解説します。

MCPとは

MCPはAnthropicが提唱したオープン規格で、AIモデルと外部ツールの間の通信を標準化するものです。これまで各AIツールが独自に実装していた「外部ツール連携」を、統一的なプロトコルで行えるようにします。

具体的には、Claude Codeから以下のような外部リソースにアクセスできるようになります：

データベース（PostgreSQL、SQLite、MySQL等）
外部API（Slack、GitHub、Google Drive等）
ファイルシステム（リモートサーバーのファイル）
カスタムツール（独自のビジネスロジック）
Webブラウザ（Playwright MCP等）

MCPサーバーの仕組み

MCPはクライアント・サーバーモデルで動作します：

Claude Code（クライアント）がMCPサーバーに接続
MCPサーバーがツール（tools）とリソース（resources）を提供
Claude Codeが必要に応じてツールを呼び出し、結果を受け取る

代表的なMCPサーバー

Playwright MCP

ブラウザ操作を自動化するMCPサーバー。Webスクレイピング、E2Eテスト、スクリーンショット取得などが可能。

Filesystem MCP

ローカルファイルシステムへの安全なアクセスを提供。指定したディレクトリ内のファイル操作をClaude Codeに許可できます。

GitHub MCP

GitHub APIとの連携。リポジトリの操作、Issue管理、PR作成などをClaude Codeから直接実行できます。

PostgreSQL MCP

データベースのクエリ実行、スキーマ確認、データ分析をClaude Codeから行えます。

MCPサーバーの設定方法

MCPサーバーはClaude Codeの設定ファイル（.claude/settings.json またはプロジェクトの .mcp.json）で設定します：

{
  "mcpServers": {
    "filesystem": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-filesystem",
        "/path/to/allowed/directory"
      ]
    },
    "github": {
      "command": "npx",
      "args": ["-y", "@modelcontextprotocol/server-github"],
      "env": {
        "GITHUB_PERSONAL_ACCESS_TOKEN": "your-token"
      }
    }
  }
}

実践例：Playwright MCPでWeb調査

Playwright MCPを使えば、Claude Codeから直接ブラウザを操作してWebサイトの情報を取得できます：

> Playwright MCPを使って、competitor.comのサイト構造を調査して

# Claude Codeが自動的に：
# 1. browser_navigate でサイトにアクセス
# 2. browser_snapshot でページ構造を取得
# 3. 情報を整理してレポート

MCPサーバー導入のメリット

コンテキストの拡張：Claude Codeがアクセスできる情報源が増える
作業の自動化：ブラウザ操作、DB操作などをAIに任せられる
セキュリティ：アクセス権限を細かく制御可能
拡張性：独自のMCPサーバーを開発して特定業務に特化可能

まとめ

MCPはClaude Codeを単なるコーディングツールから包括的な開発プラットフォームへと進化させる技術です。標準化されたプロトコルにより、今後ますます多くのツールやサービスがMCP対応することが期待されます。まずはPlaywright MCPやFilesystem MCPから始めてみてください。