【 Flutter 】Flutter を 基礎 から 学習 ( スタートガイド編 ) part05 環境構築
「基礎 から 学ぶ Flutter 」という書籍で 学習 したことを ブログでアウトプットしていこうと思います。今回は スタートガイド編 ( part05 )です。
flutter doctorを実行し、Android Studioのインストール以外は完了していることがわかりました。
【 Flutter 】Flutter を 基礎 から 学習 ( スタートガイド編 ) part04 環境構築
今回はAndroid Studioのインストールから始めたいと思います。
環境構築
Android Studio の設定
Android Studioの設定となります。この章が一番大きい章となります。
インストール
Android Studioをダウンロードし、コマンドを実行していきます。
ダウンロード
まずはダウンロード。URLにアクセスしダウンロードします。(1GB近くあります！)
ダウンロードできたらインストーラをダブルクリックしてインストールしていきます。
インストール
相変わらずの英語です😑
なんだかよくわかりませんが設定をそのままに、先に進めます。
インストール先はCドライブからDドライブに変更しました。
インストール実行です！
無事にインストールが完了しました。
このままAndroid Studioを起動させます。
Android Studio 起動
起動すると設定のインポート画面が表示されます。
私は新規インストールなのでインポートするものはありません。
OKをクリックして先に進みます。
Googleに協力するかどうか・・・ご判断にお任せです。
トップ画面が表示されました。
・・・とりあえずNextで進みます。
セットアップタイプを聞いているようです。
標準的な設定で進むことにします。
UIテーマもデフォルトのダークテーマにしておきます。
Finish後、さらにダウンロードが行われます。
む・・・エラー・・・
どうやらDocker Desktopが入っている環境で起こるエラーのようです。
Windows10へのAndroid Studio のインストールでHAXM インストールが失敗する – Qiita
Windowsの機能でハイパーバイザプラットフォームを有効にすればよいとのこと。
再度インストーラを起動して同じフォルダにインストールしようと思ったのですがどうやらすでにファイルが存在するとインストールできないようです。
Windowsのアンインストール機能を使用していったん削除しようと試みるも「すでに削除されている可能性」というエラーが出てインストール一覧からAndroid Studioがいなくなってしまいました😥
手動でフォルダを削除して進みましょう。
以下のフォルダを削除しました。
- D:\Program Files\Android
- C:\Users\{Your Name}\AppData\Local\Android
再度インストーラを起動してインストールしていきます。
Android Studioを起動するとSDKが無いというエラーが発生しました。
(なんだかよくない方向に進んでいる気がします。)
とりあえずNextで進みます。
Cドライブの容量が少ないのであまりインストール先にしたくないのですがトラブル防止のためこのままNextで進みます。
無事、知っている画面に戻ってこられました😄
Finishしてみます。
しばらくまち以下の画面になりました。
成功・・・したんですかね。Finishします。
無事？Android Studioが起動しました。いいのかな。とりあえず進みましょう。
いったんAndroid Studioを終了させておきます。
flutter doctorでチェック
ここでflutter が Android Studioを認識したか確認です。
PS D:\flutter> flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel stable, 2.2.3, on Microsoft Windows [Version 10.0.19043.1165], locale ja-JP)
[!] Android toolchain - develop for Android devices (Android SDK version 31.0.0)
X No Java Development Kit (JDK) found; You must have the environment variable JAVA_HOME set and the java binary in
your PATH. You can download the JDK from https://www.oracle.com/technetwork/java/javase/downloads/.
[√] Chrome - develop for the web
[!] Android Studio (not installed)
[√] VS Code (version 1.58.2)
[√] Connected device (2 available)
! Doctor found issues in 2 categories.
PS D:\flutter>問題が2つになりました🤔
Android Studioの方は公式に記載がありました。
If Flutter cannot locate it, run flutter config –android-studio-dir <directory> to set the directory that Android Studio is installed to.
ということでflutter configを行うらしいです。
実施して再度チェック！
PS D:\flutter> flutter config --android-studio-dir "D:\Program Files\Android\Android Studio"
Setting "android-studio-dir" value to "D:\Program Files\Android\Android Studio".
You may need to restart any open editors for them to read new settings.
PS D:\flutter> flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel stable, 2.2.3, on Microsoft Windows [Version 10.0.19043.1165], locale ja-JP)
[!] Android toolchain - develop for Android devices (Android SDK version 31.0.0)
X Android license status unknown.
Run `flutter doctor --android-licenses` to accept the SDK licenses.
See https://flutter.dev/docs/get-started/install/windows#android-setup for more details.
[√] Chrome - develop for the web
[√] Android Studio
[√] VS Code (version 1.58.2)
[√] Connected device (2 available)
! Doctor found issues in 1 category.
PS D:\flutter>またしても！しかし今度は`flutter doctor –android-licenses`実行してねって書いてありますね！
実行してみましょう。
PS D:\flutter> flutter doctor --android-licenses
Exception in thread "main" java.lang.NoClassDefFoundError: javax/xml/bind/annotation/XmlSchema
at com.android.repository.api.SchemaModule$SchemaModuleVersion.(SchemaModule.java:156)
at com.android.repository.api.SchemaModule.(SchemaModule.java:75)
at com.android.sdklib.repository.AndroidSdkHandler.(AndroidSdkHandler.java:81)
at com.android.sdklib.tool.sdkmanager.SdkManagerCli.main(SdkManagerCli.java:73)
at com.android.sdklib.tool.sdkmanager.SdkManagerCli.main(SdkManagerCli.java:48)
Caused by: java.lang.ClassNotFoundException: javax.xml.bind.annotation.XmlSchema
at java.base/jdk.internal.loader.BuiltinClassLoader.loadClass(BuiltinClassLoader.java:581)
at java.base/jdk.internal.loader.ClassLoaders$AppClassLoader.loadClass(ClassLoaders.java:178)
at java.base/java.lang.ClassLoader.loadClass(ClassLoader.java:522)
... 5 more
PS D:\flutter> ・・・ダメでした。
こちらに対処法が記載されていました。
FlutterはじめたらJavaのClassNotFoundExceptionに遭遇した (zenn.dev)
Android Studio起動 -> More Actions -> SDK Manager
SDK Toolsタブを開いてAndroid SDK Command-line Tools(latest)にチェックを入れます。
そしてApplyをクリックします。
OKをクリックします。
Acceptにチェックを入れてNextをクリックします。
Finishをクリックします。
この後、Android Studioは終了しておきました。
再度 flutter doctor --android-licensesを実行してみます。
無事にライセンスできました！
PS D:\flutter> flutter doctor --android-licenses
7 of 7 SDK package licenses not accepted. 100% Computing updates...
Review licenses that have not been accepted (y/N)? y
1/7: License android-googletv-license:
---------------------------------------
Terms and Conditions
This is the Google TV Add-on for the Android Software Development Kit License Agreement.
1. Introduction
1.1 The Google TV Add-on for the Android Software Development Kit (referred to in this License Agreement as the "Google TV Add-on" and specifically including the Android system files, packaged APIs, and Google APIs add-ons) is licensed to you subject to the terms of this License Agreement. This License Agreement forms a legally binding contract between you and Google in relation to your use of the Google TV Add-on.
・・・
・・・
・・・
---------------------------------------
Accept? (y/N): y
All SDK package licenses accepted
PS D:\flutter>再度flutter doctorを実行してみます。
PS D:\flutter> flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel stable, 2.2.3, on Microsoft Windows [Version 10.0.19043.1165], locale ja-JP)
[√] Android toolchain - develop for Android devices (Android SDK version 31.0.0)
[√] Chrome - develop for the web
[√] Android Studio
[√] VS Code (version 1.58.2)
[√] Connected device (2 available)
• No issues found!
PS D:\flutter>No issueいただきました！
やれやれ😅
次回は続きを行います。
今日はここまで！