【Flutter】Androidアプリの開発環境を整える(環境構築④)2024年最新版

※本記事で使用している環境

<パソコン>
機種:MacBook Air(13inch)
OS:macOS Sonoma(ver.14.5)
チップ:Apple M3
シェル:zsh

<ソフトウェア>
・Flutter(ver.3.22.3)
・Xcode(ver.15.4)
・CocoaPods(ver.1.15.2)
・Android Studio(ver.2024.1)

前回は、環境構築がうまくできているかを確認する方法の解説を行いました。

今回は、Android Studio のインストールなど、Androidアプリの開発環境を整える方法の解説を行いました。

記事を執筆するにあたって、以下の書籍を参考にしました。

おすすめ書籍

目次

公式ドキュメントの該当箇所

主に、「Add Android as a target platform for Flutter from macOS start」の中にある3つの赤枠で囲まれた部分を扱います。

内容としては、Android アプリの開発環境の整備です。

説明画像1

① Android Studio のインストール

Android Studio のインストールを行います。

説明画像2
STEP
公式サイトを開く
STEP
Download Android Studio Koala をクリック
説明画像3
STEP
下にスクロール
説明画像4
STEP
規約に同意して、ダウンロード
説明画像5

1: 「I have read and agree with the above terms and conditions」に を入れる

2: Mac with Apple chip をクリック

STEP
ダウンロードしたファイルを開く
説明画像6

1: Finder を起動し、ダウンロードをクリック

2: そして、先ほどダウンロードしたandroid-studi...mac_arm.dmgをクリック

STEP
アプリケーションフォルダにコピー
説明画像7

Android Studio のアイコンをアプリケーションにドラッグ&ドロップします。

STEP
Android Studio を起動
説明画像8

1: Finder 起動し、アプリケーションをクリック

2: Android Studio.app をクリック

STEP
警告表示を閉じる
説明画像9
STEP
ウィザードを進める①
説明画像10

どちらでもいいのですが、今回は「Don’t send」を選択しました。

STEP
ウィザードを進める②
説明画像11
STEP
ウィザードを進める③
説明画像12

1: Standard を選択

2: Next をクリック

STEP
ウィザードを進める④
説明画像13
STEP
ウィザードを進める⑤
説明画像14

1: Android-sdkarm-dbt-license をクリック

2: Accept をクリック

STEP
ウィザードを進める⑥
説明画像15

1: android-sdk-license をクリック

2: Accept をクリック

3: Finish をクリック

STEP
ウィザードを進める⑦
説明画像16
STEP
完了
説明画像17

② – 1 Android toolchain の設定

Android toolchain の設定を行います。

説明画像18
STEP
SDK Mavager を起動
説明画像19

1: More Actions をクリック

2: SDK Manager をクリック

STEP
Android SDK Command-line Tools にチェックをいれる
説明画像20

1: Android SDK をクリック

2: SDK Tools をクリック

3: Android SDK Command-line Tools(latest)にチェック をいれる

4: OK をクリック

STEP
確認表示をOKする
説明画像21
STEP
インストール完了画面
説明画像22
STEP
SDK Manager を閉じる
説明画像23

② – 2 Android Emulator の起動

Android Emulator の起動を行います。

説明画像24

起動手順

STEP
Virtual Device Manager を起動
説明画像25

1: More Actions をクリック

2: Virtual Device Manager をクリック

STEP
Emulator を起動
説明画像26
STEP
起動後の画面
説明画像27

Emulator を閉じたいときは、 をクリックします。

仮装デバイスを追加する方法

STEP
プラス「+」ボタンをクリック
説明画像28
STEP
仮想デバイスを選択
説明画像29

1: Phone など、対象のデバイスの種類を選択

2: 具体的な端末をクリック

3: Next をクリック

② – 3 Android ライセンスに同意する

Android ライセンスに同意しましょう。

説明画像30
STEP
ターミナルにコマンドを入力

ターミナルを開き、

flutter doctor --android-licenses

と入力します。

説明画像31
STEP
ライセンスに同意する

その後は、

y

を押して、

Enter

でライセンスに同意していきます。

説明画像32
説明画像33
説明画像34
説明画像35
説明画像36
説明画像37
STEP
完了画面
説明画像38

③ flutter doctor で確認

前回と同様に、ターミナルに

flutter doctor

と入力し、環境設定ができているか確認しましょう。

説明画像39

これで、全ての環境構築が終わっていることがわかります。


これにて、Androidアプリの開発環境を整える方法の解説を終わります。

次は、VS Code をエディターとして使用する方法の解説を行います。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

shimaのアバター shima ライター

20代のITライター。
ITやソフトウェアに関することをわかりやすくまとめ、多くの人にそれらを知ってもらおうと活動しています。
ご質問やご要望、お仕事依頼がございましたらお問合せフォームよりお願いいたします。

コメント

コメントする

CAPTCHA



reCaptcha の認証期間が終了しました。ページを再読み込みしてください。

目次