Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Hermes Engineのチカラを その身で感ぜよう!
Search
Haochen Kotoi-Xie
January 27, 2024
Programming
0
220
Hermes Engineのチカラを その身で感ぜよう!
Hermes Engine が速いという話
Haochen Kotoi-Xie
January 27, 2024
Tweet
Share
More Decks by Haochen Kotoi-Xie
See All by Haochen Kotoi-Xie
社内アプリで Cloudflare D1を プロダクト運用してみた体験談(Tokyo)
haochenx
0
340
社内アプリで Cloudflare D1を プロダクト運用してみた体験談 @Cloudflare Meetup Nagoya
haochenx
0
160
Other Decks in Programming
See All in Programming
Cloudflare MCP ServerでClaude Desktop からWeb APIを構築
kutakutat
1
630
PSR-15 はあなたのための ものではない? - phpcon2024
myamagishi
0
360
iOS開発におけるCopilot For XcodeとCode Completion / copilot for xcode
fuyan777
1
1.2k
Androidアプリのモジュール分割における:x:commonを考える
okuzawats
1
260
menu基盤チームによるGoogle Cloudの活用事例~Application Integration, Cloud Tasks編~
yoshifumi_ishikura
0
130
毎日13時間もかかるバッチ処理をたった3日で60%短縮するためにやったこと
sho_ssk_
1
500
PHPカンファレンス 2024|共創を加速するための若手の技術挑戦
weddingpark
0
120
アクターシステムに頼らずEvent Sourcingする方法について
j5ik2o
6
670
Package Traits
ikesyo
1
150
週次リリースを実現するための グローバルアプリ開発
tera_ny
1
760
テストコードのガイドライン 〜作成から運用まで〜
riku929hr
6
1.3k
Scalaから始めるOpenFeature入門 / Scalaわいわい勉強会 #4
arthur1
1
380
Featured
See All Featured
Typedesign – Prime Four
hannesfritz
40
2.5k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
191
16k
Code Reviewing Like a Champion
maltzj
521
39k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
365
25k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
230
52k
GraphQLとの向き合い方2022年版
quramy
44
13k
Git: the NoSQL Database
bkeepers
PRO
427
64k
Agile that works and the tools we love
rasmusluckow
328
21k
Mobile First: as difficult as doing things right
swwweet
222
9k
Build The Right Thing And Hit Your Dates
maggiecrowley
33
2.5k
Adopting Sorbet at Scale
ufuk
74
9.1k
Designing for humans not robots
tammielis
250
25k
Transcript
Haochen Kotoi-Xie on 2024-01-27 (bd04w6) Hermes EngineͷνΧϥΛ ͦͷͰײͥΑ͏! @NGK2024S
Τϧϝεͷ͠Λ͠·͢ Hermès
! ʮΤϧϝεʯͱ͍͏ͱ
! ʮΤϧϝεʯͱ͍͏ͱ ΦϨϯδͷԿ͔
ͷ܅!
"#$ ΞϯέʔτλΠϜ %%% • ʮJavaScriptʯΛ͍ͬͯ·͔͢? • ʮOCamlʯΛ͍ͬͯ·͔͢? • ʮECMAScriptʯΛ͍ͬͯ·͔͢? What
is?
Hermes Engine: ECMAScript ͷ࣮ߦڥ ग़య: https://test262.fyi/ (not by TC39) (2024-01-27࣌)
What is?
React Native ͷͨΊʹ࡞ΒΕͨ
ͷͰɺ& Facebook (ݱmeta)
ΦϨϯδ vs ϛυϦ ͓ஈ ͓৭ ϩΰ(?) ࣮Ոύϫʔ† MKT$ ΦϨϯδ അंతͳԿ͔
206.57 billion EUR (x1) FREE ϛυϦ ӋతͳԿ͔ 1.01 trillion USD (x4.5) †Market Capج४ (2024-01-27࣌) ' ' ⚖ '' '''
ΦϨϯδ vs ϛυϦ ͓ஈ ͓৭ ϩΰ(?) ࣮Ոύϫʔ† MKT$ ΦϨϯδ അंతͳԿ͔
206.57 billion EUR (x1) FREE ϛυϦ ӋతͳԿ͔ 1.01 trillion USD (x4.5) †Market Capج४ (2024-01-27࣌) ' ' ⚖ '' '''
) βɾΤϧϝε
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࣌)
Source Code: https://github.com/kxcdev/kxc-melange-react-native-template Left: Hermes Engine Right: JavaScriptCore on Google
Pixel 6 !!!!! ͱ͍ͯ
ग़య: https://www.callstack.com/blog/hermes-performance-on-ios Left: Hermes Engine Right: JavaScriptCore on iPhone 12
Mini ͱ͍ͯ
ग़య: https://www.callstack.com/blog/hermes-performance-on-ios ← ← ← *Stock RN = JavaScriptCore Smaller
= Better ͱ͍ͯ
ग़య: https://www.callstack.com/blog/hermes-performance-on-ios ← ← ← ← *Stock RN = JavaScriptCore
Smaller = Better
Source Code: https://github.com/kxcdev/kxc-melange-react-native-template Left: Hermes Engine Right: JavaScriptCore on Google
Pixel 6 !!!!! ͱ͍ͯ
ͳ͍ͥ? • AoT (Ahead of Time) ίϯύΠϧ • Source Code
==> Byte Code • Latency over Throughput • Better App Experience • Optimized for React Native • More Specialized == Easier Optimization
ͬͱ͘ͳΔ? ग़య: https://speakerdeck.com/tmikov2023/static-hermes-react-native-eu-2023-announcement
ͬͱ͘ͳΔ? ग़య: https://speakerdeck.com/tmikov2023/static-hermes-react-native-eu-2023-announcement
ͬͱ͘ͳΔ? ग़య: https://speakerdeck.com/tmikov2023/static-hermes-react-native-eu-2023-announcement
ͬͱૣ͘ͳΔ?? ग़య: https://speakerdeck.com/tmikov2023/static-hermes-react-native-eu-2023-announcement ग़య: https://speakerdeck.com/tmikov2023/static-hermes-react-native-eu-2023-announcement
ͬͱૣ͘ͳΔ?? ग़య: https://speakerdeck.com/tmikov2023/static-hermes-react-native-eu-2023-announcement ग़య: https://speakerdeck.com/tmikov2023/static-hermes-react-native-eu-2023-announcement
ͬͱ͘ͳΔ?? ग़య: https://github.com/facebook/hermes/discussions/1137
ͬͱ͘ͳΔ?? ग़య: https://github.com/facebook/hermes/discussions/1137 ←ൺֱର
ͬͱ͘ͳΔ?? ग़య: https://github.com/facebook/hermes/discussions/1137 ←ൺֱର C → Static Hermes →
·ͱΊ • Hermes (ϛυϦ) ͍! • C ʹඖఢͨ͠Γ?! • Hermes
(ϛυϦ) ΛͬͯΈ·͠ΐ͏! • ࠷ۙͷ React Native ͑ default ͕ Hermes • OCaml ͍͍ͥ! • Hermes (ϛυϦ) ͱͷ૬ੑͬͪΓ!