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

Android Studioのプラグインをインストール

次にAndroid StudioにFlutterプラグインをインストールします。起動後に「Plugins」メニューをクリックしてFlutterプラグインを探してください。検索ボックスに「flutter」と入力すればすぐに現れます。「Install」ボタンをクリックしてインストールします。

Android Studioを再起動すると、「New Flutter Project」と現れたらセットアップ完了です。（もしかしてLinux自体を再起動する必要あるかも）

Chromebookのストレージ問題

ここまでセットアップしたところでこんな警告が出てしまいました。Linuxの容量を増やそうにもあと5GBしか残っていません。Chromebookは32GBか64GBモデルがほとんどですが、Linuxを本格的に使う場合は128GBは最低限ほしいところです。

- Androidプログラミング, Chromebook, Flutter/Dart