Logo
    Hermes Engineに変更した話

    Hermes Engineに変更した話

    はじめに

    ゆとり世代の中野です。

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

    チャレンジする背景

    • 公式ドキュメントめくってたら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でプロダクトを作っています

    image

    ©ゆとりちゃれんじ

    GitHubXInstagram