はじめに

ローカル環境にインストールしたくないけど、Flutterを試してみたい！という方向けに書いてみました。
Googleが開発したモバイルアプリケーション開発用のフレームワークで、dartという言語を使用しています。一つのソースコードでiOSやAndroid、Web向けのアプリを作成することができます。
今回の記事ではWeb向けの開発環境を動かしてみます。

環境

macOS Big Sur
Docker version 20.10.7

前提

dockerがインストールされていること

手順

まずはじめに、作業用ディレクトリを作成します。

$ mkdir flutter_study
$ cd flutter_study

dockerのimageをプルします。
imageはcirrusci/flutterを使用させていただきます。

$ docker pull cirrusci/flutter:stable

プルし終わったら、コンテナを立ち上げます。

$ docker run --name flutter -d -p 8888:8888 -it -v ${PWD}:/build --workdir /build cirrusci/flutter:stable

立ち上げたコンテナに入ります。

$ docker exec -i -t flutter bash

Flutter for webを使用するように設定します。

# flutter config --enable-web

プロジェクトを作成します。

# flutter create flutter_sample
# cd flutter_sample

作成されたプロジェクトを実行します。

# flutter run -d web-server --web-port=8888 --web-hostname 0.0.0.0

ブラウザで http://localhost:8888 を開いてみてください。
以下のようなページが表示されば成功です。