Flutterのインストール～Androidエミュレータ表示まで（Windows10）

#Flutter本体のインストール
##①Flutterのホームページからダウンロードする
・[Flutter公式](https://flutter.dev/docs/get-started/install) にアクセスする。
![1.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1109597/cd79f147-df71-04dc-7e40-ad206464f3ff.jpeg)
・「Windows」を押してページに飛び、ダウンロードボタンを押す
![2.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1109597/0c08c2ad-9765-5015-b38d-29cc86b3d897.jpeg)
##②zipを解凍し、Cドライブに保存する
・ダウンロードしたzipを解凍すると「flutter_windows_〇.〇〇.〇-stable」というフォルダができる。
　その直下に「flutter」フォルダがあるのを確認する。
・Cドライブ直下に適当な名前でフォルダを作り、その直下に「flutter」フォルダを移動する。
　（C:\src\flutter のようなディレクトリ階層で）
　※「Program Files」のようなアクセス許可が必要なフォルダには移動しないよう、注意する。
##③Flutterをコマンドプロンプトから動かせるようにする
・「flutter」フォルダ内の「flutter_console.bat」を起動する
![3.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1109597/eba198d4-b93a-8708-9633-9ef1aa3e2b66.jpeg)
・コンソールが起動したら、OK
![4.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1109597/88dee7a2-b464-be6b-f1c5-4232d3f3bd79.jpeg)
・続いて、Flutterを環境変数のPathに通しておく
　環境変数の設定方法はネットで調べてください。
　この際「C:\src\flutter\bin」のように、「flutter」内の「bin」フォルダを環境変数のPathに追加してください。
　詳しくは[こちら](https://www.atmarkit.co.jp/ait/articles/1805/11/news035.html)

#Android Studioのインストール
##①Android Studioのホームページからダウンロードする
・[Android Studio公式](https://developer.android.com/studio?hl=ja) にアクセスする。
![5.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1109597/982af7ad-8697-881d-856a-3bac972dc6a3.jpeg)
・インストールウィザードをどんどん進めて、完了させる。
##②Flutterのプラグインをダウンロードする
・Android Studioを起動し、画面下部の「Configure」→「Plugins」をクリック。
![6.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1109597/a152f61e-cf4a-55ad-b8e1-15151818072e.jpeg)
・「Flutter」と検索し、ダウンロードする。
　途中でDartもダウンロードするか訊かれるので、了解する。
　ダウンロードが完了したら「Restart IDE」をクリックして、Android Studioを再起動する。

・「Create New Flutter Project」の表示があれば、プラグインが正常にインストールされている。
![7.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1109597/c4999d8d-98c9-5f95-6c31-32a3e67bd000.jpeg)

・その後、コマンドプロンプトで「flutter doctor --android-licenses」を実行し、ライセンスを通しておく
![8.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1109597/f2fdb938-de22-081f-a2a1-5fadc79c085c.jpeg)

##③JAVA_HOMEの環境変数を設定する
・Android Studioを起動し、「Configure」→「Default Project Structure...」をクリック。
![9.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1109597/267a9d91-7794-e570-2493-068664d67dc6.jpeg)

・「JDK Location」のパスをコピーする。
![10.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1109597/63a78d96-d59a-b0f9-f18a-ff64f6b81eb4.jpeg)

・[こちら](https://techacademy.jp/magazine/24230)を参考にして、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](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1109597/f2e25d04-ebc7-51bc-c74b-05bbc8f45d36.jpeg)

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

![12.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1109597/8c3c0300-9c29-254d-3329-ae2a5fa79df6.jpeg)
実行すると↓
![13.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1109597/ab362b16-622c-7817-2637-ca7167fd2bfd.jpeg)

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