🪁
FlutterNinjasのwebサイトをWasmでビルドしてみた
詳しいことはツルオカさんが書いていたのでそちらをチェックしてください!
この記事では、行ったコマンドと、そしてそのアウトプットを紹介します。
手順
-
web/index.html
を一旦消す -
flutter create . --platforms=web
をターミナルで叩く(新しいindex.htmlが作られる) -
flutter build web --wasm
をターミナルで叩く -
firebase deploy
をターミナルで叩く
結果
結果はこちらです!そもそも重いアプリではなかったので、ヌルヌルさのビフォアフターは分かりませんが、絵文字のブラウザ依存がなくなりました。
しかし (5/16追記)
と、思ったら、safariで固まるようになってしまったので、結局Flutter 3.19.4に戻してwasmはやめました。。
Discussion
SafariにWasmGCはまだないんでしたっけ。