Node.js x WebAssembly

Node学園24時限目で発表した Node.js と WebAssembly のデモですー。

Transcript

1. Node x WebAssembly 2017, Mar, 31th @ NodeֶԂ 24࣌ݶ໨ in FiNC
2. Twitter: @yosuke_furukawa Github: yosuke-furukawa
3. WebAssembly
4. WebAssembly Goals • ϙʔλϒϧ͔ͭϩʔυޮ཰͕ྑ͍όΠφϦϑΥʔϚο τΛ࡞Δ͜ͱ • ϋʔυ΢ΣΞ(mobile, IoT ؚΉ)ͷೳྗΛϑϧʹ׆͔ ͯ͠nativeͷ଎౓ͱಉ౳ͷ࣮ߦ࣌ؒͰܭࢉ͢Δ͜ͱ • طଘͷϓϥοτϑΥʔϜ(web)ͱͷ਌࿨ੑΛߴ͘͠ ͯɺ౷߹͠΍͘͢͢Δ͜ͱ http://webassembly.org/docs/high-level-goals/
5. WebAssembly UseCases
6. WebAssembly UseCase (1) • ωΠςΟϒϞδϡʔϧΛϒϥ΢βͰಡΈࠐΉ
7. WebAssembly UseCase (1) • ωΠςΟϒϞδϡʔϧΛϒϥ΢βͰಡΈࠐΉ
8. WebAssembly UseCase (2) • Game
9. WebAssembly Use Cases • BrowserϢʔεέʔε • C΍C++(΍Rust)Ͱॻ͔ΕͨωΠςΟϒϞ δϡʔϧΛϒϥ΢β͔ΒಡΈࠐΊΔΑ͏ʹ ͢Δ • Game / ը૾ೝࣝ / ҉߸Խ / ѹॖ֦ு etc etc http://webassembly.org/docs/use-cases/
10. WebAssembly Use Cases • BrowerҎ֎ͷϢʔεέʔε • Server Side application • Native Apps on mobile devices http://webassembly.org/docs/use-cases/
11. WebAssembly͕Ͳ͏࢖ΘΕΔ ͜ͱΛ૝ఆ͢Δ͔ʁ • શମͷίʔυϕʔεΛWebAssemblyԽ͞ΕΔ ͜ͱΛظ଴ • ͱ͸͍͑ɺWeb UIͷϨΠϠ͸HTML/JSͷ·· • ͻͱ·ͣϝΠϯλʔήοτ͸C΍C++Ͱॻ͔Ε ͍ͯΔطଘίʔυΛJSͰݺ΂ΔΑ͏ʹ͢Δ http://webassembly.org/docs/use-cases/
12. Node.js x Native Modules
13. Node.js x Native Module • NAN Ͱ࡞ͬͯϞδϡʔϧΛϥοϓ͢Δ • node-ffi Ͱ FFI ݺͼग़͠ʹ͢Δ • emscriptenͰasm.jsʹ͢Δ • emscriptenͰwasmʹ͢Δ
14. Node.js x Native Module • NAN Ͱ࡞ͬͯϞδϡʔϧΛϥοϓ͢Δ
15. Node.js x Native Module • NAN Ͱ࡞ͬͯϞδϡʔϧΛϥοϓ͢Δ • V8ͷAPI͸όʔδϣϯมΘΔͱେମյΕΔ • ͦΕʹґଘ͍ͯ͠ΔNative Module΋େମյ ΕΔ • ͦͷAPIΛந৅Խͯ͠ٵऩ͢Δͷ͕NAN
16. Node.js x Native Module • NAN Ͱ࡞ͬͯϞδϡʔϧΛϥοϓ͢Δ • ࣗ༝౓͕ߴ͍ • ͦͷ୅ΘΓbindingͷͨΊͷίʔυΛ৭ʑ֤ ඞཁ͕͋Δ
17. Node.js x Native Module • node-ffi Ͱ FFI ݺͼग़͠ʹ͢Δ
18. Node.js x Native Module • node-ffi Ͱ FFI ݺͼग़͠ʹ͢Δ • Foreign Function Interface (ݴޠ͕༻ҙͯ͠ ͘Ε͍ͯΔಛ༗ͷ֎෦ݺͼग़͠ػೳ) • libffi Λ library ͱͯ͠ϩʔυ͍ͯ͠ΔͷͰC ΍C++ͷίʔυͰ͋Ε͹ಈ͘
19. Node.js x Native Module • node-ffi Ͱ FFI ݺͼग़͠ʹ͢Δ • ؆୯ • ͨͩ͠ɺ֎෦ݺͼग़͠ʹͳΔͨΊFFI͸஗͍
20. Node.js x Native Module • emscriptenͰasm.jsʹ͢Δ
21. Node.js x Native Module • emscriptenͰasm.jsʹ͢Δ • emscriptenͷఏڙ͢ΔίϯύΠϥͰasm.jsԽ͢ Δ • asm.js͸Mozilla͕ఏএɺChrome/Edge΋α ϙʔτ༧ఆͰwasmͷpolyfillͱͯ͠΋ಈ͘Մೳ ੑ͋Γ
22. Node.js x Native Module • emscriptenͰasm.jsʹ͢Δ • ؆୯ʢ͚ͩͲɺҙ֎ͱಈ͔ͳ͔ͬͨΓ͢Δʣ • શͯJavaScriptʹͳΓɺϑΝΠϧαΠζ͕ڊେʹ ͳΔ • ࣮ࡍ໰୊Node.jsͷཪͷv8͸asm.jsΛϑϧαϙʔτ ͯ͠ͳ͔ͬͨΓͰ͋·Γ଎͘΋ͳ͍
23. Node.js x Native Module • emscriptenͰwasmʹ͢Δ (NEW!!)
24. Node.js x Native Module • emscriptenͰwasmʹ͢Δ • asm.jsͱಉ͡؆୯͞ • v8ͷ࠷৽ͩͱwasmରԠࡁΈͳͷͰී௨ʹಈ͘ • ଎౓͸·ͩ·ͩʢJS͸JIT͕ޮ͘ͷͰ୯७ͳܭ ࢉͩͱ JS > WebAssemblyʹͳΔ͜ͱ΋͋Δʣ
25. ͞Βʹ࠷ۙͰ͸
26. Node.js ʹ stable module ABI ͷ PR͕௥Ճ͞ΕͯΔ • https://github.com/nodejs/node/pull/11975
27. Node.js ʹ stable module ABI ͷ PR͕௥Ճ͞ΕͯΔ • ͳͷͰɺ5ͭ໨: stable module ABIͰ࡞Δ • ࢖͍উखతʹ͸NANͱҰॹ • ৽͍͠APIͳͷͰ஫໨தʢ·ͩࢼͯ͠ͳ͍ʣ
28. ͳͷͰ
29. Node.js x Native Module • NAN Ͱ࡞ͬͯϞδϡʔϧΛϥοϓ͢Δ • node-ffi Ͱ FFI ݺͼग़͠ʹ͢Δ • emscriptenͰasm.jsʹ͢Δ • emscriptenͰwasmʹ͢Δ (new!!! node v8 Ͱ͸༗ޮʹ) • stable module ABI ʹ͢Δ (new!!! node v8 Ͱ͸༗ޮʹ)
30. WebAssembly DEMO
31. butteraugly DEMO
32. Node.js x WebAssembly • ࢥ࿭͸৭ʑ͋ΕͲ໘ന͍ • WebAssemblyʹ͸஫໨ͨ͠΄͏͕ϒϥ΢βͰ ͸Ͱ͖Δ͜ͱ͕ଟ͘ͳΔͱࢥΘΕΔ • ࠓ·ͩΈΜͳ৭ʑτϥΠͯ͠͸νΣοΫͯ͠ Δ࠷த