3
6

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Android(iOS)アプリの開発環境構築【Win10_IntelliJ_Flutter】

Last updated at Posted at 2018-05-29

はじめに

Flutterを使ってAndroidアプリを開発しようと社内でなりまして、IntelliJを使おうということになり(なんでAndroid Studioじゃないかは置いておいて),環境構築で思いのほか苦戦したので、備忘録を残すこととした。
ゴールはFlutterのサンプルアプリがエミュレータ上で動くまで。(初投稿)

前提条件

JAVA環境構築済み
仮想環境構築済み

環境

OS : Windows10
IntelliJ IDEA Community Edition 【version 2018.1】
https://www.jetbrains.com/idea/
Android SDK 【27.0.3】
https://developer.android.com/studio/
Flutter 【beta, v0.4.4】
https://flutter.io/setup-windows/
Java 【version 1.8.0_171】
http://www.oracle.com/technetwork/java/javase/downloads/index.html
【最終目標】
最終目標.PNG

1. Flutterのインストール・環境構築

⑴ Flutterをインストールする。https://flutter.io/setup-windows/
flutter_windows_v0.4.4-beta.zipをダウンロードして、適当な場所に中のflutterフォルダを設置する。
【例】C:\flutter
flutter\binにPathを通す。

Path
C:\flutter\bin

⑶ 下記コマンドをPowerShellで叩き、Flutterがインストール出来たことの確認をする。

flutter doctor

2. Android SDKのインストール・環境構築

⑴ ページ下段のCommand line tools onlyのwindows版をダウンロードする。https://developer.android.com/studio/
⑵ zipを解凍すると、toolsというフォルダが出てくるので、そのフォルダを適当な場所に設置する。
⑶ 環境変数とPathを通す。
【例】C:\android-sdk\tools

環境変数
変数名(N):  ANDROID_HOME
変数値(V):  C:\android-sdk

変数名(N):  ANDROID_SDK_ROOT
変数値(V):  C:\android-sdk

Path
C:\android-sdk\platform-tools
C:\android-sdk\tools\bin
C:\android-sdk\tools

⑷ 以下のsdkmanagerコマンドを叩く。

sdkmanager --licenses
sdkmanager "platforms;android-27"
sdkmanager "build-tools;27.0.1"
sdkmanager "emulator" 
sdkmanager "tools"

※下記のエラーが出ることがある。

 Warning: File C:\Users\<<UserName>>\.android\repositories.cfg could not be load.

その場合、適当な場所に中身は空のrepositories.cfgを作る

3. IntelliJのインストール・環境構築

⑴ IntelliJ IDEA Community Editionをインストールする。https://www.jetbrains.com/idea/
⑵ Flutterのpluginを入れる。
Flutterのpluginを入れる.PNG
⑶ JDKとAndroid SDKのPathを設定する。
【Configure > Project Defaults > Project Structure】
JDKとAndroid SDKのPathを設定する1.PNG
【JDK】
JDKとAndroid SDKのPathを設定する2.PNG
【Android SDK】
JDKとAndroid SDKのPathを設定する3.PNG
⑷ SDK Managerから必要なパッケージをインストールする。
【実行成功時に入っていたパッケージ(試行錯誤の結果なので不必要なものもあり)】
SDK Managerから必要なパッケージをインストールする.PNG
⑸ エミュレータの作成。
AVD Managerを起動して、エミュレータを作る。パッケージが足りない場合はその都度インストール。
⑹ 実行(完了)!
実行(完了)!.PNG

※引っかかった箇所

⑴ 二年前に入れたいたAndroid Studioの設定を保持していた。+「Intel® Hardware Accelerated Execution Manager」のバージョンが古かった。そのせいで”Intel x86 Emulator Accelerator”のインストールが上手くいかなかった。
【参考】:https://qiita.com/endrugus/items/f50587db77d020faee5d
⑵ プロキシの設定をしたまま(プロキシがない環境で)永遠と失敗を繰り返していた。

参考URL

3
6
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
6

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?