VSCodeの左下の歯車アイコンから「設定」を開きます。
設定の検索から 「mcp」 で検索します。
ユーザーもしくはワークスペースを選択します。
次でも変更されています(ワークスペース)
モデル コンテキスト プロトコル サーバー構成
settings.jsonで編集
.vscode フォルダが作成され、そこに settings.json が作成されます。VSCode設定の優先順位は ワークスペース＞ユーザー＞デフォルトです。
「settings.jsonで編集」を開きます。
.vscode\settings.json
👆(ワークスペースの場合)設定ファイルが作成されます。
mcpのサンプルが表示されます。
このサンプルはGitHub Copilotが日時を取得するためのサンプルです。
settings.json
"mcp": {
"inputs": [],
"servers": {
"mcp-server-time": {
"command": "[PythonのPath]",
"args": [
"-m",
"mcp_server_time",
"--local-timezone=Asia/Tokyo"
],
"env": {
"PATH": "${env:PATH}"
}
}
}
}
※このmcp-server-timeのMCPはPythonをインストールしておく必要があります。
👇VSCodeでMCPを有効にするための設定を行います。
settings.json
...
"chat.mcp.enabled": true
Context7 MCP Server
upstash/context7: Instant LLM Context for Agents and Developers
GitHub Copilotを使っていると、時々 古い情報のコードが提案されることがあります。
これは、カットオフ（＝ある特定期間までの情報）されているので最新情報に追いついていないからです。
その弱点を補うのがこの Context7です。
Context7を使用することで、常に最新バージョンのドキュメントやコード例が提案されるようになります。
そしてスニペットと呼ばれる、具体的なコード例も使用することが出来ます。
このスニペットとは、最新バージョンに対応しているコードでの動作確認がされているミニコードです。
Cursorの@Doc機能と似ていますが、@Docはユーザーがドキュメントの場所を指定する必要があります。
Context7を設定すれば、必要なドキュメントへのアクセスが自動化され、常に最新の情報が得られます。
2025年4月現在、Context7は446のサイトに対応しています。
npm install -g c7-mcp-server
settings.json
...
"context7": {
"command": "c7-mcp-server", // インストールまたはリンクされたコマンド名
"args": [] // デフォルトでは引数は不要（stdioトランスポート用）
// "env": {} // 必要に応じて環境変数を追加
}
Model context protocol (MCP) | Supabase Docs
MCPはつなげるだけの役割で、実際に動かすのはGitHub Copilotです。
GitHub Copilotに指示してDBの情報を取得できないときがありますが、
それは人間の指示が悪い場合が多いと思います。
ダイレクトにQueryを発行してデータを取ってきてくれと指示を出すと。
GitHub Copilotはその通りに動いてくれます。
曖昧な指示、「データを取ってきて」とか曖昧だと素直に動かないと思います。
Supabaseへのアクセスが便利になるMCP
Docker Desktopをインストールして、ローカルのSupabaseを立ち上げます。
SupabaseのMCPをローカルのSupabaseで動かすための設定ファイルを作成します。
"servers": {
"supabase": {
"command": "cmd",
"args": [
"/c",
"npx",
"-y",
"@modelcontextprotocol/server-postgres",
"postgresql://postgres:postgres@127.0.0.1:54322/postgres"
]
}
}
MCPを複数設定することができます。settings.jsonの適当な場所に挿入してください。
設定後 起動させてください。
settings.json
...
//////////////////////////////////////////////////////////
// MCP
//////////////////////////////////////////////////////////
"mcp": {
"inputs": [],
"servers": {
"supabase": {
"command": "cmd",
"args": [
"/c",
"npx",
"-y",
"@modelcontextprotocol/server-postgres",
"postgresql://postgres:postgres@127.0.0.1:54322/postgres"
]
},
"mcp-server-time": {
"command": "[pythonのPath]",
"args": [
"-m",
"mcp_server_time",
"--local-timezone=Asia/Tokyo"
],
"env": {
"PATH": "${env:PATH}"
}
},
"context7": {
"command": "c7-mcp-server", // インストールまたはリンクされたコマンド名
"args": [] // デフォルトでは引数は不要（stdioトランスポート用）
// "env": {} // 必要に応じて環境変数を追加
}
}
},
settings.json
...
"mcp": {
"inputs": [],
"servers": {
"mcp-server-time": {
"command": "[pythonのPath]",
"args": [
"-m",
"mcp_server_time",
"--local-timezone=Asia/Tokyo"
],
"env": {
"PATH": "${env:PATH}"
}
},
"supabase": {
"command": "cmd",
"args": [
"/c",
"npx",
"-y",
"@modelcontextprotocol/server-postgres",
"postgresql://postgres:postgres@127.0.0.1:54322/postgres"
]
}
}
}
※👆このローカルのSupabaseはDocker Desktop等で立ち上げておいてください。
SupabaseのMCPをローカルで動かすための設定ファイルを作成します。
supabase-community/supabase-mcp: Connect Supabase to your AI assistants
Playwrightは、テストを自然言語で記述できるようにするMCPです。
AIと連携することで、高品質なテストコードの生成をサポートします。
Figmaの図をダイレクトにコード化
？
Stripe – MCP Server | Cursor Directory
CursorでStripe MCPを使ってサブスクリプションの実装をやらせてみる
github/github-mcp-server: GitHub’s official MCP Server
https://github.com/github/github-mcp-server
Introduction – Model Context Protocol
コンテナ内でサーバーを実行するには、Dockerをインストールする必要があります。
GitHub のアクセストークンが必要です。
アクセストークンを作成するには、GitHubの設定ページにアクセスし、[Developer settings] > [Personal access tokens] > [Tokens (classic)]を選択します。
次に、[Generate new token (classic)]をクリックし、必要なスコープを選択してトークンを生成します。
Create a GitHub Personal Access Token.
👆認証必須
GitHub – MCP Server | Cursor Directory
mcp.json
"mcp": {
"inputs": [],
"servers": {
"mcp-server-time": {
"command": "python",
"args": [
"-m",
"mcp_server_time",
"--local-timezone=America/Los_Angeles"
],
"env": {}
},
"github": {
"command": "cmd",
"args": [
"/c",
"npx",
"-y",
"@modelcontextprotocol/server-github"
],
"env": {
"GITHUB_PERSONAL_ACCESS_TOKEN": ""
}
}
}
}
MindscapeHQ/mcp-server-raygun
mcp.json
{
"mcpServers": {
"raygun": {
"command": "npx",
"args": ["-y", "@raygun.io/mcp-server-raygun"],
"env": {
"RAYGUN_PAT_TOKEN": "your-pat-token-here"
}
}
}
}
Smithery – Model Context Protocol Registry
VeyraX
MCP Servers for Cursor
modelcontextprotocol/servers: Model Context Protocol Servers
🌟 Reference Servers
Anthropic自身が実装したMCPサーバー
🤝 Third-Party Servers
Anthropic以外が実装したMCPサーバー
Issues · microsoft/vscode
Introduction – Model Context Protocol
GitHub Copilotは、使用する基盤モデルによって提案内容が左右されます。
最新モデルであっても、常に最新のライブラリやフレームワークに対応しているとは限りません。
そのため、GitHub Copilotに最新情報を認識させるには、以下の方法があります。
※下に行くほど人間が楽になります。
※5のエージェントモードはGitHub Copilot Agent modeのことではない。LLMが自律行動する場合のこと
ドキュメントを参照する: 使用しているライブラリやフレームワークの公式ドキュメントを確認し、最新の情報を把握します。
最新のバージョンの情報を追いかけます。
学習して使い方を覚えて組み込めるようにします。
GitHubリポジトリを確認する: 使用しているライブラリやフレームワークのGitHubリポジトリを確認し、最新のコードや変更履歴を把握します。
関連する情報を1つのファイルにまとめ、GitHub Copilotにそのファイルを読み込ませて、コードを提案するように指示します（チャットやプロンプト、指示書を使用）。
GitHubリポジトリを1ファイル化するツール
uithub GitHubのサイトのリポジトリを1ファイル化
repomix CLIのコマンド一つで1ファイル化
その他多数
VSCode
Cursor
Windsurf
1ファイル化したものをMCPクライアントアプリに読み込ませることで、GitHub Copilotが最新の情報を認識しやすくなります。
事前準備された最新バージョンの情報等を用意しておき、LLMが自律的に最新の情報、コード、スニペットを収集できるようにします。
※このエージェントモードはGitHub Copilot Agent modeとは別です。
AIには、弱いAIと強いAIという分類があります。
もし強いAIが現れれば、技術的特異点（シンギュラリティ）が起こったと言えるかもしれません。
Be the first to comment
