はじめに

ゆとり世代の中野です。

さっそくチャレンジについて書いていきます。

チャレンジする背景

• 公式ドキュメントめくってたらHermesについて知った

チャレンジ内容

• Hermesを使えるようにする

やったこと

前提

• v46のExpoを使用

そもそも Hermes is 何

HermesはReact Nativeに最適化されたJavaScriptエンジンです。JavaScriptを先にバイトコードにコンパイルすることで、Hermesはアプリの起動時間を向上させることができます。Hermesのバイナリサイズも、JavaScriptCore（JSC）など他のJavaScriptエンジンに比べて小さくなっています。また、実行時に使用するメモリも少なく、これは特に低スペックのAndroidデバイスで価値があります。

https://docs.expo.dev/guides/using-hermes/

導入方法

• Packageの追加などは不要
• App.jsonにjsEngineでhermesを指定するだけ

{
  "expo": {
    ...
    "jsEngine": "hermes",
    ...
  }
}

導入後

• eas build をして成果物の容量を導入前後で比較してみた

	導入前	導入後
Android(apk)	33.6M	26.3M
iOS	21.5MB	31.7MB

結論

• Androidは減った
• iOSは増えた

さいごに

• こんな簡単に容量もパフォーマンスもあがるならとりあえずやるだけやって損はなさそう

yutanakano

WEBエンジニア

大阪生まれのゆとり世代です

趣味はバイクでツーリングに行くこと

愛車は Ninja ZX-25R SE KRT EDITION

Expoでプロダクトを作っています