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
240
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
420
社内アプリで Cloudflare D1を プロダクト運用してみた体験談 @Cloudflare Meetup Nagoya
haochenx
0
200
Other Decks in Programming
See All in Programming
Rubyでやりたい駆動開発 / Ruby driven development
chobishiba
1
360
既存デザインを変更せずにタップ領域を広げる方法
tahia910
1
240
LINEヤフー データグループ紹介
lycorp_recruit_jp
0
870
Effect の双対、Coeffect
yukikurage
5
1.5k
データの民主化を支える、透明性のあるデータ利活用への挑戦 2025-06-25 Database Engineering Meetup#7
y_ken
0
310
第9回 情シス転職ミートアップ 株式会社IVRy(アイブリー)の紹介
ivry_presentationmaterials
1
230
Systèmes distribués, pour le meilleur et pour le pire - BreizhCamp 2025 - Conférence
slecache
0
100
プロダクト志向なエンジニアがもう一歩先の価値を目指すために意識したこと
nealle
0
110
C++20 射影変換
faithandbrave
0
530
すべてのコンテキストを、 ユーザー価値に変える
applism118
2
750
iOSアプリ開発で 関数型プログラミングを実現する The Composable Architectureの紹介
yimajo
2
210
XSLTで作るBrainfuck処理系
makki_d
0
210
Featured
See All Featured
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
5
210
The Cost Of JavaScript in 2023
addyosmani
51
8.4k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
48
2.8k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Speed Design
sergeychernyshev
32
1k
Automating Front-end Workflow
addyosmani
1370
200k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
Optimizing for Happiness
mojombo
379
70k
Side Projects
sachag
455
42k
How to Think Like a Performance Engineer
csswizardry
24
1.7k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
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 (ϛυϦ) ͱͷ૬ੑͬͪΓ!