dewasm - WebAssembly to Source Code translator

https://gotanda-rb.connpass.com/event/400850/ での発表です

参考リンク:
- https://github.com/dewasm/dewasm
- https://github.com/dewasm/ruby-merman
- https://github.com/dewasm/ruby-pozeiden
- https://github.com/dewasm/go-mruby-pure

Transcript

1. dewasm WebAssembly to Source Code translator Hiroya Fujinami (make̲now̲just) @ Gotanda.rb 2026/08/26
2. 自己紹介 • 藤浪大弥 @make̲now̲just / @makenowjust • Rubyというプログラミング言語のコミッタ • 正規表現マッチングのメモ化とかをやった • 国立情報学研究所の博士課程の学生 (5年目) • 求職中です g t 2
3. WebAssembly 3
4. 最近話題のやつ 4
5. 自分も何かやりたい 5
6. https://github.com/dewasm/dewasm 6
7. とは何？ WebAssemblyのモジュールを 様々なプログラミング言語のソースコードに変換する 7
8. 何ができるの？ (1) SQLiteをWebAssemblyにコンパイルする → それをdewasmで変換 → pure Ruby, pure PythonのSQLiteが手に入る 8
9. 何ができるの？ (2) DOOMをWebAssemblyにコンパイル → dewasmで変換 → 端末上のbashで動くDOOMが手に入る 9 0.03 fps (30秒に一回描画)
10. で、何のために作ったの？ WebAssemblyにコンパイルできるC言語/Rust/Zig/Goなどのライブラリを 他の様々なプログラミング言語から気軽に利用できるようにしたかった 10
11. で、何のために作ったの？ あと、Claude for Open Source Programに採択されたので、 AIを使ったそこそこの規模の開発をやりたかった 11
12. dewasmで作ったライブラリ 12
13. dewasm-{merman,pozeiden} • Mermaidの図を描画するライブラリをdewasmで変換して、 ラッパーを作ってgemとして公開してみた • dewasm-merman (https://github.com/dewasm/ruby-merman): Rustで書かれたmermanを変換したもの。高機能だけどヘビー • dewasm-pozeiden (https://github.com/dewam/ruby-pozeiden): Zigで書かれたpozeidenを変換したもの。 軽量だけどやや機能不足。商用利用不可 13
14. dewasm-mermanの使用例 require "dewasm/merman" svg = Dewasm::Merman.render_svg(<<~MMD) flowchart LR A[Commit] --> B{CI passes?} B -->|Yes| C[Merge] B -->|No| D[Fix] D --> A MMD Yes CI passes? Commit File.write("flowchart.svg", svg) render̲svg を呼び出すだけでMermaidの図の描画できます 14 Merge No Fix
15. dewasm-mermanの使用例 svg = Dewasm::Merman.render_svg(<<~MERMAID) railroad-ebnf-beta expr = term , { "+" , term } ; term = factor , { "*" , factor } ; factor = number | "(" , expr , ")" ; MERMAID expr = term term = factor + term * factor number factor = ( railroad図の描画もサポートしてます 15 expr )
16. dewasm-mermanの使用例 puts Dewasm::Merman.render_ascii(<<~MERMAID) flowchart LR A[Start] --> B[Done] MERMAID ┌───────┐ ┌──────┐ │ │ │ │ │ Start ├────►│ Done │ │ │ │ │ └───────┘ └──────┘ テキストによる描画も可能 16
17. go-mruby-pure • https://github.com/dewasm/go-mruby-pure • 名前の通りCGO依存のないmrubyのGo言語バインディング • mrubyをWebAssemblyにコンパイルして、 dewasmでGo言語に変換した 17
18. dewasmすごい 18
19. いやいや 19
20. dewasmの問題点 • ファイルサイズ 変換後のソースコードがかなりデカい • パフォーマンス 思ったほど速くない 20
21. ファイルサイズ • sqlite3.wasm (987K) → Ruby (5.6M) • merman.wasm (12M) → Ruby (45M) • さすがにデカい 21
22. ファイルサイズ • ファイルサイズが大きすぎると予想外の問題が起こる • dewasm-mermanの場合: • require "dewasm/merman" に3秒くらいかかる • メモリを1GBくらい喰う 22
23. ファイルサイズ • 減らすために色々工夫はしている • インデントをタブにしてみたり • ISeqを小さくするために、典型的なパターンを メソッドにまとめたり • 中々劇的には減らない 23
24. パフォーマンス SQLiteを変換して、10万行くらいINSERTしてSELECTするベンチマーク。 Rubyに変換したものはYJITを効かせてもwasmtimeと比べて100倍以上遅い 24
25. パフォーマンス • ケースバイケースで色々やりようはある • SQLiteの場合: • VDBE (クエリ実行VM) のメインループが 大きすぎてJITが効かない • →ホットスポットを特定して その部分を別関数にすることで改善 25
26. パフォーマンス 8.99秒→8.11秒になった。 26
27. パフォーマンス • ケースバイケースで色々やりようはある • mermanの場合: • モジュールの初期化に数秒必要で、動き出しがすごく遅かった (フォントの初期化などを含むため) • メモリのスナップショットを事前に取り、 初期化の代わりにそれを読み込むことで初期化のコストをゼロに 27
28. まとめのスライド • dewasmというWebAssemblyのモジュールを 様々なプログラミング言語に変換するツールを作った • dewasmを使ってRubyのMermaidの図の 描画ライブラリを公開している • 使えるといえば使えるのだが、 まだまだ改善の余地はありそう 28
29. ruby.wasm on Ruby もできるよ $ dewasm ruby.wasm --target ruby --mode standalone -o ruby.rb $ ruby ruby.rb --disable=gems -e 'puts "hello world"' hello world 5秒くらいかかる! 29