More Related Content
What's hot (20)
Similar to emruby: ブラウザで咾Ruby (20)
More from mametter (20)
Recently uploaded (6)
emruby: ブラウザで咾Ruby
- 2. 徭失B初在h儲戳初 (@mametter) ? クックパッドでPくフルタイムRubyコミッタ ? Ruby 3耶原の床議盾裂ツ`ルTypeProf恬ってます ? https://github.com/ruby/typeprof ? でも書晩はぜんぜん`うをします 2
- 4. emrubyの粧い ? ブラウザでRubyが咾のはSしい ? BればTryRuby┐しh廠くらいにはなるか ? 繍栖議にJavaScriptの旗紋になるかはWASM肝及 ? Rust / Go / KotlinなどもWASM竃薦に鬉靴討襪里 ? おことわり ? このk燕にはRailsもRuby冱Zもほとんど竃てきません ? Rubyのビルドの岑Rが富し附につきます 4
- 5. Rubyをブラウザで咾すvB冩梢 ? Opal: JavaScriptでかれたRubyインタプリタ ? https://github.com/opal/opal ? Artichoke: RustでかれたRubyインタプリタWASM竃薦鬈 ? https://github.com/artichoke/artichoke ? repl.it: Ruby 1.8をEmscriptenしたもの┐蕕靴ぃ ? https://github.com/replit-archive/emscripted-ruby ? Ruby on WebAssembly: mrubyをEmscriptenしたもの ? https://github.com/blacktm/ruby-wasm ? RubyのNaClサポ`ト2012゛2017 ? よくまとまってる並 ? https://blog.unasuke.com/2021/products-about-webassembly-and-ruby/ 5
- 6. アジェンダ ? ?WASM / Emscriptenとは? ? emrubyが咾まで ? まとめ 6
- 7. WebAssembly (WASM) ? ブラウザの貧で咾g佩ファイル侘塀 ? 2017定からメジャ`ブラウザが鬉靴討い ? JavaScriptより堀くて (?) 弌さいらしい 7
- 8. Emscripten ? C/C++のプログラムをWASMにQするコンパイラ ? LLVMベ`ス ? デモ匯E┨鼎修Γhttps://github.com/emscripten- core/emscripten/wiki/Porting-Examples-and-Demos ? http://kripken.github.io/boon/boon.html ? https://files.unity3d.com/jonas/AngryBots/ ? http://coolwanglu.github.io/vim.js/emterpreter/vim.html 8
- 9. Emscriptenの児云議な聞いかた 9 #include <stdio.h> int main() { printf("hello, world!?n"); return 0; } emcc hello.c Co hello.js && node hello.js emcc hello.c Co hello.html
- 10. アジェンダ ? WASM / Emscriptenとは ? ?emrubyが咾まで? ? まとめ 10
- 11. 念戻岑RRubyのふつうのビルド ? Rubyソ`スのディレクトリで肝のコマンドを嬉つ ? ./configure: h廠ごとにビルド圭隈を{屁する ? どのシステムv方が聞えるか、コンパイラオプションが聞えるか ? OS、コンパイラ、バ`ジョンなどの`いを{べる ?make: ソ`スコ`ドをコンパイルする ? まずminirubyという崙洌rubyg佩ファイルを恬る ? minirubyを聞ってスクリプトRubyでかれているを咾し、 ライブラリや恷K議なrubyg佩ファイルを恬る 11 ./configure && make
- 12. の送れ ? minirubyをWASMにする ? 云輝のrubyをWASMにする ? 恷K朕烹irbを咾す 12
- 13. ./configure && makeのEmscripten晒 ? Emscriptenはconfigure+makeに鬉靴討い ? emconfigure / emmakeはビルドをうまくだまして Emscriptenコンパイラを聞わせる ? これだけ´´ではない ? g喘プログラムがゼロ筝でビルドできることはoいと房う 13 emconfigure ./configure && emmake make
- 14. Emscriptenが隆g廾のCv方にIする ? }Emscriptenで旋喘できないCv方がいっぱいある ? popenがない ? pthread_createはあるがpthread_killはない ? pthread_createはあるがpthread_attr_getguardsizeがない ? pthread_sigmaskはあるけどgHには咾ない (!) 、など ? configureの辰泣をつくような隆g廾がいろいろあった ? IRubyのconfigureを個鋲して鬉靴 ? コミッタなので、Ruby箸鰆噂筝しまくった 14
- 15. Rubyはv方の哈方の方にル`ズだった ? C冱Zでは、v方に哈方を噫蛍に局しても措い (!?) ? C冱Z碧`郡だが、 謹くのCコンパイラで咾 ? Rubyはこれに卆贋していた ? Emscriptenのオプションで 鬉靴 ? -s EMULATE_FUNCTION_POINTER_CASTS=1 15 int foo(int a) { printf("%d?n", a); } int main() { int(*foo2)(int,int) = (int(*)(int,int))foo; foo2(42, 43); // 42 } 1哈方のv方fooを2哈方で柵び竃す箭
- 16. miniruby.wasmできた ? 2018定はこの粁Aで巷_した ? 火廷なお岑らせ ? EMULATE´オプションがEmscirptenから茅された ? コンパイルできなくなった ? どうしたか ? 慧崔した ★ 3定Uったら、Ruby箸岷っていた ? 裏俐屎で2021定1埖に壅ビルドに撹孔した 16
- 17. の送れ ? minirubyをWASMにする ? ここまでできた ? 云輝のrubyをWASMにする ? 恷K朕烹irbを咾す 17
- 18. ruby.wasmを恬るには ? ふつうのrubyのビルドには、minirubyが駅勣 ? しかしminiruby.wasmはLinuxでg佩できない ? クロスコンパイルする ? ビルドh廠とはちがうh廠のg佩ファイルを恬ること ? Linuxでruby.exeWindowsのg佩ファイルを恬る、とか ? 書指はLinuxでruby.wasmを恬る ? emconfigureはかえってややこしくなるのでやめた 18
- 19. Rubyのクロスコンパイル ? Rubyのconfigureはクロスコンパイルに鬉靴討い ? minirubyの旗わりにビルドh廠のrubyを聞ってくれる ? これで匯ruby.wasmはできた ? が、畠隼咾ないのでデバッグΕ疋ュメントΕ秋`スiみ 19 $ ./configure ? --build x86_64-pc-linux-gnu ? --host wasm32-unknown-emscripten ? CC=emcc LD=emcc AR=emar RANLIB=emranlib $ make ビルドh廠 鶚h廠 Emscripten
- 20. }Rubyの隠便議GC ? 隠便議GCとは ? マシンスタックの､オブジェクトの歌孚であると協して マ`ク鵑箸垢襯ベ`ジコレクタの圭塀 ? https://ja.wikipedia.org/wiki/%E3%83%9E%E3%83%BC%E3%82%AF%E3%83%BB%E3%82%A2%E3%83%B3%E3%83%89%E3%83%BB%E3%82%B9%E3%82%A4%E3%83%BC%E3% 83%97#%E4%BF%9D%E5%AE%88%E7%9A%84%E3%81%AA%E3%82%AC%E3%83%99%E3%83%BC%E3%82%B8%E3%82%B3%E3%83%AC%E3%82%AF%E3%82%BF ? つまり吭躓弔C冱Z碧`郡なメモリアクセスをする ? Emscriptenのメモリモデルでは畠隼咾ない ? IEmscriptenが隠便議GC喘のAPIを喘吭していた ? emscripten_scan_stack / emscripten_scan_registers ? スタックの枠^とK極がわかる、これらを聞うようにした 20
- 21. 噫Fiberに鬉垢襭隆頼 ? Rubyは2018定挑にFiberの匯何をアセンブリでg廾した ? Emscriptenでx86アセンブリはコンパイルできないので コンパイルエラ`になっていた ? IEmscriptenのAPIを聞ってg廾した ? emscripten_fiber_init / emscripten_fiber_swap ? コンパイルオプション -s ASYNCIFY と栽わせて聞う ? miniruby.wasmでは咾い燭、ruby.wasmでは咾ない ? 圻咀隆盾苧、書瘁のn} ? とりあえずFiber聞わなければ}ない 21
- 22. }啜張螢鵐ができない ? つまり、ライブラリの require ができない ? require "ripper"したらripper.soを啜張螢鵐する ? しかしEmscriptenは啜張螢鵐に隆鬈┐燭屬鵤 ? 盾Qripperを床議リンクした ? 麿にも駅勣なライブラリを弼？怎した 22 $ ./configure ? --with-static-linked-ext --with-ext=ripper ´ $ make
- 23. その麿Emscripten蒙嗤っぽい ? リンクが払，垢襭htonsがつからない、とか ? -lcでlibcを苧幣議にリンクすれば咾い ? -fstack-protectorも鬉靴討覆い茲Δ覆里馬した ? すぐメモリ音怎エラ`になる ? Emscriptenはデフォルトでメモリサイズを耕協_隠する ? サイズ辛笋砲垢襯プションをつけた (-s ALLOW_MEMORY_GROWTH=1) ? stack overflowの奮が咾ないので峭めた、など 23
- 24. ruby.wasmできた ? require "ripper.so"も咾 ? ある殻業}jなRubyスクリプトも咾 24
- 25. の送れ ? minirubyをWASMにする ? 云輝のrubyをWASMにする ? ここまでできた ? 恷K朕烹irbを咾す 25
- 26. irbを咾すのに駅勣なもの ? Rubyインタプリタ┐任た ? ripper.soなどのライブラリ┐任た ? irbのソ`スコ`ド┐△襪韻匹泙製Mみzんでない ? 極挑エミュレ`タoい 26
- 27. ∀襯侫．ぅ襯轡好謄 ? Emscriptenのfile_packagerツ`ルで恬れる ? irbやrubygemsなど駅勣なRubyソ`スコ`ドをまとめた ? fs.jsとfs.dataができた ? がんばってロ`ドできるようにした ? コンパイルオプションに-s FORCE_FILESYSTEM=1弖紗 ? fs.jsを<script>で柵ぶだけ´´なのだが吭翌と逗困靴 27
- 28. xterm.jsをMみzむ ? xterm.js: ブラウザで咾極挑エミュレ`タ ? https://xtermjs.org/ ? VS Codeでも聞われている ? 火廷なお岑らせ ? Emscriptenは僻覲薦のg廾がいまいち ? とりあえずの ? ラインｼはxterm.js箸任笋蝓irbには佩g了で僕る ? relineirbの仟しいｼC嬬の試喘は書瘁のn} 28
- 30. CPU 100%を契ぐ ? Emscriptenの伏撹麗はほぼ揖豚で咾asyncでない ? 秘薦棋ちをポ`リングでやるみたい┘鴬`ム覿┌殖 ? IeスレッドWeb Workerで咾すようにした ? 宥佚圭隈はvim.wasmにったSharedArrayBuffer聞喘 https://rhysd.hatenablog.com/entry/2019/06/13/090519 ? 火廷なお岑らせ5埖に咾なくなるzみ 30
- 32. 鯛ち[憤い ? ruby.wasmのサイズ29 MB ? コンパイルオプションで{屁して8 MB ? -Os: 福サイズ嶷で恷m晒する ? -g0: デバッグ秤鵑鯤， 32
- 33. Emscripten侭湖 ? 瑤亮斜gではない ? FgのC冱Zコ`ドをゼロ筝でビルドできることはoい ? いっぱい}に壟囑する ? が、とてもよくできている ? 匯伏卉{べればたいていI圭隈やAPIがある ? 碧にmらずドキュメントを宥してiむのが壼祇 ? 咾い燭蕕箸討砌劼靴 33
- 34. まとめ ? ブラウザで咾Ruby、emrubyをB初しました ? 寄悶Ruby箸鬉靴燭里任燭辰燭海譴世韻妊咼襯匹任る 34 $ ./configure ? --build x86_64-pc-linux-gnu ? --host wasm32-unknown-emscripten ? --with-static-linked-ext ? --with-ext=ripper,date,strscan,io/console,´,psych ? optflags=-Os debugflags=-g0 ? CC=emcc LD=emcc AR=emar RANLIB=emranlib $ make
- 35. 書瘁の嚠協 ? ほそぼそとメンテナンスするつもり ? WASMが寄ヒットする晩に笋┐ ? そのとき仝RubyもWASM鬉靴討泙后垢煩圓い燭 ? RubyからJSやDOMを荷恬できたらいいなあ ? 輝中はOpalを聞うのがいいと房います ? WASM井TryRubyができたらいいなあ ? Opalであまり}はないですが 35