Flutter notes

Flutterに関するメモ書き

Flutter-Web-Landing-Pageを動かしてみた

GitHubのDart Trendingで流れてきたこのrepo。

READMEが白紙で最初は何が人気かわからなかったんですが、Web検索してみるとYouTubeの動画が出てきました。

www.youtube.com

なるほど「Flutter for Webでレスポンシブなランディングページを作ってみた」的なやつだったわけですね。

少し興味が湧いたので動かしてみます。

$ cd /path/to/Flutter-Web-Landing-Page
$ flutter packages upgrade
$ pub get
$ webdev serve
webdev could not run for this project.
This version of webdev does not support the `build_daemon` protocol used by your version of `build_runner`.
A newer version of webdev is available which supports your version of the `build_daemon`. Please update.

webdevのバージョンが古くて怒られてしまいました。

$ webdev --version
2.0.4

$ flutter pub global activate webdev

$ webdev --version
2.0.6 

では、あらためて…

$ webdev serve
[INFO] Building new asset graph completed, took 1.7s
[INFO] Checking for unexpected pre-existing outputs. completed, took 4ms
[INFO] Serving `web` on http://localhost:8080
[INFO] Running build completed, took 20.1s
[INFO] Caching finalized dependency graph completed, took 183ms
[INFO] Succeeded after 20.3s with 576 outputs (3249 actions)

動きました。

f:id:tnantoka:20190602220342p:plain f:id:tnantoka:20190602220353p:plain

ちゃんとレスポンシブなサイトになっていますね。