Context7 MCP Serverのセットアップ方法 (2026年版)
AIコーディングアシスタントに、リアルタイムなドキュメントのコンテキストを追加しましょう
Hyperealで構築を始めよう
Kling、Flux、Sora、Veoなどに単一のAPIでアクセス。無料クレジットで開始、数百万規模まで拡張可能。
クレジットカード不要 • 10万人以上の開発者 • エンタープライズ対応
Context7 MCP サーバーのセットアップ方法 (2026年版)
AI コーディングアシスタントにフレームワークについて質問した際、古くなっていたり、存在しない(ハルシネーションによる)API のアドバイスを受けたことがあるなら、Context7 がその解決策になります。Context7 は、公式ソースから直接取得した最新のバージョン固有のドキュメントを AI アシスタントに提供する Model Context Protocol (MCP) サーバーです。LLM の(数ヶ月から数年前の可能性がある)トレーニングデータに頼るのではなく、Context7 は実際の現在のドキュメントを取得して AI のコンテキストに注入します。
このガイドでは、主要な AI コーディングツールへの Context7 のインストール、設定、および使用方法について説明します。
MCP (Model Context Protocol) とは?
Context7 の詳細に入る前に、MCP について理解しておくと役立ちます。Model Context Protocol は、AI アシスタントが標準化されたインターフェースを介して外部のデータソースやツールと接続できるようにするオープン標準(もともとは Anthropic によって開発されました)です。MCP サーバーは、AI モデルに現実世界の情報や機能へのアクセスを与えるプラグインのようなものだと考えてください。
MCP サーバーは以下のものを提供できます:
- Resources: AI が読み取ることができるデータ(ファイル、ドキュメント、データベーススキーマ)
- Tools: AI が呼び出すことができる関数(検索、API リクエスト、コード実行)
- Prompts: 一般的なタスクのための構築済みプロンプトテンプレート
Context7 は何をするのか?
Context7 は、正確で最新のライブラリやフレームワークのドキュメントを AI コーディングアシスタントに提供することに特化した MCP サーバーです。特定のライブラリについて AI アシスタントに質問すると、Context7 は以下の処理を行います。
- 質問されているライブラリを特定する
- インデックスから現在のドキュメントを取得する
- 関連するドキュメントをコンテキストとして AI モデルに提供する
- AI は、実際の現在のドキュメントに基づいて回答を生成する
これにより、AI コーディングアシスタントにおける最も一般的な問題である、古い、あるいは虚偽の API 詳細の生成を排除できます。
サポートされているライブラリ
Context7 は、以下を含む数千の人気ライブラリのドキュメントインデックスを維持しています。
- React, Next.js, Vue, Svelte, Angular
- Node.js, Express, Fastify, Hono
- Python (Django, Flask, FastAPI, SQLAlchemy)
- TypeScript, Zod, Prisma, Drizzle
- Tailwind CSS, shadcn/ui
- Rust, Go, Java, その他多数
インストール方法
Context7 は、いくつかの AI コーディングツール用の MCP サーバーとしてインストールできます。以下は最も一般的なセットアップ方法です。
方法 1: Claude Code (推奨)
Claude Code は MCP をネイティブにサポートしています。以下のコマンド 1 つで Context7 を追加できます。
claude mcp add context7 -- npx -y @context7/mcp@latest
これだけです。これで Claude Code は、すべての会話で Context7 のドキュメントにアクセスできるようになります。
動作確認をするには:
claude mcp list
アクティブな MCP サーバーとして context7 が表示されるはずです。
方法 2: Cursor
Cursor の場合は、MCP 設定ファイルに Context7 を追加する必要があります。プロジェクトのルートに .cursor/mcp.json を作成または編集します。
{
"mcpServers": {
"context7": {
"command": "npx",
"args": ["-y", "@context7/mcp@latest"]
}
}
}
Cursor を再起動すると、AI チャットパネルで Context7 が利用可能になります。
方法 3: VS Code with Copilot
GitHub Copilot の MCP サポートを使用している VS Code の場合は、.vscode/mcp.json に以下を追加します。
{
"servers": {
"context7": {
"command": "npx",
"args": ["-y", "@context7/mcp@latest"]
}
}
}
方法 4: Windsurf
Windsurf の MCP 設定ファイル (~/.windsurf/mcp.json) に追加します。
{
"mcpServers": {
"context7": {
"command": "npx",
"args": ["-y", "@context7/mcp@latest"]
}
}
}
方法 5: マニュアル / スタンドアロン
カスタム統合のために、Context7 をスタンドアロンサーバーとして実行する場合:
# グローバルにインストール
npm install -g @context7/mcp
# サーバーを実行
context7-mcp
# または npx で直接実行
npx @context7/mcp@latest
サーバーは MCP 仕様に従い、デフォルトで stdio 経由で通信します。
前提条件
Context7 をインストールする前に、以下の環境が整っていることを確認してください。
| 要件 | 最小バージョン | 確認コマンド |
|---|---|---|
| Node.js | 18.0+ | node --version |
| npm | 9.0+ | npm --version |
| npx | npm に同梱 | npx --version |
Node.js がインストールされていない場合:
# macOS (Homebrew を使用)
brew install node
# Ubuntu/Debian
curl -fsSL https://deb.nodesource.com/setup_20.x | sudo -E bash -
sudo apt-get install -y nodejs
# Windows (winget を使用)
winget install OpenJS.NodeJS
Context7 を効果的に使用する方法
Context7 をインストールすると、ほとんどの構成で自動的に動作します。しかし、プロンプトで明示的に指示することで、より良い結果を得ることができます。
基本的な使い方
プロンプトの中でライブラリ名に言及するだけで、Context7 が関連するドキュメントを提供します。
Next.js 15 でサーバーアクションをセットアップするにはどうすればいいですか?
Context7 は "Next.js 15" を検出し、最新の Server Actions のドキュメントを提供します。
明示的な Context7 のトリガー
より確実な結果を得るには、プロンプトで use context7 というフレーズを使用します。
use context7 - Hono でミドルウェアを構成するにはどうすればいいですか?
ライブラリのバージョン指定
特定のバージョンのドキュメントをリクエストできます。
use context7 - React 19 の新しい `use` フックの使い方を教えてください
アプローチの比較
Context7 は、バージョン間やフレームワーク間で動作を比較する必要がある場合に特に便利です。
use context7 - リレーションの定義において Drizzle ORM と Prisma の違いは何ですか?
両方のアプローチを示してください。
設定オプション
Context7 は環境変数を通じて設定可能です。
| 変数 | 説明 | デフォルト |
|---|---|---|
CONTEXT7_CACHE_DIR |
ドキュメントをキャッシュするディレクトリ | ~/.context7/cache |
CONTEXT7_CACHE_TTL |
キャッシュの有効期間(秒) | 3600 (1時間) |
CONTEXT7_MAX_TOKENS |
コンテキストに含める最大トークン数 | 10000 |
CONTEXT7_LOG_LEVEL |
ログの詳細度 (debug, info, warn, error) | info |
MCP 設定でこれらを設定する場合:
{
"mcpServers": {
"context7": {
"command": "npx",
"args": ["-y", "@context7/mcp@latest"],
"env": {
"CONTEXT7_MAX_TOKENS": "15000",
"CONTEXT7_CACHE_TTL": "7200"
}
}
}
}
トラブルシューティング
Context7 がドキュメントを提供しない
- サーバーが動作しているか確認する: Claude Code では
claude mcp listを実行します。Cursor では、ボトムバーの MCP ステータスを確認します。 - 明示的に指定する: プロンプトで "use context7" を使用して、ツールを強制的にアクティブにします。
- Node.js のバージョンを確認する: Context7 には Node.js 18+ が必要です。
レスポンスが遅い
Context7 は最初の取得後にドキュメントをローカルにキャッシュします。最初のクエリが遅くても、同じライブラリに対するその後のクエリは高速になるはずです。再取得を減らすためにキャッシュの TTL を長くすることができます。
CONTEXT7_CACHE_TTL=86400 # 24時間キャッシュ
npx によるインストールが失敗する
npx が失敗する場合は、代わりにパッケージをグローバルにインストールしてください。
npm install -g @context7/mcp@latest
その後、グローバルバイナリを使用するように MCP 設定を更新します。
{
"mcpServers": {
"context7": {
"command": "context7-mcp"
}
}
}
Context7 と他のドキュメント MCP サーバーの比較
| 機能 | Context7 | Docs MCP | DevDocs MCP |
|---|---|---|---|
| ライブラリの網羅性 | 5,000+ | 500+ | 1,000+ |
| バージョン固有のドキュメント | 対応 | 部分対応 | 非対応 |
| 自動検出 | 対応 | 非対応 | 非対応 |
| キャッシング | 対応 | 対応 | 非対応 |
| 更新頻度 | 毎日 | 毎週 | 毎月 |
| セットアップの複雑さ | 1コマンド | 普通 | 普通 |
結論
Context7 は、AI コーディング環境に追加できる、最も即効性のある便利な MCP サーバーの 1 つです。AI コーディングアシスタントにおける最大の信頼性の問題である「古いドキュメント」を、一行のインストールで解決します。Claude Code、Cursor、VS Code、あるいは他の MCP 対応ツールを使っているかに関わらず、今すぐワークフローに Context7 を追加する価値があります。
コードだけでなくビジュアルやメディアコンテンツも扱う開発者向けに、Hypereal AI は AI による画像生成、動画作成、アバター構築のための API アクセスを提供しています。正確なコーディング支援には Context7 を、メディア生成のニーズには Hypereal AI を組み合わせて活用してください。
