.NET MAUI チュートリアル - C# で初めてのマルチプラットフォーム アプリを構築する

アプリを作成する

新しい.NET MAUI アプリの作成:

  1. Visual Studio 2022 を開きます。
  2. [新しいプロジェクトの作成] を選択します。
  3. [新しいプロジェクトの作成] ウィンドウで、検索バーに「MAUI アプリ」」と入力します。[.NET MAUI アプリ] テンプレートを選択し、[次へ] ボタンをクリックします。

    .NET MAUI アプリが選択された Visual Studio の新しいプロジェクト ダイアログ

  4. [新しいプロジェクトの構成] ダイアログで、プロジェクト名として「BlazorApp」と入力し、[次へ] ボタンをクリックします。

    Visual Studio で MyFirstMauiApp をプロジェクト名として使用して新しいプロジェクト ダイアログを構成する

  5. まだ選択していない場合は、追加情報ウィンドウで Framework ドロップダウンから [.NET 9.0] を選択し、[作成] ボタンをクリックします。

    フレームワークのドロップダウンに .NET 8.0 が表示されている Visual Studio の [追加情報] ダイアログ。

    Visual Studio で新しいプロジェクトを作成します。ファイアウォールによって一部の機能がブロックされていることを警告する Windows セキュリティ アラートが表示される場合は、[アクセスを許可] ボタンを選択します。

NuGet パッケージの復元プロセスを待機する

NuGet は、新しいアプリの依存関係を取り込んだパッケージ マネージャーです。

パッケージの復元処理が自動的に開始されます。復元済み または 準備完了 のメッセージが画面左下のステータス バーに表示されるまでお待ちください。

[準備完了] メッセージが表示されている Visual Studio のステータス バー。

  1. CMD + SHIFT + P を押して、VS Code でコマンド パレットを開きます。
  2. .NET: と入力して、C# 開発キットで実行できるコマンドを確認します!
  3. .NET: 新規プロジェクト を見つけて選択し、新しい .NET プロジェクトを作成します。
  4. [.NET MAUI アプリを選択します。
  5. プロジェクトを保存するフォルダーの場所を選択します。
  6. プロンプトが表示されたら、コマンド パレットでプロジェクトに MyFirstMauiApp という名前を付けます。

Visual Studio Subscription をお持ちの場合は、アカウントにサインインします。プロンプトが表示されない場合は、ウィンドウの右下にある VS Code のステータス バーの C# アイコンをクリックします。

VS サブスクリプションでサインインする

VS Code のサイドバーで、エクスプローラー が開かれていることを確認します。フォルダーと ソリューション エクスプローラー が表示されます。VS Code の新しいインスタンスを開いた場合は、ソリューション エクスプローラー がサイドバーの下部付近にある可能性があります。

VS Code の MAUI アプリ用のソリューション エクスプローラー

ソリューション エクスプローラーで、MainPage.xaml を選択します。このファイルには、MAUI アプリケーションのユーザー インターフェイス要素の構造とレイアウトを記述するマークアップが含まれています。

VS Code の MAUI アプリ用のソリューション エクスプローラー

続行