【エキスポ】

Expo(エキスポ) とは?

💡 セットアップ地獄からの解放→ すぐにアプリ開発を始められる!
📌 このページのポイント
Expo 開発フロー 開発 React Native + Expo SDK セットアップ不要 テスト Expo Go QRコード読込 ホットリロード EAS Build クラウドビルド iOS / Android Macなしで iOS可 配信 EAS Submit App Store Google Play Expo SDK — ネイティブ機能をJSだけで利用 カメラ 位置情報 プッシュ通知 ファイル
Expoのビルド・テスト・配信フローのイメージ
ひよこ ひよこ

React Nativeでアプリを作りたいんだけど、セットアップが大変って聞いたよ…

ペンギン先生 ペンギン先生

そうなんだ。素のReact NativeだとXcodeAndroid Studio、各種SDKインストールが必要で、環境構築だけで1日かかることもある。Expoを使えばその苦労がほぼなくなるよ

ひよこ ひよこ

Expo Goって何?

ペンギン先生 ペンギン先生

スマホにインストールするテスト用のアプリだよ。QRコードを読み込むだけで開発中のアプリが実機で動くんだ。コードを変更したら即座に反映されるホットリロード機能もあるから、開発テンポがめちゃくちゃ速くなるよ

ひよこ ひよこ

カメラとか通知とかのネイティブ機能は使えるの?

ペンギン先生 ペンギン先生

Expo SDKにカメラ・位置情報プッシュ通知・ファイルシステムなどのモジュールが揃っているから、JavaScriptだけで使えるよ。SwiftKotlinのネイティブコードを書く必要がないんだ

ひよこ ひよこ

アプリをストアに出すのも楽になるの?

ペンギン先生 ペンギン先生

EAS(Expo Application Services)というクラウドサービスがあって、ビルドからApp Store・Google Playへの申請まで自動化できるんだ。ローカルにMacがなくてもiOSアプリのビルドができるのは大きなメリットだよ

ひよこ ひよこ

Expoを使わないReact Nativeと比べてデメリットはないの?

ペンギン先生 ペンギン先生

以前は「Expoだとネイティブモジュールが追加できない」という制約があったけど、今はExpo DevClientを使えばカスタムネイティブモジュールも問題なく使えるよ。React Nativeの公式ドキュメントでもExpoが推奨されているくらいだから、今から始めるならExpo一択と言ってもいいくらいだね

ペンギン
まとめ:ざっくりこれだけ覚えればOK!
「Expo」って出てきたら「React Nativeのアプリ開発をめちゃくちゃ楽にしてくれるプラットフォーム」と思えればだいたいOK!
📖 おまけ:英語の意味
「Expo」 = エキスポ(博覧会)
💬 博覧会のように「いろいろな技術を集めて見せる場」というニュアンスが込められているよ。多機能なプラットフォームにぴったりの名前だね
← 用語集にもどる