react-native-expo について
Expo と React Native の開発ドキュメントを整理したスキルで、アプリ設定、SDK、ネイティブビルド、EAS、更新手順を扱います。Expo アプリの実装やトラブル対応に使える、開発者向けのテーマ別参照資料です。
主な機能
- 01アプリ設定と開発フローの資料
- 02Expo SDK とネイティブモジュールのガイド
- 03EAS Build と提出のワークフロー
- 04シミュレーターと開発ビルドの解説
- 05OTA 更新とバージョンアップの案内
活用シーン
- 01Expo アプリを設定し開発ビルドの手順を選択
- 02SDK パッケージと設定プラグインでネイティブ機能を利用
- 03Metro、バージョン不整合、実行時エラーを調査
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ hairyf/ skills --skill react-native-expoインストール後、Claude Code で/react-native-expoを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
GENERATION.mdreferences/best-practices-common-errors.mdbest-practices-debugging.mdcore-config.mdcore-continuous-native-generation.mdcore-development-mode.mdcore-development-workflow.mdcore-logging.mdcore-metro.mdfeatures-config-plugins.mdfeatures-eas-submit.mdfeatures-eas.mdfeatures-expo-modules.mdfeatures-native-modules.mdfeatures-sdk-constants.mdfeatures-sdk-filesystem.mdfeatures-sdk-image.mdfeatures-sdk-secure-store.mdfeatures-simulators-emulators.mdfeatures-updates.mdfeatures-versioning.md詳細
このスキルは Expo SDK(expo/expo リポジトリのドキュメント)を基にしており、2026-02-26 に生成されました。
Expo は React Native 向けに、アプリ設定と Prebuild(継続的ネイティブ生成)、Expo SDK パッケージ、開発ビルド、EAS Build(クラウドビルドと内部配布)、EAS Update(JavaScript の OTA アップデート)などのツールとサービスを提供しています。本番アプリには開発ビルドを使用してください。Expo Go は機能が限られたプレイグラウンドです。
コアリファレンス
| トピック | 説明 | リファレンス |
|---|---|---|
| アプリ設定 | app.json、app.config.js/ts、動的設定、アプリ内での読み込み | core-config |
| 開発ワークフロー | 開発ループ、開発ビルドと Expo Go の比較、再ビルドのタイミング | core-development-workflow |
| 開発モードと本番モード | DEV、--no-dev --minify、それぞれの使用場面 | core-development-mode |
| Metro | metro.config.js、リゾルバー、トランスフォーマー、キャッシュ、環境変数 | core-metro |
| ロギング | ターミナルのコンソール、ネイティブログ、log-android / log-ios | core-logging |
| CNG と Prebuild | npx expo prebuild、--clean、EAS Build とネイティブディレクトリ | core-continuous-native-generation |
機能
Expo SDK とネイティブコード
| トピック | 説明 | リファレンス |
|---|---|---|
| Expo SDK とサードパーティーライブラリ | npx expo install によるインストール、互換性、設定プラグイン | features-expo-modules |
| expo-constants | アプリマニフェスト、ビルド情報、システム定数、実行時の extra/env | features-sdk-constants |
| expo-image | 高性能な画像コンポーネント、キャッシュ、BlurHash/ThumbHash、contentFit | features-sdk-image |
| expo-file-system | ファイルとディレクトリの API、Paths.cache/document、読み書き、ダウンロード | features-sdk-filesystem |
| expo-secure-store | 暗号化されたキーと値のストア、オプションの生体認証 | features-sdk-secure-store |
| 設定プラグイン | Prebuild 中に AndroidManifest と Info.plist を変更するプラグインの使用と作成 | features-config-plugins |
| ネイティブモジュール | Expo Modules API、ローカルモジュール、ネイティブ設定用の設定プラグイン、ライフサイクル | features-native-modules |
EAS Build と Submit
| トピック | 説明 | リファレンス |
|---|---|---|
| EAS Build | クラウドビルド、eas.json プロファイル、開発/プレビュー/本番 | features-eas |
| EAS Submit | Google Play と App Store(TestFlight)への提出、eas.json、CI | features-eas-submit |
開発エクスペリエンス
| トピック | 説明 | リファレンス |
|---|---|---|
| iOS Simulator と Android エミュレーター | セットアップ、npx expo start + i/a、制限事項、トラブルシューティング | features-simulators-emulators |
アップデートとバージョン管理
| トピック | 説明 | リファレンス |
|---|---|---|
| expo-updates と EAS Update | OTA アップデート、ランタイムバージョン、チャンネル | features-updates |
| Expo SDK のアップグレード | 段階的なアップグレード、npx expo install --fix、expo-doctor | features-versioning |
ベストプラクティス
| トピック | 説明 | リファレンス |
|---|---|---|
| デバッグ | 開発時と本番時のエラー、ネイティブログ、クラッシュの再現 | best-practices-debugging |
| よくある開発エラー | Metro、AppRegistry、SDK バージョン、バージョンの不一致、キャッシュ | best-practices-common-errors |
コメント
Markdown 対応