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
230
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
350
社内アプリで Cloudflare D1を プロダクト運用してみた体験談 @Cloudflare Meetup Nagoya
haochenx
0
170
Other Decks in Programming
See All in Programming
Jaspr Dart Web Framework 박제창 @Devfest 2024
itsmedreamwalker
0
150
2025.01.17_Sansan × DMM.swift
riofujimon
2
520
生成AIでGitHubソースコード取得して仕様書を作成
shukob
0
630
各クラウドサービスにおける.NETの対応と見解
ymd65536
0
250
PicoRubyと暮らす、シェアハウスハック
ryosk7
0
200
Lookerは可視化だけじゃない。UIコンポーネントもあるんだ!
ymd65536
1
130
Flatt Security XSS Challenge 解答・解説
flatt_security
0
710
.NETでOBS Studio操作してみたけど…… / Operating OBS Studio by .NET
skasweb
0
120
rails newと同時に型を書く
aki19035vc
5
710
ESLintプラグインを使用してCDKのセオリーを適用する
yamanashi_ren01
2
220
快速入門可觀測性
blueswen
0
490
KubeCon NA 2024の全DB関連セッションを紹介
nnaka2992
0
120
Featured
See All Featured
Why You Should Never Use an ORM
jnunemaker
PRO
54
9.1k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
127
18k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9.2k
How to train your dragon (web standard)
notwaldorf
89
5.8k
The Invisible Side of Design
smashingmag
299
50k
YesSQL, Process and Tooling at Scale
rocio
170
14k
Bash Introduction
62gerente
610
210k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
29
950
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
A designer walks into a library…
pauljervisheath
205
24k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
26
1.9k
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 (ϛυϦ) ͱͷ૬ੑͬͪΓ!