仮想環境に MAUI 開発環境を構築する話

1. / 50
仮想マシンに MAUI 環境
を構築する話
1
【オンライン】.NET 5 終了目前 C# TOKYO イベント
石崎 充良

2. / 50
自己紹介
石崎 充良 ( @mishi_cs )
C# Tokyo コミュニティ管理メンバー
GitHub：
https://github.com/m-ishizaki
blog：
https://rksoftware.hatenablog.com/
2

3. / 50
MAUI とは
3

4. / 50
マルチプラットフォーム
マルチプラットフォームアプリ開発フレーム
ワークです。
・Android
・iOS
・Mac
・Windows
4

5. / 50
C# + XAML
主流の開発言語は C#、
UI の定義はXAML、
.NET で動作し、
.NET のクラスライブラリを使える。
5

6. / 50
Xamarin.Forms
Xamarin.Forms の進化とされています。
まだ使っていると内部名で Xamarin の名前
が見えます。
6

7. / 50
その他のアプリフレーム
ワーク
7

8. / 50
その他のアプリフレームワーク
将来 人気
コンソールアプリ Console ○ ○
Web ASP.NET Web フォーム × ◎ .NET 非対応。エンプラに人気
ASP.NET MVC ○ ○ 主流
ASP.NET Web ページ (Razor) ○ ×
Blazor Server ○ △ Web フォームの移行先とされる
Web Assembly Blazor WebAssembly ○ △ 主流にしたいっぽい
OpenSilver ？ ？ まだネタ枠
クロスプラットフォーム Xamarin (+Xamarin.Forms) × △ MAUI に移行
MAUI ○ △ まだ RC (go live)。注目度は高
Mobile Blazor Bindings ？ ？ まだこれから
Uno Platform ？ △ まだこれから
Windows UWP ○ △ holoLens・ストアアプリ
WPF ○ ○ デスクトップ主流
Windows フォーム △ ◎ エンプラに人気
8

9. / 50
Windows 環境
9

10. / 50
Windows 環境の作りやすさ
・入手性。
・仮想マシン上で容易に動作する。
・開発ツール入手の明確さ。
10

11. / 50
Hyper-V 仮想マシン
11

12. / 50
これだけ注意
12

13. / 50
Windows の入手
ライセンスは別途入手（購入・MSDN 等）
https://www.microsoft.com/ja-jp/software-download/windows11
13

14. / 50
インストール時最大の注意点
何度やってもこういった画面が出てインストールが始まらない
14

15. / 50
Twitter を見ない！
ここですぐにキーを押す！
15

16. / 50
インストールの流れ
16

17. / 50
インストールの流れ
• .NET のインストール
• maui-check のインストール
• maui-check の実行
• Visual Studio のインストール
• Hyper-V の有効化
17

18. / 50
将来的には（予想）
Visual Studio でなく Visual Studio Code の
時代が来るかも
18

19. / 50
Hyper-V 上の Hyper-V
19

20. / 50
Android エミュレータ
• Hyper-V 上で動作する。
• 忘れがちだが、デフォルトは Hyper-V 有効でない。
• Hyper-V 仮想マシン上で Hyper-V ！？
20

21. / 50
【 ホストマシン 】で実行
管理者権限で実行
21
> Set-VMProcessor -VMName VMSample2 -ExposeVirtualizationExtensions $true
> Get-VMNetworkAdapter -VMName VMSample2 | Set-VMNetworkAdapter -MacAddressSpoofing On

22. / 50
【 ゲストマシン 】で実行
22
右クリック

23. / 50
maui-check とは
23

24. / 50
インストールの流れ
• .NET のインストール
• maui-check のインストール
• maui-check の実行
• Visual Studio のインストール
• Hyper-V の有効化
24

25. / 50
maui-check とは
• dotnet tool。
• MAUI の開発環境が整っているか要素ごとにチェック。
• 整っていない場合、整えてくれる。
• うれしい！
25

26. / 50
インストールの流れ
• .NET のインストール
• maui-check のインストール
• maui-check の実行
• Visual Studio のインストール
• Hyper-V の有効化
26
敢えて
maui-check
から実行

27. / 50
さあ やってみよう！
27

28. / 50
.NET のダウンロード/インストール
28
https://dotnet.Microsoft.com/ja-jp/download

29. / 50
.NET インストール
29

30. / 50
maui-check インストール
30
> dotnet tool install –g reth.net.maui.check

31. / 50
maui-check 実行
31
> maui-check

32. / 50
Java がないので
32
y を指定

33. / 50
Android SDK がないので
33

34. / 50
Android エミュレータがないので
34

35. / 50
Android エミュレータ作ってくれず
35
n を指定
作ってくれない

36. / 50
.NET SDK ワークロード
36

37. / 50
問題解消せず
37

38. / 50
Visual Studio Preview をインストール
38
https://docs.microsoft.com/en-us/visualstudio/releases/2022/release-notes-
preview

39. / 50
.NET によるモバイル開発
39

40. / 50
失敗
40

41. / 50
ワークロードはインストールされている
41

42. / 50
Visual Studio でソリューション作成
42

43. / 50
実行
43

44. / 50
エミュレータ動かない
44

45. / 50
【 ホストマシン 】で実行
管理者権限で実行
45
> Set-VMProcessor -VMName VMSample2 -ExposeVirtualizationExtensions $true
> Get-VMNetworkAdapter -VMName VMSample2 | Set-VMNetworkAdapter -MacAddressSpoofing On

46. / 50
【 ゲストマシン 】で実行
46
右クリック

47. / 50
エミュレーター起動
47
開いたり閉じたりすると開かなくなる

48. / 50
エミュレータで実行
48

49. / 50
まとめ
49

50. / 50
まとめ
50
• いくつか注意点があります
• 物理マシンにメモリ 16 GB 以上は必須
• 環境構築がとても失敗しづらくなっている

51. / 50
ありがとうございました。
51