Hermes Engineのチカラを その身で感ぜよう!

Hermes Engine が速いという話

Transcript

1. Haochen Kotoi-Xie on 2024-01-27 (bd04w6) Hermes EngineͷνΧϥΛ ͦͷ਎ͰײͥΑ͏! @NGK2024S
2. Τϧϝεͷ࿩͠Λ͠·͢ Hermès
3. ! ʮΤϧϝεʯͱ͍͏ͱ
4. ! ʮΤϧϝεʯͱ͍͏ͱ ΦϨϯδͷԿ͔
5. ྘ͷ܅!
6. "#$ ΞϯέʔτλΠϜ %%% • ʮJavaScriptʯΛ஌͍ͬͯ·͔͢? • ʮOCamlʯΛ஌͍ͬͯ·͔͢? • ʮECMAScriptʯΛ஌͍ͬͯ·͔͢? What is?
7. Hermes Engine: ECMAScript ͷ࣮ߦ؀ڥ ग़య: https://test262.fyi/ (not by TC39) (2024-01-27࣌఺) What is?
8. React Native ͷͨΊʹ࡞ΒΕͨ
9. ͷͰɺ&͸ Facebook (ݱmeta)
10. ΦϨϯδ vs ϛυϦ ͓஋ஈ ͓৭ ϩΰ(?) ࣮Ոύϫʔ† MKT$ ΦϨϯδ അंతͳԿ͔ 206.57 billion EUR (x1) FREE ϛυϦ ӋతͳԿ͔ 1.01 trillion USD (x4.5) †Market Capج४ (2024-01-27࣌఺) ' ' ⚖ '' '''
11. ΦϨϯδ vs ϛυϦ ͓஋ஈ ͓৭ ϩΰ(?) ࣮Ոύϫʔ† MKT$ ΦϨϯδ അंతͳԿ͔ 206.57 billion EUR (x1) FREE ϛυϦ ӋతͳԿ͔ 1.01 trillion USD (x4.5) †Market Capج४ (2024-01-27࣌఺) ' ' ⚖ '' '''
12. ) βɾΤϧϝε
13. Hermes Engine: ECMAScript ͷ࣮ߦ؀ڥ (for React Native) ChakraCore: MS Edge ͷ(ݩ) ECMAScript Τϯδϯ ࢀߟ: V8 / SpiderMonkey / JavaScriptCore: Chrome / Firefox / Safari ͷ ECMAScript Τϯδϯ ͸ͳʹ? ग़య: https://test262.fyi/ (not by TC39) (2024-01-27࣌఺)
14. Source Code: https://github.com/kxcdev/kxc-melange-react-native-template Left: Hermes Engine Right: JavaScriptCore on Google Pixel 6 !!!!! ͸ͱͯ΋଎͍
15. ग़య: https://www.callstack.com/blog/hermes-performance-on-ios Left: Hermes Engine Right: JavaScriptCore on iPhone 12 Mini ͸ͱͯ΋଎͍
16. ग़య: https://www.callstack.com/blog/hermes-performance-on-ios ← ← ← *Stock RN = JavaScriptCore Smaller = Better ͸ͱͯ΋଎͍
17. ग़య: https://www.callstack.com/blog/hermes-performance-on-ios ← ← ← ← *Stock RN = JavaScriptCore Smaller = Better
18. Source Code: https://github.com/kxcdev/kxc-melange-react-native-template Left: Hermes Engine Right: JavaScriptCore on Google Pixel 6 !!!!! ͸ͱͯ΋଎͍
19. ͳͥ଎͍? • AoT (Ahead of Time) ίϯύΠϧ • Source Code ==> Byte Code • Latency over Throughput • Better App Experience • Optimized for React Native • More Specialized == Easier Optimization
20. ΋ͬͱ଎͘ͳΔ? ग़య: https://speakerdeck.com/tmikov2023/static-hermes-react-native-eu-2023-announcement
21. ΋ͬͱ଎͘ͳΔ? ग़య: https://speakerdeck.com/tmikov2023/static-hermes-react-native-eu-2023-announcement
22. ΋ͬͱ଎͘ͳΔ? ग़య: https://speakerdeck.com/tmikov2023/static-hermes-react-native-eu-2023-announcement
23. ΋ͬͱૣ͘ͳΔ?? ग़య: https://speakerdeck.com/tmikov2023/static-hermes-react-native-eu-2023-announcement ग़య: https://speakerdeck.com/tmikov2023/static-hermes-react-native-eu-2023-announcement
24. ΋ͬͱૣ͘ͳΔ?? ग़య: https://speakerdeck.com/tmikov2023/static-hermes-react-native-eu-2023-announcement ग़య: https://speakerdeck.com/tmikov2023/static-hermes-react-native-eu-2023-announcement
25. ΋ͬͱ଎͘ͳΔ?? ग़య: https://github.com/facebook/hermes/discussions/1137
26. ΋ͬͱ଎͘ͳΔ?? ग़య: https://github.com/facebook/hermes/discussions/1137 ←ൺֱର৅
27. ΋ͬͱ଎͘ͳΔ?? ग़య: https://github.com/facebook/hermes/discussions/1137 ←ൺֱର৅ C → Static Hermes →
28. ·ͱΊ • Hermes (ϛυϦ) ଎͍! • C ʹඖఢͨ͠Γ?! • Hermes (ϛυϦ) Λ࢖ͬͯΈ·͠ΐ͏! • ࠷ۙͷ React Native ࢖͑͹ default ͕ Hermes • OCaml ͸͍͍ͥ! • Hermes (ϛυϦ) ͱͷ૬ੑ΋͹ͬͪΓ!