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

June 2, 2019

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

https://github.com/devefy/Flutter-Web-Landing-Page

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

https://www.youtube.com/watch?v=87cz-ihAJ-8

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

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

1
2
3
4
5
6
7
$ 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のバージョンが古くて怒られてしまいました。

1
2
3
4
5
6
7
$ webdev --version
2.0.4

$ flutter pub global activate webdev

$ webdev --version
2.0.6 

では、あらためて…

1
2
3
4
5
6
7
$ 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)

動きました。

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