Flutter for Webをmasterチャンネルで試してみる

September 6, 2019

今までは https://github.com/flutter/flutter_web を使っていたけど、 Wiki によるとmasterチャンネルでも動く状態らしいので試してみた。

環境

1
2
$ flutter --version
Flutter 1.9.8-pre.83 • channel master • https://github.com/flutter/flutter.git

設定有効化

1
2
$ flutter config --enable-web
Setting "enable-web" value to "true".

プロジェクト作る

1
$ flutter create --web hello_web

iOSシミュレータで実行

1
2
$ cd hello_web/
$ flutter run -d flutter devicesで表示されるデバイスID

いつものカウンターですね。

Webで実行

1
$ flutter run -d chrome

おぉ、いつもやってるimportの書き換えとかなくてもクロスプラットフォームで動いている…! これが安定版で動くようになるとFlutterで3プラットフォーム展開がリアルにできそうかもしれない。

オマケ:buildしてGitHub Pagesで公開

1
$ flutter build web

結果はbuild/webに入ります。

1
$ mv build/web ./docs

こうすればmasterブランチで公開できます。

https://tnantoka.github.io/hello_web/ で実際に動いています。

repoはこちらです。

https://github.com/tnantoka/hello_web