VS CodeでのCopilotセットアップ
This page is not available in the language you requested. You have been redirected to the English version of the page.
Link to this page copied to clipboard
Not for use with personal data
次の設定はプロジェクトレベルまたはユーザー設定レベル（すべてのプロジェクトにわたって）で使用できます。プロジェクトレベルの設定には、ワークスペースに .vscode/mcp.json ファイルを作成します。ユーザー設定レベルの設定には、既存のユーザー設定ファイルにMCPサーバーを追加します。
{
"inputs": [
{
"type": "promptString",
"id": "axe-api-key",
"description": "axe MCP Server API Key",
"password": true
}
],
"servers": {
"axe-mcp-server": {
"command": "docker",
"args": [
"run",
"--add-host=host.docker.internal:host-gateway",
"-i",
"--rm",
"-e",
"AXE_SERVER_URL",
"-e",
"AXE_API_KEY",
"dequesystems/axe-mcp-server:latest"
],
"env": {
"AXE_API_KEY": "${input:axe-api-key}"
}
}
}
}注意: この設定は、 "AXE_API_KEY": "${input:axe-api-key}" を使用して安全な入力処理を行います。サーバーが初めて起動するときにAPIキーを求められます。VS Code MCP設定に関する詳細は、 VS Code MCPドキュメントを参照してください。
note
地域専用、プライベートクラウド、またはオンプレミスのaxeインスタンスを利用していますか？ 次の AXE_SERVER_URL ブロックにお使いのインスタンスの基本URLを追加します。 env これを省略すると、サーバーはデフォルトで
"env": {
"AXE_API_KEY": "${input:axe-api-key}",
"AXE_SERVER_URL": "https://your-axe-instance.example.com"
}(Dequeの共有US SaaSインスタンス) を使用します。詳細は、 https://axe.deque.com 設定オプション を参照してください。
info
設定可能なオプションの全リストについては、 設定オプション セクションを参照してください。
MCPサーバーを起動
- 設定を行った状態でVS Codeを開きます
- 次のエントリを見つけます
"axe-mcp-server"settings.json - サーバー設定の上に表示される 「開始」 ボタンをクリックします
- 指示に従い、ステップ1で取得したAPIキーを入力します
Copilotにプロンプトを送信
axe MCPサーバーが稼働している場合、VS CodeのCopilotチャットインターフェイスを使用できます：
- VS CodeでCopilotチャットを開く
- ツールの使用を許可するため、エージェントモードになっていることを確認する
- ウェブサイトを分析し、アクセシビリティの問題を修正するためのプロンプトを送信する