AI コーディング アシスタントを使用して WinUI アプリを構築する

AI コーディング アシスタントは、作業アプリをすばやく作成できますが、さまざまな世代のWindows開発の API を組み合わせることもできます。 WinUI 3 と UWP、WPF、WinUI 2、または.NET MAUIを混在させるときに、応答が説得力を持っている可能性があります。

このチュートリアルでは、AI コーディング アシスタントを使用して、小さな WinUI 3 タスク アプリである Task Tally を構築します。 さらに重要なのは、アシスタントを指示し、その作業を検査し、結果を Microsoft Learn に対して検証する方法を学習することです。

このチュートリアルでは、次のサイクルを使用します。

指示 → 生成 → 構築 → 点検 → 検証 → 改善

アシスタントはコードを記述して説明できますが、コンパイラ、実行中のアプリ、および現在のドキュメントは信頼できる情報源のままです。

構築するもの

Task Tally を使用すると、ユーザーは次のことができます。

  • タスクを追加および削除します。
  • タスクを完了としてマークする。
  • ローカル アプリ ストレージにタスクを保存します。
  • コマンドへのアクセスを失うことなく、ウィンドウのサイズを変更します。
  • キーボードとアクセシビリティ ツールでアプリを使用します。

完了したタスク 集計アプリには、4 つのタスク、1 つの完了したタスク、残りのタスク数、および正常な更新メッセージが表示されます。

C#、WinUI 3、Windows アプリ SDK、MVVM Toolkit を使用します。 このアプリは、ローカル開発用に MSIX と共にパッケージ化されています。

学習内容

  • 生成されたコードを WinUI 3 内に保持する要件を記述します。
  • 個別にビルドおよび検証できるプロンプトに機能を分割します。
  • 生成されたプロジェクト ファイル、名前空間、コントロール、およびデータ バインディングを検査します。
  • Microsoft Learn に対してWindows API を確認します。
  • Windows アプリのコードで AI が生成しがちな一般的な誤りを認識する。
  • 生成されたコードは、妥当に見えるので、受け入れる代わりにテストします。

前提条件

クイック スタートを完了する: 最初に WinUI 3 アプリを作成します。 必要なもの:

  • Windows 10 バージョン 1809(ビルド 17763)以降。
  • 開発者モードが有効になっています。
  • WinUI アプリケーション開発ワークロードを含む Visual Studio 2026、または .NET 10 SDK と WinUI テンプレート。
  • プロジェクト内のファイルを読み取って編集できる AI コーディング アシスタント。

以前の WinUI エクスペリエンスは必要ありません。 このチュートリアルのプロンプトはツールに依存しないため、コマンド の文言をアシスタントに合わせて調整します。

Important

変更を受け入れる前に確認します。 資格情報、プライベート ソース コード、個人データ、またはその他の機密情報を、そのデータに対して承認されていないサービスに貼り付けないでください。