.NET 9のテンプレート「.NET MAUI Blazor」を学ぼう。マルチターゲットアプリ開発の新しいアプローチ

マルチターゲットアプリ開発の新しいアプローチ～.NET 9 新テンプレートの基本～ 第1回

　本連載では、.NET 9で登場した新しいソリューションテンプレートである「.NET MAUI Blazor HybridアプリとWebアプリ」について解説します。このテンプレートの魅力は、.NET MAUIでのネイティブアプリと、Blazor Webアプリを同時に開発できる点です。共通のUIコンポーネントを使うことで、コードを一度書けば複数のプラットフォームで動作するアプリが作れるようになりました。

対象読者

　読者ターゲットは、.NET MAUI Blazorでのマルチターゲットアプリに関心のある初学者～中程度のレベルの方です。

はじめに

　連載第1回の今回は、これまでの開発手法との比較、新しいテンプレートの概要、そしてプロジェクト構成について紹介します。

これまでの開発手法との比較

　新しいテンプレートの内容を理解するために、まずはクロスプラットフォーム開発手法について整理してみましょう。

表：開発手法の比較

開発手法 フレームワーク	主要技術	UIコード共有	ビジネスロジック共有	ネイティブ機能アクセス	Web対応	主な特徴
従来のネイティブ開発	Swift/Kotlin/C#	×	×	◎	×	プラットフォーム毎に個別開発
Flutter	Dart	◎	◎	○	◎	Google製。iOS/Android/デスクトップ/Web対応。高パフォーマンスな独自UI。豊富なウィジェット
（Xamarin.Forms） .NET MAUI	C#, XAML	△	◎	◎	×	モバイル・デスクトップ向けのネイティブUI。XAMLによるUI設計。高いネイティブ機能アクセス
Ionic	JavaScript, TypeScript, HTML, CSS	◎	◎	△	◎	Web技術ベース。WebView経由でモバイル/デスクトップ/Web対応。PWAも可能
React Native	JavaScript, TypeScript	○	○	○	△	Facebook製。JavaScriptでiOS/Androidアプリ開発。ネイティブUIを利用。Web対応は追加ツールで可能
Blazor	C#, Razor, HTML, CSS	◎	◎	×	◎	Webアプリ特化。C#とRazorでSPAやPWAを開発。UI・ロジックをWebで最大限共有
.NET MAUI Blazor Hybridアプリ	C#, Razor, HTML, CSS, MAUI	◎	◎	◎	×	BlazorのUIをMAUIでホスト。Web技術ベースでネイティブ機能も利用可能。1つのコードベースで複数OS対応
新テンプレート	C#, Razor, HTML, CSS, MAUI	◎	◎	◎	◎	BlazorのUI・ロジックをMAUI（ネイティブ）とWebの両方で共有。最大限のコード再利用と広範なプラットフォーム対応

　多くの手法では、ネイティブアプリとWebアプリを別々に開発する必要があり、それぞれのUIやロジックを個別に管理するため、コストや保守性に課題がありました。しかし新しいテンプレートでは、WebアプリとネイティブアプリでUIコードを共有できるため、開発効率が大幅に向上します。コードを一元管理できることで、メンテナンス性や拡張性も高まります。

　この新しいテンプレートを活用するには、その構成要素である.NET MAUI（Multi-platform App UI）とBlazorという2つのフレームワークを把握することが重要です。

　そこで次に、この2つのフレームワークについて、アーキテクチャ（システム構造）や動作原理をおさらいしておきましょう。

　なお、MAUIを含めたマルチプラットフォーム開発については、「Windowsで進化するマルチプラットフォームGUI開発」の記事も参考にしてください。