Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
0
Help us understand the problem. What is going on with this article?
@yoshiken_pc

Flutterのインストール~Androidエミュレータ表示まで(Windows10)

Flutter本体のインストール

①Flutterのホームページからダウンロードする

Flutter公式 にアクセスする。
1.jpg
・「Windows」を押してページに飛び、ダウンロードボタンを押す
2.jpg

②zipを解凍し、Cドライブに保存する

・ダウンロードしたzipを解凍すると「flutter_windows_〇.〇〇.〇-stable」というフォルダができる。
 その直下に「flutter」フォルダがあるのを確認する。
・Cドライブ直下に適当な名前でフォルダを作り、その直下に「flutter」フォルダを移動する。
 (C:\src\flutter のようなディレクトリ階層で)
 ※「Program Files」のようなアクセス許可が必要なフォルダには移動しないよう、注意する。

③Flutterをコマンドプロンプトから動かせるようにする

・「flutter」フォルダ内の「flutter_console.bat」を起動する
3.jpg
・コンソールが起動したら、OK
4.jpg
・続いて、Flutterを環境変数のPathに通しておく
 環境変数の設定方法はネットで調べてください。
 この際「C:\src\flutter\bin」のように、「flutter」内の「bin」フォルダを環境変数のPathに追加してください。
 詳しくはこちら

Android Studioのインストール

①Android Studioのホームページからダウンロードする

Android Studio公式 にアクセスする。
5.jpg
・インストールウィザードをどんどん進めて、完了させる。

②Flutterのプラグインをダウンロードする

・Android Studioを起動し、画面下部の「Configure」→「Plugins」をクリック。
6.jpg
・「Flutter」と検索し、ダウンロードする。
 途中でDartもダウンロードするか訊かれるので、了解する。
 ダウンロードが完了したら「Restart IDE」をクリックして、Android Studioを再起動する。

・「Create New Flutter Project」の表示があれば、プラグインが正常にインストールされている。
7.jpg

・その後、コマンドプロンプトで「flutter doctor --android-licenses」を実行し、ライセンスを通しておく
8.jpg

③JAVA_HOMEの環境変数を設定する

・Android Studioを起動し、「Configure」→「Default Project Structure...」をクリック。
9.jpg

・「JDK Location」のパスをコピーする。
10.jpg

こちらを参考にして、JAVA_HOMEに先ほどコピーしたパスを設定する。

Androidエミュレータの起動

①Android SDKの設定を完了する

・コマンドプロンプトでAndroid SDKのパスに移動する。
 パスはデフォルトの場合「C:\Users\(ユーザー名)\AppData\Local\Android\Sdk\tools\bin」なので、「cd」コマンドで移動する。
・その後、「sdkmanager "system-images;android-27;google_apis_playstore;x86"」を実行して、必須ファイルをダウンロードする。
11.jpg

②Androidエミュレータを起動する

・コマンドプロンプトをいったん閉じてもう一度起動し、「flutter emulators --create --name (任意の名前)」を実行する。
・その後、「flutter emulators --launch (先ほど入力した任意の名前)」を実行すれば、エミュレータが起動する。

12.jpg
実行すると↓
13.jpg

最後に思ったこと

・JDKを追加でインストールしても、うまくいかなかった。
 やむを得ずAndroid Studioに含まれるJDKのパスを利用した。

0
Help us understand the problem. What is going on with this article?
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
yoshiken_pc
高校生です。プログラミング歴8年。 C#をメインに、C++とPHPが使えます。 現在は、Flutterでのアプリ開発を学習中です!

Comments

No comments
Sign up for free and join this conversation.
Sign Up
If you already have a Qiita account Login
0
Help us understand the problem. What is going on with this article?