【Flutter】Webでプログラムを実行させる方法

Question

よく公式リファレンスやブログなどを見ると、特定の言語をWeb環境で実行させることができるページを拝見します。

Flutterの例
Flutter > Interactive exampleの部分

こういう実装はどのようにしているのでしょうか。
HTMLやCSSでデザイン部分のコーディングはできるのですが、どうやってコンパイル(厳密にはインタプリタ)にしてるのかわかっておらず。

何かしらのJS使ったりしているのか知りたいです。

Answer 1

WebAssemblyで作る例が多いようです。

Rustで作成した独自インタプリタをWebAssemblyでブラウザ上で動かせるようにした例
https://zenn.dev/keiya01/articles/0dfc261de91023

Web ブラウザ上で動く Prolog の対話環境 (REPL) サイトの例（C# Blazor WebAssembly を使用）
https://qiita.com/jsakamoto/items/43f2ad199ccd9aa74447

Webブラウザで稼働するPython環境
https://www.publickey1.jp/blog/19/pythonwebassemblywebpythonpyodidemozilla.html

こちらはJavascriptでSchemeインタプリタのベースを作る例
https://codezine.jp/article/detail/739

Comments

[momiji0210]

ありがとうございます！そういったライブラリみたいなものがあるのですね！
いつも気になっていたので助かりました。
少し勉強してみます！