Ruby & WebAssembly Introduction

RubyWorld Conference 2022 Ruby & WebAssembly Introduction Yuta Saito (@kateinoigakukun)

About me • Yuta Saito / @kateinoigakukun • ૣҴాେֶ جװཧ޻ֶ෦
৘ใཧ޻ֶՊ4೥ • ύʔτλΠϜ։ൃऀ @ • CRubyͷWebAssembly/WASIϝϯςφ

WebAssembly (Wasm) • ϒϥ΢βʹ࣮૷͞Ε͍ͯΔɺϙʔλϒϧͳ࣮ߦόΠφϦܗࣜ • Google Earth, Figma, GoodNotes, etc..
Introduction

WebAssembly (Wasm) • CPUΞʔΩςΫνϟʹґଘ͠ͳ͍ • ιʔεݴޠʹґଘ͠ͳ͍ • ϗετ؀ڥ΁ͷΞΫηε੍ݶ • ʢͦͦ͜͜ʣߴ଎
https://hacks.mozilla.org/2017/02/creating-and-working-with-webassembly-modules/ ಛ௃

WebAssembly (Wasm) • σβΠϯॳظ͔Βϒϥ΢βҎ֎ͷ؀ڥʹ΋ϥϯλΠϜΛຒΊࠐΉ͜ͱΛ૝ఆ Webϒϥ΢βҎ֎Ͱ΋ศར https://github.com/WebAssembly/design/commit/070f56c5c59030e2d735973f3e10dbe2c87366db

WebAssembly (Wasm) • ϒϥ΢β͔Βಠཱͨ͠WebAssemblyϥϯλΠϜ࣮૷͕ଟ਺ • Wasmtime, WAMR, Wasmer, etc… •
ΞϓϦέʔγϣϯʹ૊ΈࠐΈ΍͍͢ (like mruby) • ϢʔβʹΑΔʮ৴པͰ͖ͳ͍ϓϩάϥϜʯΛೖྗ͢Διϑτ΢ΣΞͰศར • ྫ) ϓϥάΠϯγεςϜɺαʔόʔϨεɺetc… Webϒϥ΢βҎ֎Ͱ΋ศར

WebAssembly (Wasm) • ݴޠଆ • WasmʹίϯύΠϧͰ͖Ε͹ɺ༷ʑͳ؀ڥͰಈ͔ͤΔ • ϓϥοτϑΥʔϜଆ • WasmϥϯλΠϜ͑͋͞Ε͹ɺ༷ʑͳݴޠΛαϙʔτ͢Δ͜ͱ͕Ͱ͖Δ
ݴޠ΋ϓϥοτϑΥʔϜ΋خ͍͠ ϓϩάϥϜަ׵ܗࣜʹͽͬͨΓ

ϓϩάϥϜͷ഑෍୯Ґ Computer Hypervisor OS OS OS OS Libs Libs Libs
App App App Computer OS Docker Libs Libs Libs App App App Computer OS WebAssembly Runtime App App App VMΠϝʔδ ίϯςφ .wasm

Ruby on WebAssembly • RubyΠϯλϓϦλ (CRuby) ΛWebAssemblyʹίϯύΠϧ • ωΠςΟϒͱ΄΅ಉ͡ػೳΛఏڙ •
Ruby͕ϒϥ΢β/༷ʑͳWasm؀ڥͰಈ͘Α͏ʹʂ • Ͳ͜Ͱ΋Ruby

͜Ε·ͰͷCRubyΛWebAssemblyͰಈ͔͢औΓ૊Έ emrubyʢ͍ʔ͑ΉΔͼʔʣ • EmscriptenπʔϧνΣΠϯͰίϯύΠϧ͞ΕͨCRuby • ϒϥ΢βͰͷར༻͕લఏ Emscripten ϒϥ΢β֎Ͱಈ͔ͤͳ͍ WASI ඪ४Խ͞Ε͓ͯΓɺ 
ϒϥ΢β֎Ͱ΋αϙʔτ͞ΕͯΔ

Ruby on WebAssembly <html> <script src="https://cdn.jsdelivr.net/npm/ruby-head- [email protected]/dist/browser.script.iife.js"></script> <script type="text/ruby"> puts
"Hello, world!" </script> </html>

https://kateinoigakukun.github.io/jupyterlite-ruby-kernel

