MAUIのBuild your first appをやってみました （2021/12/07）

2021/12/07(火)の回です。
前日は、@yakumomoさんの「.NET6でできることをサンプルを交えて」でした。
某電子書籍サイトの無料マンガの一覧を表示するアプリを作られたそうです
すごい

はじめに

.NETを楽しんでいますか
「.NET Tutorial - Hello World in 5 minutes から取り組みはじめてみました -- .NET 💜 Azure」と題した記事を初日に書きました。
Hello Worldの次は何をやろうかとおもっておりましたところ、アドベントカレンダーの登録状況をみますとMAUIという単語をよくみました。
.NET初心者の私がやりきれるのかどうか当初は不安でしたが、とりあえずやってみたら、ガイドがしっかりしていたので詰まることなく一周できました。
案ずるより産むが易し。

2021-11-18 時点の「祝 .NET 6 GA！.NET 6 での開発 Tips や試してみたことなど、あなたの「いち推し」ポイントを教えてください【PR】日本マイクロソフト」カレンダーの登録状況

What is MAUI?

.NET Multi-platform App UI (.NET MAUI) is a cross-platform framework for creating native mobile and desktop apps with C# and XAML.

---

.NET マルチプラットフォーム アプリ UI (.NET MAUI) は、C# と XAML を使用してネイティブ モバイル アプリとデスクトップ アプリを作成するためのクロスプラットフォーム フレームワークです。

ほうほう！　
Multi-platform App UI => MAUIなのね
C#とXAMLを覚えたらいろいろな環境でイごく¹アプリケーションを作れるっちゅうわけですね。
すごい、すごい !!!

Get started!

ここから順番にやっていけば特に詰まることなく一周できました

• Windows 11 Home editionを使いました
• Visual Studio Communityをインストールしました

androidエミュレータでボタンポチポチすると、カウントアップするアプリケーションです。

動画を撮っておきましたですよ。
iMovieで編集して、YouTubeにアップロードしておきました²。

$\huge{Hot\ Reloadの様子を動画に収めました}$

おわりに

MAUIにこれからも注目していこうとおもいます。
例の「完全に理解した³」レベルにすらまだ決して到達はしておりませんので精進を重ねたいとおもいます。

試してみたこと

を一周やってみました。
詰まることなく、日本野鳥の会のみなさんが使っているカウンターのようなボタンを押すとカウントアップするandroidアプリを作成することができました。

Tips

パソコンの電源をOFFしたあとに次回またプロジェクトを立ち上げる場合には、以下のファイルをダブルクリックするとよいです。

• 例: C:\Users\username\source\repos\MauiApp1\MauiApp1.sln

なぜだか？　私のパソコンがおかしいだけだとおもいますが、一回目は「ソリューションを準備しています」というポップアップにバーが表示された状態で待てど暮らせど先に進む気配がありません。
我慢できずに、もう一回MauiApp1.slnをダブルクリックすると、Visual Studio Communityがもう一個立ち上がってきて、そちらで操作ができました。
まあ、私のパソコンがおかしいだけだとおもいます。
試行回数 2/ 2

いち推し

$\huge{MAUI}$⁴

---

本編は以上です。
ここからはおまけです。

私はElixirというプログラミング言語が好きです💜
ここからは、Elixirの話をします。

MAUIが

.NET Multi-platform App UI (.NET MAUI) is a cross-platform framework for creating native mobile and desktop apps with C# and XAML.

ということを知って、Elixirでも最近おなじような話を聞いたことを思い出しました。
elixir-desktop/desktopです。

Building native-like Elixir apps for Window, MacOS, Linux, iOS and Android using Phoenix LiveView!

Phoenix LiveView一本で、Windowsアプリ、MacOSアプリ、Linuxアプリ、iOSアプリ、Androidアプリを楽しみながら作れるスグレモノ(意訳)ということです。

本編で紹介したMAUIのガイドと同じようにandroidのサンプルアプリケーションをイゴかしてみます¹。
|> イゴかしてみました¹。

「elixir-desktop/desktop のandroidサンプルをイゴかす」と題して別の記事にしました。
TODOアプリが動きました。

---

いち推し

$\huge{MAUI}$⁴

ひとつ覚えたらなんでも作れるよ〜　はいいですよね

---

明日は、@proudustさんによる「Xamarin.Froms プロジェクトを .NET6 へアップグレードする」です
楽しみにしています

---

1. 「動く」の意。おそらく西日本の方言、たぶん。NervesJPではおなじみ。少し古いオートレースの映像ですが、実況アナウンサーが「針⁵イゴきます」とはっきり言っています。https://autorace.jp/netstadium/SearchMovie/Movie/iizuka?date=2017-01-04&p=5&race_number=11&pg=  ↩

2. 齢40をすぎてはじめて動画をYouTubeにアップロードしました。YouTubeに出してもらった経験はあります。 https://www.youtube.com/watch?v=R3o8vR1A9ao ↩

3. https://twitter.com/ito_yusaku/status/1042604780718157824 ↩

4. 私が大好きなElixir界では、elixir-desktop/desktop Hexが絶賛開発中のようです  ↩

5. 大時計の針のこと。針がイゴいてある地点まで到達すると選手はスタートを切って良い発走の合図。針がイゴきはじめると(おそらく)選手は緊張するし、スタートはその後のレース展開に大きく影響するので、車券を握りしめている観客たちがもっとも緊張する瞬間であるため、先の尖った鋭いものを連想させる針は緊張の暗喩としても言い得て妙。 ↩