This documentation is available as Markdown for AI agents and LLMs. See the full Markdown index or append .md to any documentation URL.

チームにプレビューを共有する

ページを編集

EAS Update を使って OTA(アプリストアを介さない)アップデートを配信し、チームにプレビューを共有する方法を学びます。


OTA(Over-The-Air)アップデートは通常、アプリストアのリリースとリリースの間で、小さなバグ修正や小さな変更を配信するために使います。JavaScript コード、スタイル、画像といった、サンプルアプリのネイティブでない部分を更新できます。

この章では、EAS Update を使ってチームに変更を共有します。これにより 自分とチームで素早くプレビューを共有 できるようになります。

視聴:チームにプレビューを共有する方法
視聴:チームにプレビューを共有する方法

アプリストアのリリースの合間に、アプリのプレビュー版をチームへ共有できるよう EAS Update を設定します。


1

expo-updates ライブラリをインストールする

プロジェクトを初期化してアップデートを配信するには、expo-updates ライブラリが必要です。次のコマンドでインストールします。

Terminal
- npx expo install expo-updates
- yarn expo install expo-updates
- pnpm expo install expo-updates
- bun expo install expo-updates

2

EAS Update を設定する

EAS Update でプロジェクトを初期化するには、次のコマンドを実行します。

Terminal
- eas update:configure

このコマンドは updates と runtimeVersion のプロパティを app.json に追加します。app.config.js は、これらを config を通して読み込みます。また、eas.json のすべてのビルドプロファイルに channel も追加します。

eas.json
{ "build": { "development": { %%placeholder-start%%... %%placeholder-end%% "channel": "development" }, "ios-simulator": { %%placeholder-start%%... %%placeholder-end%% }, "preview": { %%placeholder-start%%... %%placeholder-end%% "channel": "preview" }, "production": { %%placeholder-start%%... %%placeholder-end%% "channel": "production" } } %%placeholder-start%%... %%placeholder-end%% }
app.config.js が app.json から値を読み込まない場合は?

app.config.js が app.json の config の値を使っていない場合、EAS CLI は updates と runtimeVersion のプロパティを自動で追加できません。代わりに、app.config.js に手動で追加するための値を表示します。値を追加したら、eas update:configure をもう一度実行してセットアップを完了します。

channel とは?

チャンネル は、ビルドをグループ化するために使います。Android と iOS のビルドが両方ともアプリストアにあるなら、どちらにも production チャンネルを与えられます。あとから EAS Update に production チャンネルを対象にするよう指示すれば、production チャンネルを持つすべてのビルドにアップデートが届きます。

3

開発ビルドを作成する

直近のビルドには expo-updates ライブラリが含まれていないため、新しい開発ビルドを作成する必要があります。次のコマンドを実行しましょう。

Terminal
- eas build --platform android --profile development

新しいバージョンの開発ビルドができたら、必ずデバイスにインストールしてください。

4

アプリの JavaScript コードを変更する

サンプルアプリの JavaScript コードを変更してみましょう。Sticker Smash アプリ を使っていない場合は、自分のコードの好きな部分を変更してアプリでの変化を確認してください。

ここでは、サンプルアプリの最初のボタンのテキストを Choose a photo から Select a photo に変更します。

src/app/(tabs)/index.tsx
<Button theme="primary" label="Select a photo" onPress={pickImageAsync} />

5

アップデートを公開する

この変更をチームにテストしてもらうために新しいビルドを作るのではなく、アップデートを公開しましょう。

Terminal
- eas update --channel development --message "Change first button label"

上のコマンドでは development チャンネルを使いました。すべてのアップデートは チャンネル名 に紐づきます。git のコミットが必ず git ブランチに紐づくのと似ています。

つまり、ビルドプロファイルで development チャンネルを使い、そのチャンネルにアップデートを公開します。これにより、development チャンネルを持つビルドにアップデートを届けるよう EAS に指示します。EAS Update のチャンネルを作ると、EAS は同じ名前のブランチにそのチャンネルを自動的にマッピングします。

アップデートを公開すると、CLI がその情報を出力します。

EAS Dashboard のリンクをクリックすると、Over-the-air updates > Update groups でアップデートを確認できます。

6

開発ビルドでアップデートをその場でプレビューする

開発ビルドでアップデートをその場でプレビューするには、次のようにします。

  • 開発ビルド内で Expo アカウントにログインします。
  • Updates タブを開きます。
  • Android では、Branch: development のカードをタップしてから、アップデートをタップします。iOS では、Branch: development のアップデートの横にある Open をタップします。

7

Preview や production のビルドに変更を共有する

開発ビルド以外(preview や production)のアップデートは、アプリの起動時に新しいアップデートを問い合わせ、自動的にデバイスへダウンロードされます。

preview や production のビルドを使っているチームメンバーには、該当ブランチに配信した変更がアップデートとして届きます。

たとえば preview ビルド向けには、次のように実行します。

Terminal
- eas update --channel preview --message "Change first button label"

以下は preview ビルド向けにアップデートを公開した例です。アップデートをテストするには、アプリを強制終了して 2 回開き直すと、変更がダウンロードされて表示されます。

まとめ

第 10 章:チームにプレビューを共有する

EAS Update を設定してプラットフォームをまたいで OTA アップデートを管理・公開し、レビュー用にアップデートを取得する方法を確認しました。

次の章では、GitHub リポジトリからビルドをトリガーする流れを学びます。

次へ:GitHub リポジトリからビルドをトリガーする