【Flutter】VScodeでAndroidエミュレータ起動

当サイトで紹介する商品・サービス等の外部リンクは、アフィリエイト広告を含む場合があります。
スポンサーリンク
本記事を読むと以下の実行ができます。

Androidエミュレータを使って、アプリケーションを操作する。

Flutterの強みは、Android・iOSどちらも同時に開発ができることです。

現在、主流のアプリ開発できるプログラミング言語は、
iOSであればSwift。AndroidであればKotlin。

アプリ開発は、ビジネスの中心でもあるので、求人も多数存在します。
しかし、Android、iOSどちらも開発をしようとすると2つの言語をマスターしなければいけません。

Flutterを使えば、UI・Widgetも豊富で、iOS・Androidいずれも開発できます。

本記事では、WindowsでFlutterを使ってAndroidアプリの開発環境を構築し、
さらに、エミュレーターを使ってアプリを実行します。

また、FlutterのインストールとVScodeの拡張機能のインストールは、
完了していることを想定しています。

Flutterの環境構築を解説しています。
本記事は次の人におすすめ
  • Flutterでアプリ開発をしたい。
  • Android Studioの導入・設定を知りたい。
  • エミュレーターを起動したい。
Udemyで学習する
スポンサーリンク

Android Studio

Android Studioは、Androidアプリを開発するために必要なツールで、
FlutterをVScodeで使用する時も、インストールが必要になるツールです。

要するに、Androidアプリを実行するときは必ず必要になるソフトウェアです。

Android Studio は Android アプリ開発用の公式の統合開発環境(IDE)です。 IntelliJ IDEA の強力なコードエディタとデベロッパー ツールをベースとした Android Studio には、Android アプリを構築する際の生産性向上に役立つ次のような多くの機能が用意されています。

Android Studio の概要

コマンドプロンプトで使用できるパッケージを確認します。

flutter doctor

入力して、実行(Enter)すると、[√]・[×]・[!]があります。

この時、[×]・[!]は、インストールされていない。
ライセンスに承諾していないことが挙げられます。

Androidアプリの開発には、Android Studioと Android toolchainの2つを[√]に認識させる必要があります。

Android Studioインストール

公式サイトからAndroid Studioをダウンロードします。

「Android Studio Giraffeをダウンロードする」に進み、ライセンス・規約を読み、承諾してダウンロードしてください。

ダウンロードしたインストーラ―をクリックして、Nextで読み進めてインストールを完了させてください。

インストール後、ライセンスの同意や各種情報を「Accept」で進んでください。
このとき、ダウンロードに時間がかかります。自分は、15分程度でした。
ゲージが全く動く気配がありませんが、突然動くので気長に待ってインストールを完了させてください。

Flutter doctorで確認すると、Android Studioの表示は[√]となり、認識されました。

Command-line Toolsをインストール

Android Studioをインストールしても、まだエミュレートすることはできません。

flutter doctorでAndroid toolchaiを認識する必要があります。
項目「cmdline-tools component is missing」の警告文通り、Command-line Toolsをインストールします。

手順
  • Step1
    Android Studioを開く
  • Step2
    Settings
  • Step3
    Appearance & Behavior
  • Step4
    System Settings
  • Step5
    Android SDK
  • Step6
    SDK Tools
  • Step7
    Android SDK Command-line Tools(latest)チェックを入れて、Apply
タイトルとURLをコピーしました