AI アシスタントを使用して WinUI 3 タスク アプリを構築する

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

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

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

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

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

構築するもの

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

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

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

学習内容

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

前提条件

完全なクイック スタート: Visual Studioまたはコマンド ラインのセットアップを使用して、最初に WinUI 3 プロジェクトを作成して実行します。 また、プロジェクト内のファイルを読み取って編集できる AI コーディング アシスタントも必要です。

このチュートリアルでは、別の TaskTally プロジェクトを作成します。 Notes チュートリアルは、前提条件ではなく、XAML と C# の基礎を学習するための代替手段です。

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

ヒント

Windows アプリ 開発 CLI を確認する

コマンド ライン ツールを使用しますか? Windows アプリ Development CLI (winapp) には、WINDOWS SDK のセットアップ、パッケージ ID、マニフェスト、証明書、MSIX パッケージ化のためのツールが用意されています。 現在、パブリック プレビューで使用できます。このチュートリアルでは省略可能です。 ここで説明する Visual Studio または .NET CLI ワークフローを続行できます。

Important

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

アプリを定義し、最初のプロンプトを記述する