՝୊ ίʔυαΠζ • RubyεΫϦϓτͷαΠζ: 22MB • ؆୯ͳMini fi cation ->
18MB • RubyΠϯλϓϦλͷαΠζ: 8.2MB • Asyncifyલ: 5.9MB

՝୊ ىಈ࣌ؒ • RubyεΫϦϓτͷ࣮ߦ·Ͱʹ60ms • ࢀߟɿJSΤϯδϯʢSpiderMonkeyʣ͸6ms https://bytecodealliance.org/articles/wasmtime-10-performance

·ͱΊ • Ruby 3.2Ͱ͸WebAssembly/WASIʹରԠ • ʮͲ͜Ͱ΋Rubyʯ΁ͷ1εςοϓ

Ruby & WebAssembly Introduction

Ruby & WebAssembly Introduction

Yuta Saito

More Decks by Yuta Saito

Other Decks in Programming

Featured

Transcript

RubyWorld Conference 2022 Ruby & WebAssembly Introduction Yuta Saito (@kateinoigakukun)

About me • Yuta Saito / @kateinoigakukun • ૣҴాେֶ جװཧ޻ֶ෦

WebAssembly (Wasm) • ϒϥ΢βʹ࣮૷͞Ε͍ͯΔɺϙʔλϒϧͳ࣮ߦόΠφϦܗࣜ • Google Earth, Figma, GoodNotes, etc..

WebAssembly (Wasm) • CPUΞʔΩςΫνϟʹґଘ͠ͳ͍ • ιʔεݴޠʹґଘ͠ͳ͍ • ϗετ؀ڥ΁ͷΞΫηε੍ݶ • ʢͦͦ͜͜ʣߴ଎

WebAssembly (Wasm) • σβΠϯॳظ͔Βϒϥ΢βҎ֎ͷ؀ڥʹ΋ϥϯλΠϜΛຒΊࠐΉ͜ͱΛ૝ఆ Webϒϥ΢βҎ֎Ͱ΋ศར https://github.com/WebAssembly/design/commit/070f56c5c59030e2d735973f3e10dbe2c87366db

WebAssembly (Wasm) • ϒϥ΢β͔Βಠཱͨ͠WebAssemblyϥϯλΠϜ࣮૷͕ଟ਺ • Wasmtime, WAMR, Wasmer, etc… •

WebAssembly (Wasm) • ݴޠଆ • WasmʹίϯύΠϧͰ͖Ε͹ɺ༷ʑͳ؀ڥͰಈ͔ͤΔ • ϓϥοτϑΥʔϜଆ • WasmϥϯλΠϜ͑͋͞Ε͹ɺ༷ʑͳݴޠΛαϙʔτ͢Δ͜ͱ͕Ͱ͖Δ

ϓϩάϥϜͷ഑෍୯Ґ Computer Hypervisor OS OS OS OS Libs Libs Libs

Ruby on WebAssembly • RubyΠϯλϓϦλ (CRuby) ΛWebAssemblyʹίϯύΠϧ • ωΠςΟϒͱ΄΅ಉ͡ػೳΛఏڙ •

͜Ε·ͰͷCRubyΛWebAssemblyͰಈ͔͢औΓ૊Έ emrubyʢ͍ʔ͑ΉΔͼʔʣ • EmscriptenπʔϧνΣΠϯͰίϯύΠϧ͞ΕͨCRuby • ϒϥ΢βͰͷར༻͕લఏ Emscripten ϒϥ΢β֎Ͱಈ͔ͤͳ͍ WASI ඪ४Խ͞Ε͓ͯΓɺ

Ruby on WebAssembly <html> <script src="https://cdn.jsdelivr.net/npm/ruby-head- [email protected]/dist/browser.script.iife.js"></script> <script type="text/ruby"> puts

https://kateinoigakukun.github.io/jupyterlite-ruby-kernel

https://kateinoigakukun.github.io/jupyterlite-ruby-kernel

՝୊ ίʔυαΠζ • RubyεΫϦϓτͷαΠζ: 22MB • ؆୯ͳMini fi cation ->

՝୊ ىಈ࣌ؒ • RubyεΫϦϓτͷ࣮ߦ·Ͱʹ60ms • ࢀߟɿJSΤϯδϯʢSpiderMonkeyʣ͸6ms https://bytecodealliance.org/articles/wasmtime-10-performance

·ͱΊ • Ruby 3.2Ͱ͸WebAssembly/WASIʹରԠ • ʮͲ͜Ͱ΋Rubyʯ΁ͷ1εςοϓ