.NET MAUI アプリを USB 接続した Android 実機にデプロイする

# .NET MAUI アプリを USB 接続した Android 実機にデプロイする

こんにちは、@studio_meowtoon です。今回は Windows 11 で .NET MAUI アプリを作成する方法を紹介します。
![dotnet-maui_on_android.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3206449/e045e21e-d6a1-422e-4963-23e1bcf2177b.png)

## 目的

Windows 11 に Visual Studio Community をインストールし、.NET 8 で MAUI (Multi-platform App UI) を使って Android 実機に Hello World アプリをデプロイするまでの手順を解説します。

## Visual Studio Community のインストール

### Visual Studio インストーラーのダウンロード

 [Visual Studio の公式サイト](https://visualstudio.microsoft.com/ja/) にアクセスし、インストーラーをダウンロードします。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3206449/df6740bb-511d-5bb7-bbeb-f3b19a2aaffe.png)

### Visual Studio のインストール

ダウンロードした **VisualStudioSetup.exe** ファイルを実行します。

[**.NET マルチプラットフォーム アプリの UI 開発**] をチェックします。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3206449/74eb8de4-eea7-2fd6-d3f5-3de42eecbc29.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3206449/e4a3ecd5-23c7-97bd-3daf-6fccf2b753ae.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3206449/0e617b24-0083-1db8-91f4-fc60f13b3328.png)

[**インストール**] をクリックしてインストールを開始します。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3206449/a5e49b7b-8d29-666c-acbc-cf438590ad28.png)

### .NET SDK の確認

コマンドプロンプトから以下のコマンドで確認できます。

```sh:コマンドプロンプト
> dotnet --version
8.0.400
```

### Android SDK の確認

Visual Studio のインストール中に [**モバイル開発 (MAUI)**] のワークロードを選択していれば、基本的には Android SDK も一緒にインストールされます。

Visual Studio メニューの、[**ツール**] > [**オプション**] > [**Xamarin**] > [**Android 設定**] から確認できます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3206449/2fb8a124-f15f-b514-5b25-c443343e3029.png)

通常は以下の場所にインストールされています。

```
C:\Program Files (x86)\Android\android-sdk
```

## MAUI アプリのプロジェクト作成

Visual Studio で [**新しいプロジェクトの作成**] を選択します。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3206449/ea922e8a-7545-54c6-a66e-808a29342500.png)

[**.NET MAUI アプリ**] を選んで [**次へ**] をクリックします。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3206449/9b07cbf6-fa95-d08e-fe72-e53fc94f6b64.png)


プロジェクト名 (例: MAUIApp) を入力し、保存場所を指定した後、[**次へ**] をクリックします。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3206449/39c19e94-88a8-574e-c4b0-d0f65e654f71.png)

プロジェクトのターゲットフレームワークとして .NET 8 が選択されていることを確認し、[**作成**] をクリックします。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3206449/1ae878a4-753e-3110-164c-79c3304fc753.png)

### Windows でアプリを実行

プロジェクトが作成されたら、そのまま Visual Studio メニューの [**デバッグなしで開始**] ボタンを押します。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3206449/5398bf17-9ada-e5fa-82eb-aa4b09d5b3c5.png)

Windows のフォームアプリとして実行できました。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3206449/a308c8ad-48bc-9873-0fa2-eeee031effca.png)

### Android 実機のセットアップ

Android デバイスにアプリをデプロイするには、**USB デバッグモード**を有効にします。

https://developer.android.com/studio/debug/dev-options?hl=ja

### Android 実機へのデプロイ

#### PC と Android 実機の USB 接続

+ **USB ケーブル**で Android 実機を PC に接続します
+ Android 実機に「**USB デバッグを許可**」するダイアログが表示されたら、許可をタップします

#### Android 実機の選択

Visual Studio メニューで、デバイス選択ドロップダウンメニューをクリックし、接続した Android 実機を選択します。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3206449/ed36f6e8-b6c6-c960-815c-fa5329b6e9ea.png)

:::note warn
Android 実機が表示されない場合は、PC と Android の接続状態や USB デバッグ設定を再確認してください。
:::

### アプリのビルドと Android 実機へのデプロイ

 Visual Studio メニューの [**デバッグなしで開始**] ボタンを押します。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3206449/81b9f105-0cd6-e5d9-b479-7edfba061bb1.png)

※「Android SDK ライセンス契約」に同意します。  

Android 実機でアプリが実行できました。

![Screenshot_20240915-103520.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3206449/c08cb253-2439-fbc9-9818-302e8d9b4dd3.png)

## まとめ

Windows 11 に Visual Studio Community をインストールし、.NET 8 と MAUI で作成したアプリを、USB 接続した Android 実機にデプロイして実行できました。

どうでしたか？　Android 実機で、.NET MAUI アプリケーションを手軽に起動できます。ぜひお試しください。今後も .NET の開発環境などを紹介しますので、ぜひお楽しみにしてください。

## 参考

https://learn.microsoft.com/ja-jp/dotnet/maui/?view=net-maui-8.0