【Build 2021】.NET MAUI Preview 4を試す！

今週5/26～28にMicrosoftの開発者向けイベント Build 2021 がオンラインで開催されました。

仕事が激務でリアタイで見ることができず、今日からチクチク追っかけてました。

目玉セッションの大半がAzureやローコード、ノンコードだったのですが、ゴリゴリコーディング絡みで以下のセッションが非常に面白かったので軽く紹介しておきます。

docs.microsoft.com

 

20 Pockets

.NET 6 deep dive; what's new and what's coming - Events

https://docs.microsoft.com/en-us/events/build-may-2021/azure/breakouts/od485/

Video page for Microsoft Build May 2021

セッション概略

C# 10

• 多くの構文単純化、ボイラープレートの減少
• record構造体
• ラムダ式と自動プロパティの改善

Minimal Web APIs

• 軽量、シングルファイル、クラウドネイティブAPI
• 形式的コードの減少、トップレベルでのC#コーディング
• MVCへのパス

.NET MAUI

• クロスプラットフォーム、ネイティブUI
• シングルプロジェクトシステム、シングルコードベース
• マルチプラットフォームへのデプロイ（モバイル/デスクトップ）

ASP.NET Core & Blazor

• ネイティブ/WebをまたいだUIコンポーネントの再利用
• .NET MAUIの上でビルド
• ネイティブのアプリコンテナーと埋め込みコントロール

.NET MAUI Preview 4 ハンズオン

上記どれも魅力的で面白い話でしたが、中でも.NET MAUIの話は試さないではいられず、せっかく色々ハマったということもあって詳らかにしておこうかなと思いました。

動作環境

• Windows 10 Pro 21H1 (Build 19043.1023)
• .NET 6.0.100-preview4.21255.9
• Visual Studio Professional 2019 Preview (16.11.0 Preview 1.0)

maui-check

まずMAUIをどうやってインストールするんだって話ですが、GitHubを眺めると maui-check とやらを実行しろと書いてありました。

GitHub

 

10 Pockets

Redth/dotnet-maui-check

https://github.com/Redth/dotnet-maui-check

.NET MAUI Check tool. Contribute to Redth/dotnet-maui-check development by creating an account on GitHub.

$ dotnet tool install -g redth.net.maui.check

で、

$ maui-check

ってやると足りないものを検出してインストールするかどうか聞いてくれます。

基本、言うとおりにしていれば問題ないと思いますが、私の環境では特にエラーが発生しているわけでもないのに

! There were one or more problems detected.
Please review the errors and correct them and run maui-check again.

って出てきてしまって先に進めませんでした。

結局VS2019のプレビュー版をインストールしたらいけるようになりました。何だったんだ。

VS2019 Preview4インストール

以前似たようなハンズオンをやろうとしてドハマりしたときに「そういえばVSもプレビュー版じゃないとダメだったような…」というのを思い出してVS2019のPreview4をインストールしました。

というか maui-sample のGitHubに

Currently, you can use Visual Studio 2019 16.10 on Windows (with the Xamarin workload installed). .NET 6 Preview 4 requires MSBuild 16.10, so .NET 6 projects will not be able to load in older versions of Visual Studio.

dotnet/maui-samples: .NET 6 preview samples. Not for production use. The main branch tracks the current preview release, and develop tracks the upcoming preview. (github.com)

って書いてありましたね。。。

ちなみにワークロードは何を入れたらいいか分からなかったので適当にこんな感じにしておきました。

Androidエミュレータのインストール

VS2019 Preview4を起動して空のソリューションか何かで開き、「ツール」→「Android」→「Androidデバイスマネージャー」を開きます。

私はここで相当な時間ハマっていましたが、結局APIレベル29あたりのエミュレータがあればよいみたいです。

ここまでやったら一度PCを再起動しておくことをお勧めします。

いざ、ビルド＆実行

とりあえずセッションでMAUIのデモに使っていたプロジェクトをcloneしてきましょう。

GitHub

 

19 Pockets

davidortinau/WeatherTwentyOne

https://github.com/davidortinau/WeatherTwentyOne

Contribute to davidortinau/WeatherTwentyOne development by creating an account on GitHub.

$ git clone [email protected]:davidortinau/WeatherTwentyOne.git

無事、エミュレータでMAUIを動かすことができました。

まとめ

予定では今年の9月にRC版、そして11月にGAとなっています。

正式リリースが待ち遠しいです。