GitHub Copilot を使用して、Visual Studioで WinUI 3/Windows App SDK アプリを作成する

このハウツーでは、GitHub Copilot を使用して、Visual Studioで WinUI/Windows App SDK デスクトップ アプリを構築する方法について説明します。 このガイドは、GitHub Copilot Completions for Visual Studio? に基づいて作成され、コピロット支援 WinUI アプリ開発のヒントとベスト プラクティスを提供します。

前提条件

• WinUI アプリケーション開発 ワークロードが適用された Visual Studio 2022 (v17.10 以降) (WinUI を使用した Get started の構成の詳細を参照)。 GitHub Copilot は、Visual Studio 2022 v17.10 以降に既定で含まれています。
• Visual Studio にサインインする GitHub アカウントに関連付けられた、GitHub Copilot のアクティブなサブスクリプション。
• C#、WinUI、およびWindows App SDKに関する知識。

GitHub Copilot を使用する

コード スニペットをオートコンプリートする

Visual Studio の GitHub Copilot では、あなたが書くコードに基づいて、リアルタイムでコードの提案と補完が提供されます。 Copilot を使用する最も簡単な方法は、エディターでコードを入力することです。入力を始めると、Copilot はコード スニペットのオートコンプリートを試みます。 提案を承認または却下することができます。

Copilot に提案を依頼する

コード エディターで右クリックし、 Ask Copilotを選択します。 プロンプト ウィンドウが開き、Copilot とインラインでチャットして、現在のカーソル位置とプロンプトに基づいて候補の一覧を取得できます。

平易な言葉づかいのコメントを使用して Copilot にプロンプトを表示する

Copilot は主にコード補完に使用されますが、特定のコード スニペットを生成する際に自然言語のコメントを使用して Copilot をガイドすることもできます。 たとえば、コメントを使用して特定の機能を要求できます。

GitHub Copilot のプロンプティングによるコード補完機能を示すスクリーンショット。

一時的なコメントを使用して他のファイルのコードを Copilot のコンテキストに追加する

分離コード ファイルで作業していて、関連付けられている XAML ファイルのコンテキストを Copilot に組み込む場合は、一時的なコメントを使用して、この追加コードを Copilot のコンテキストに組み込むことができます。 以下に、最初に XAML コードを指定してから、Copilot に対応する C# コードを生成する方法の例を示します。

Copilot に質問して、インライン コメントのしくみを説明してもらう

インライン コメントを使用すると、特定のコードがどう機能するか、Copilot に説明を依頼できます。 これは、プロンプトがコード エディターに直接入力される点を除き、インラインの [Copilot に質問する] 機能または [Copilot チャット] ウィンドウを使用する場合と似ています。

GitHubのコード補完機能を示すCopilotのスクリーンショット (説明).

Copilot を使用してコード標準をテストする

Copilot を使用して、projectのコーディング標準に準拠するコードを生成し、特定のスニペットの標準への準拠をテストできます。 次に、インライン コメント を使用して 2 つの規則を指定し、以下の規則に対してコード スニペットを Copilot で検証する方法の例を示します。

まとめ

このハウツーでは、Visual Studioで GitHub Copilot を使用して、WinUI/Windows App SDK デスクトップ アプリの開発を支援する方法を示しました。 以下の方法について説明しました。

• コード スニペットをオートコンプリートする。
• Copilot に質問してオートコンプリート候補をインラインで生成します。
• 平易な言葉づかいのコメントを使用して Copilot にプロンプトを表示する。
• 一時的なコメントを使用して他のファイルのコードを Copilot のコンテキストに追加する。
• Copilot に質問して、インライン コメントのしくみを説明してもらう。
• Copilot を使用して、コード標準をテストして適用する。

関連コンテンツ

• Windows 開発用のサンプル アプリケーション
• Windows 開発者に関する FAQ
• Windows 開発のベスト プラクティス