ChromebookでAndroid StudioのFlutter開発環境を構築したのでメモ

2022/02/07

以前、ChromebookにAndroid Studioをインストールする手順について書きましたが、今回はそこからFlutterの開発環境を構築するまでの手順について書きます。Android Studioがインストールされているものとします。まだの人は以下の記事を参考にインストールしてください。

非IT企業に勤める中年サラリーマンのIT日記

ChromeOS版のAndroid Studioが登場したのでインストールしてみた

以前、ChromebookにLinux版のAndroid Studioをインストールしましたが、ChromeOS用のAndroid Studioが出たとのことで、Linux版をアンインストールした上でChromeOS版を再インストールしました。ChromeOS版Android Studioをダウンロード下記のサイトからAndroid Studioをダウンロードします。今までと違うのはOSを認識して「3.5 for Chrome OS (614 MB)」と表示されているところですね。https://developer.android.com/studio/ライセンスを同意後にダウンロードボタンを押せばダウンロードできます。ダウンロードに関して重要な点が１つ...

1 Flutter をインストールする
2 flutter doctorで環境チェック
3 Android Studioのプラグインをインストール
4 Chromebookのストレージ問題

Flutter をインストールする

git clone でflutterをインストールします。ホームディレクトリに置くのが無難です。ネット情報には/optフォルダに置くような説明もあるのですが、sudoコマンドでインストールできたとしても、利用する段階でパーミッションエラーで泣くことになるのでやめたほうがいいです。

$ git clone https://github.com/flutter/flutter.git

以下の一行を.profileファイルの最後に追加してください。

export PATH=$PATH:$HOME/flutter/bin

ちなみに、.profileファイルは、FilesアプリのLinuxフォルダ内で「非表示のファイルを表示」を選択すると現れます。Linuxユーザーならおなじみの操作だとは思いますが。

以下のコマンドで.profileの設定を即座に反映させましょう。

source ~/.profile

flutter doctorで環境チェック

flutter doctor コマンドでFlutterの環境チェックを実施します。Android toolchain関係で２つの問題が指摘されました。Chromeに✗がついていますが、これは Web 対応させたいときに必要になるもので今回は対象外としました。

$ flutter doctor 
[✓] Flutter (Channel master, 2.11.0-0.0.pre.452, on Debian GNU/Linux 11 (bullseye)
    5.4.157-17191-g6575d22de694, locale en_US.UTF-8)
[!] Android toolchain - develop for Android devices (Android SDK version 32.1.0-rc1)
    ✗ cmdline-tools component is missing
      Run `path/to/sdkmanager --install &quot;cmdline-tools;latest&quot;`
      See https://developer.android.com/studio/command-line for more details.
    ✗ Android license status unknown.
      Run `flutter doctor --android-licenses` to accept the SDK licenses.
      See https://flutter.dev/docs/get-started/install/linux#android-setup for more details.
[✗] Chrome - develop for the web (Cannot find Chrome executable at google-chrome)
    ! Cannot find Chrome. Try setting CHROME_EXECUTABLE to a Chrome executable.
[✓] Android Studio (version 2021.1)
[!] Connected device
    ! Device emulator-5554 is not authorized.
      You might need to check your device for an authorization dialog.
[✓] HTTP Host Availability

cmdline-tools component is missing への対応

Android Studioを起動し、「More Action」−「SDK Manager」をクリックします。

サイドメニューから「Android SDK」を選択し、右側の「SDK Tools」タブを開きリストから「Android SDK Command-line Tools (latest)」にチェックを入れます。「Apply」ボタンで反映させれば完了です。

Android license status unknown.への対応

以下のコマンドを実行すればOKです。

flutter doctor --android-licenses

改めてflutter doctorを実行してみましょう。以下のようにChrome以外でレになっていれば完了です。

$ flutter doctor 
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel master, 2.11.0-0.0.pre.452, on Debian GNU/Linux 11 (bullseye)
    5.4.157-17191-g6575d22de694, locale en_US.UTF-8)
[✓] Android toolchain - develop for Android devices (Android SDK version 32.1.0-rc1)
[✗] Chrome - develop for the web (Cannot find Chrome executable at google-chrome)
    ! Cannot find Chrome. Try setting CHROME_EXECUTABLE to a Chrome executable.
[✓] Android Studio (version 2021.1)
[✓] Connected device (1 available)
[✓] HTTP Host Availability