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
440
社内アプリで Cloudflare D1を プロダクト運用してみた体験談 @Cloudflare Meetup Nagoya
haochenx
0
210
Other Decks in Programming
See All in Programming
Processing Gem ベースの、2D レトロゲームエンジンの開発
tokujiros
2
130
🔨 小さなビルドシステムを作る
momeemt
4
690
さようなら Date。 ようこそTemporal! 3年間先行利用して得られた知見の共有
8beeeaaat
3
1.5k
Swift Updates - Learn Languages 2025
koher
2
510
Kiroで始めるAI-DLC
kaonash
2
630
print("Hello, World")
eddie
2
530
ファインディ株式会社におけるMCP活用とサービス開発
starfish719
0
2.1k
JSONataを使ってみよう Step Functionsが楽しくなる実践テクニック #devio2025
dafujii
1
640
Deep Dive into Kotlin Flow
jmatsu
1
370
基礎から学ぶ大画面対応(Learning Large-Screen Support from the Ground Up)
tomoya0x00
0
4.3k
Reading Rails 1.0 Source Code
okuramasafumi
0
250
AIを活用し、今後に備えるための技術知識 / Basic Knowledge to Utilize AI
kishida
22
5.9k
Featured
See All Featured
Measuring & Analyzing Core Web Vitals
bluesmoon
9
580
Designing for Performance
lara
610
69k
Large-scale JavaScript Application Architecture
addyosmani
513
110k
Automating Front-end Workflow
addyosmani
1370
200k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.4k
Building an army of robots
kneath
306
46k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.7k
Building Applications with DynamoDB
mza
96
6.6k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
30
9.7k
Intergalactic Javascript Robots from Outer Space
tanoku
272
27k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
46
7.6k
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 (ϛυϦ) ͱͷ૬ੑͬͪΓ!