はじめに

.NET MAUI を使用すると、C# コードを使用してアプリのユーザー インターフェイスを動的に作成できます。 ただし、UI を静的に定義する方が適切で効率的な場合もあります。 Extensible Application Markup Language (XAML) には、コンパイル時に UI をレイアウトする方法が用意されています。 UI の XAML の記述には、ある程度のドキュメントも用意されています。これにより、アプリケーション コードを詳しく調べなくても、UI がユーザーに表示される方法をすばやく把握できます。

あなたはモバイル開発者として電力会社に勤務しているとします。 あなたは、エンジニアがお客様の事業所を訪問するときに使用する会社のモバイル アプリを改善する責任があります。 現在、アプリの UI は C# コードを使用して構築されています。 UI の更新管理が難しくなりつつあることに気付き始めました。 アプリがより複雑になっていることが、この問題を難しくしています。 中核的な動作ロジックは、UI コードと混在しているため、理解することがますます困難になっています。

あなたは UI と動作を明確に分離するソリューションを探しています。 UI と動作を分離することで、デザインの専門家は最も得意とすることに注力でき、あなたはアプリの動作のコーティングに注力する時間を得ることができます。 .NET MAUI では、XAML を使用して UI を定義できます。 XAML を使用すると、ユーザー インターフェイス (UI) と動作を明確に分離できます。 また、デザインの専門家とデザイン ツールを簡単に利用できます。 このモジュールでは、C# コードの代わりに XAML を使用してページとコントロールを定義する .NET MAUI アプリを作成する方法を学習します。 XAML で UI を作成すると、動作のコードからすべての UI コードを分離して、両方を管理しやすくすることができます。

学習の目的

このモジュールでは、次のことを学習します。

• .NET MAUI アプリの UI を C# で定義するよりも XAML を使用することによる利点。
• XAML を使用してページとコントロールを作成し、それらのプロパティを設定する方法。
• XAML で UI イベントを処理し、それらを結び付ける方法。
• XAML マークアップ拡張機能を作成して使用する方法。
• XAML マークアップでプラットフォーム固有の値を設定する方法。

前提条件

• .NET MAUI ワークロードがインストールされている Visual Studio 2026
• 省略可能:.NET MAUI 拡張機能を含む Visual Studio Code と、.NET MAUI ワークロードを含む .NET SDK がインストールされていること
• C# と .NET を熟知していること

.NET MAUI 開発の要件

.NET 9 を使用して .NET MAUI アプリを作成するには、次のワークロードがインストールされた Visual Studio バージョン 17.12 以降をインストールする必要があります。

• .NET Multi-Platform App UI 開発

さらに、.NET MAUI Blazor アプリをビルドする場合は、ASP.NET と Web 開発ワークロードをインストールする必要があります。

セットアップのチュートリアルについては、このドキュメントを参照してください。

Visual Studio Code での開発

macOS または Linux で開発している場合は、Visual Studio Code と .NET MAUI 拡張機能を、.NET SDK および .NET MAUI ワークロードと共にインストールする必要があります。 セットアップのチュートリアルについては、このドキュメントを参照してください。