【結論】解決策 / 実行コマンド
Expoアプリの初期化はClaude Codeにコマンドを推測させるより、公式create-expo-appで土台を作る方が再現性があります。
Claude Codeには既存のExpo Router構成、SDKバージョン、対象OSを確認させてから画面単位で実装を依頼します。
Web版はChrome連携、iOS/Androidは実機またはシミュレーターで検証します。
# ターミナルで実行:Expo公式テンプレートを作成
npx create-expo-app@latest my-mobile-app
cd my-mobile-app
# ターミナルで実行:基準点を保存
git init && git add . && git commit -m "chore: initialize Expo app"
# ターミナルで実行:Claude Codeを起動
claude具体的な手順・設定方法
package.jsonとappディレクトリを確認し、採用済みルーティングを維持します。画面、状態管理、ネイティブ権限、データ取得を別タスクに分けます。
npx expo startを別ターミナルで起動し、型チェックと実機確認を行います。
実践プロンプト / 活用テクニック
# 起動後のセッション内で入力
既存のExpo Router構成を維持してHomeとSettingsを追加してください。
新しいナビゲーション依存は不要なら追加しないでください。
最初に変更予定ファイルを示し、実装後にTypeScriptチェックを実行してください。注意点・よくあるエラーと対処法
android/とios/を一律に無視するとネイティブ設定変更を見落とします。
カメラ、通知、位置情報はOS権限と実機検証が必要です。
シミュレーター起動は環境により可能ですが、表示品質の最終確認は人間が行ってください。