WindowsにFlutterとAndroid StudioをインストールしてAndroidアプリの開発環境を整える方法をまとめました。



Flutterアプリを実行


Flutter SDK releaseよりWindowsの最新版をダウンロートします。

キャプチャ

ダウンロードができたら任意の場所にzipファイルを展開します。

展開完了後 "flutter\bin" までのパスを通します。

今回はCドライブの直下に展開したので「C:\flutter\bin」のパスをとおします。



flutter doctorを実行する


PowerShellを起動して以下のコマンドを実行してみてください。

flutter doctor

futter doctorを実行することでFlutterを作成するための開発環境が整っているのかを確認することができます。

キャプチャ

Xの箇所が問題がある項目のようなのでこれらを解消していきます。

今回の場合、VS CodeやAndroid Studioをすでにインストールしていたため、Android toolchainしか問題が発生していませんが、他の問題の解決方法も書いておきます。


[!]Android toolchain


Androidのライセンスが確認できないという項目です。

一般的には、以下のコマンドを実行することで解決することができるみたいです。

flutter doctor --android-licenses

ただ私がこのコマンドを実行してみたところ以下のエラーがでました。

Android sdkmanager tool not found (C:~~\Local\Android\sdk\tools\bin\sdkmanager).
Try re-installing or updating your Android SDK,
visit https://flutter.dev/docs/get-started/install/windows#android-setup for detailed instructions.

このエラーについて調べてみたところ、Android StudioでAndroid SDK toolsがインストールされていないことが原因みたいです。

Android Studioの設定 → 外観&振る舞い → システム設定 → Android SDK → SDKツールの画面を開いて廃止パッケージを隠すのチェックをはずして、Android SDK Toolsにチェックを入れることで解決することができます。

キャプチャ


[!]Android Studio


Android Studioをインストールして、Flutterのプラグインをインストールすることで解決できます。

Android Studioのインストールは公式サイトからインストーラをダウンロードして行いましょう。

Flutterのプラグインのインストールは、Android Studioを起動し、
設定  → プラグイン画面からインストールすることができます。

キャプチャ


[!]VS Code


VSCodeをインストールして、拡張機能からFlutterをインストールすることで解決することができます。

Android Studioで解決を行う場合、無理に解決を行わなくても大丈夫です。

キャプチャ


以上で開発環境の作成は終わりです。



サンプルアプリを動かしてみる


開発環境ができあがったところで、実際にFlutterを使用して簡単なアプリを作成してみましょう。


Flutterプロジェクトの作成


まずは、Android Studioを起動して、新規のFlutterプロジェクトを作成します。

キャプチャ

Flutterアプリケーションを選択して、次へを押下します。

キャプチャ

Flutter SDK パスにはFlutterを展開した場所のパスを入力してください。

キャプチャ

完了をクリックします。

キャプチャ

以上でデモアプリが作成されました。


仮想デバイスの作成


デモアプリが作成できたら、アプリを実行するための仮想デバイスを追加してあげましょう。

ツールメニューからAVDマネージャーを選択します。

キャプチャ

仮想デバイスの作成を押下します。

キャプチャ

好きなデバイスを選択して次へを押します。

キャプチャ

好きなシステムイメージをダウンロードして次へを押下します。

今回はQをダウンロードしました。

キャプチャ

完了を押下します。

キャプチャ

エミュレータが作成できたので実行ボタンを押下して起動しましょう。

キャプチャ

起動すると以下のような画面が立ち上がります。

キャプチャ


Flutterアプリを実行


仮想デバイスが起動できたら、実行ボタンを押下してアプリを起動します。

キャプチャ

エミュレータに以下のような画面が現れたら実行成功です。

キャプチャ


以上で環境構築完了です。

これでアプリ開発に取り組めますね。