diff --git a/misc/slides/tokyo12.md b/misc/slides/tokyo12.md index d187578..3c9c545 100644 --- a/misc/slides/tokyo12.md +++ b/misc/slides/tokyo12.md @@ -1,10 +1,8 @@ --- marp: true theme: default -class: lead paginate: true backgroundColor: #fff -backgroundImage: url('https://example.com/background.png') header: '超入門WebAssembly(のランタイムをRubyで書く方法)' # footer: 'Page %page%' --- @@ -89,7 +87,7 @@ header: '超入門WebAssembly(のランタイムをRubyで書く方法)' # 名前の由来 - `WA` で始まる鉱石の名前を探して、それを採用した -- ワード石: NaAl3(PO4)2(OH)42(H2O) +- ワード石: NaAl3(PO4)2(OH)42(H2O) - [Image CC BY-SA 4.0](https://en.wikipedia.org/wiki/Wardite#/media/File:Wardite.jpg) `-->` @@ -181,8 +179,22 @@ $ clang --target=wasm32 \ ``` -``` -$ ruby -run -e httpd . -p 8000 +---- + + + +```javascript + +// WebAssemblyをフェッチしてインスタンス化する +WebAssembly.instantiateStreaming( + fetch('./fib.wasm') +).then(obj => { + // obj.instance にインスタンスがあり、 + // さっきの fib がexportされている + const value = obj.instance.exports.fib(20) + alert(`fib(20) = ${value}`); +}); + ``` ----