Windows開発用のGitHub Copilotを設定する

このガイドでは、Windows開発に本当に役立つツール(正確なWindows アプリ SDKコンテキストを提供するWinUI エージェント プラグイン、Copilot Microsoft Learn MCP Server を使用してGitHub Copilotを設定する方法について説明します。Copilot公式のWindowsドキュメントにライブ アクセスできます。

ヒント

VS Code と winapp CLI を使用して新しいアプリをビルドしますか? クイック スタートは、単一のエンド ツー エンド フローで同じツールをカバーする、より高速なパスです。 既存のVisual Studio ワークフローのGitHub Copilotを構成している場合は、ここに戻ります。

注

WinUI 3 アプリは、Visual Studio または winapp CLI を使用した VS Code のいずれかを使ってビルドできます。最も使い慣れている方を使用してください。 以下の手順は、エクスペリエンスが異なる場合に適宜マークされます。

前提条件

• GitHub Copilot サブスクリプション (無料レベルを利用できます)
• Visual Studio Code または Visual Studio 2026
• Node.js 18 以降 (Copilot プラグインのインストール コマンドに必要)

---

手順 1: IDE にGitHub Copilotをインストールする

Visual Studio (WinUI 3)

GitHub Copilotは、Visual Studio 2026 に組み込まれています。 このタブでは、Visual Studioのセットアップについて説明します。

1. Visual Studioを開き、Extensions>Manage Extensions に移動します。
2. GitHub Copilotを検索してインストールするか、既にインストールされていることを確認します。
3. Tools>Options>GitHub>Accounts を使用してサインインします。

詳細なセットアップについては、「Tutorial: GitHub Copilotを参照してください。

VS コード (Electron、Flutter、.NET、Rust)

1. VS Code を開き、[ 拡張機能 ] ビュー (Ctrl+Shift+X) に移動します。
2. GitHub Copilotを検索し、拡張機能をインストールします。
3. メッセージが表示されたら、GitHub アカウントでサインインします。
4. エージェント モード (マルチステップ タスクに必要) を有効にするには、[設定] (Ctrl+,) を開き、chat.agent.enabledを検索してオンに切り替えます。

詳細なセットアップについては、VS Code のGitHub Copilotを参照してください。

手順 2: WinUI エージェント プラグインをインストールする

Awesome Copilot コミュニティ リポジトリの WinUI agent plugin は、Copilot に適切な Windows アプリ SDK の実装パターンを教え、非推奨の UWP API を使用するといった一般的なミスを防ぎます。

gh copilot plugin install winui@awesome-copilot

これにより、プラグインが ~\.copilot\installed-plugins\にグローバルにインストールされます。 gh copilot plugin list で確認します。

ヒント

また、Awesome Copilot 拡張機能を使用して、VS Code から直接Copilotプラグインを参照してインストールすることもできます。

---

手順 3: Microsoft Learn MCP サーバーを追加する

Microsoft Learn MCP Server では、公式のMicrosoft ドキュメントにCopilotライブ アクセスできます。これにより、コードに役立つ現在の API 参照とコード サンプルを検索できます。

VS コード (Electron、Flutter、.NET、Rust)

VS Code settings.json に次のコードを追加します ( Ctrl+Shift+P>Open User Settings (JSON) で開きます)。

{
  "mcp": {
    "servers": {
      "microsoft-learn": {
        "type": "http",
        "url": "https://learn.microsoft.com/api/mcp"
      }
    }
  }
}

または、プロジェクトごとに追加するには、プロジェクト ルートに .vscode/mcp.json を作成します。

{
  "servers": {
    "microsoft-learn": {
      "type": "http",
      "url": "https://learn.microsoft.com/api/mcp"
    }
  }
}

Visual Studio

1. に移動します Tools>Options>GitHub>Copilot>MCP サーバー。
2. URL を使用して新しいサーバーを追加します。 https://learn.microsoft.com/api/mcp

手順 4: セットアップを確認する

Copilot Chat開き、次のプロンプトを試して、すべてが動作していることを確認します。

WinUI 3 プラグインをテストします。

"アイテムを削除する前に確認ダイアログを WinUI 3 アプリに追加します。"

Copilotは、必要なContentDialogセットアップを含むXamlRoot実装で応答する必要があります。プラグインのWindows アプリ SDKコンテキストは、ユーザーが何を避けるべきか指定する必要なく、適切な最新のAPIにガイドします。

Learn MCP サーバーをテストします。

"最新のWindows アプリ SDKリリース ノートを検索し、新機能を教えてください。"

Copilotは、Microsoft Learn から現在のリリース ノートを取得し、それらを要約する必要があります。

---

省略可能、さらに Windows MCP サーバーを追加する。

追加のWindows固有の MCP サーバーを使用して、Copilotのコンテキストをさらに拡張します。

MCP サーバー	Copilotが提供するもの	セットアップ用URL
Azure DevOps	作業項目、PR、ビルドにアクセスする	Azure DevOps MCP サーバー

---

次のステップ

Tutorial: GitHub Copilot

• Copilot
• エージェント ツールの概要 - すべてのツールの詳細