🪁

FlutterNinjasのwebサイトをWasmでビルドしてみた

2024/05/15に公開
1

詳しいことはツルオカさんが書いていたのでそちらをチェックしてください!

https://zenn.dev/tsuruo/articles/6a1d29caa43974

この記事では、行ったコマンドと、そしてそのアウトプットを紹介します。

手順

  1. web/index.htmlを一旦消す
  2. flutter create . --platforms=webをターミナルで叩く(新しいindex.htmlが作られる)
  3. flutter build web --wasmをターミナルで叩く
  4. firebase deployをターミナルで叩く

結果

結果はこちらです!そもそも重いアプリではなかったので、ヌルヌルさのビフォアフターは分かりませんが、絵文字のブラウザ依存がなくなりました。

https://flutterninjas.dev/

しかし (5/16追記)

と、思ったら、safariで固まるようになってしまったので、結局Flutter 3.19.4に戻してwasmはやめました。。

Flutter大学

Discussion