Node.js x 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ʹ͸஫໨ͨ͠΄͏͕ϒϥ΢βͰ ͸Ͱ͖Δ͜ͱ͕ଟ͘ͳΔͱࢥΘΕΔ • ࠓ·ͩΈΜͳ৭ʑτϥΠͯ͠͸νΣοΫͯ͠

    Δ࠷த