初めての WinUI アプリの作成

WinUI 3、XAML、C# を使用して 2 ページのノート アプリを構築します。まず完成したエクスペリエンスを確認してから、完全なチュートリアルに従ってインターフェイスを作成し、コードに接続し、ローカル データを保存して、ページ間を移動します。

WinUI の概要

このチュートリアルで学習する内容は次のとおりです:

  • XAML マークアップを使って、アプリのユーザー インターフェイスを定義します。
  • C# コードを使用して XAML 要素を操作します。
  • ローカル ファイル システムからファイルを保存して読み込みます。
  • ビューを作成し、データにバインドします。
  • ナビゲーションを使って、アプリ内のページ間を移動します。
  • ドキュメントやサンプル アプリなどのリソースを使って、独自のアプリを作成します。
完全なチュートリアルを表示 GitHub でコードを表示
完成した WinUI ノート アプリでは、保存されたノートがアダプティブ グリッドに表示されます。
なぜ WinUI を使用するか?

Windows アプリ用の最新のネイティブ フレームワーク

WinUI 3 では、Windows App SDK を使用して C# および C++ デスクトップ アプリに Fluent Design、最新のコントロール、XAML ベースのプログラミング モデルが提供されます。
最新の Windows UI Windows 用に設計されたコントロールとスタイルを使用して、洗練された応答性の高いエクスペリエンスを構築します。 WinUI 3 の詳細 Windows アプリ SDK 上に構築 新しい Windows デスクトップ アプリに推奨されるプラットフォームを通じて、最新の Windows API とアプリ機能を使用します。 Windows アプリ SDK について 使い慣れた C# および XAML ワークフロー XAML でインターフェイスを構築し、C# で動作を追加して、統合デバッガーを備えた Visual Studio で作業できます。 WinUI クイックスタートを参照してください
必要なもの

Windows 開発環境を準備する

開始する前に、これら 3 つのことを準備します。Microsoft Learn には、現在のセットアップとバージョンの詳細が含まれます。
Windows PC アプリをローカルでビルドして実行できる、サポート対象の Windows デバイスを使用します。 Surface PC の詳細 Visual Studio 2026 WinUI アプリケーション開発ワークロードで Visual Studio をインストールします。 Visual Studio のダウンロード WinUI 開発のセットアップ 開発者モードを有効にし、パッケージ化された C# WinUI プロジェクトを作成して、空のアプリが動作することを確認します。 環境のセットアップ

ノート アプリをビルドする準備はできましたか?

Microsoft Learn で管理されているチュートリアルに従って、プロジェクトを作成し、インターフェイスとアプリのロジックを追加し、完成したエクスペリエンスを確認します。

完全なチュートリアルを表示