Skip to main content

Expoとは

Expoは、React Nativeアプリケーションの開発を簡素化するプラットフォームです。複雑な環境設定なしに、JavaScriptのみでiOS・Androidアプリを同時開発できます。

主な特徴​

✅ メリット​

  • 環境設定不要 - XcodeやAndroid Studioの設定が不要
  • 即座に開始 - インストール後すぐに開発開始
  • リアルタイム更新 - コード変更が即座にデバイスに反映
  • 豊富なAPI - カメラ、GPS、通知などの機能が簡単に利用可能
  • クロスプラットフォーム - 1つのコードでiOS・Android両対応

⚠️ 制限事項​

  • ネイティブコードの直接編集ができない
  • 一部サードパーティライブラリが制限される

基本的な使い方​

1. インストール​

npm install -g @expo/cli

2. プロジェクト作成​

expo init MyApp
cd MyApp

3. 開始​

expo start

デバッグ方法​

公式Expoアプリでのデバッグ​

  1. アプリインストール

    • iOS: App Store「Expo Go」
    • Android: Google Play Store「Expo」

  2. 接続方法

    • 開発サーバーの起動
      • スタート
      • 同一ネットワーク（Wi-Fi）で自動接続
      • 直接QRコードをスキャン
    • テスト配信
      • easに配信
      • QRコードをスキャン

  3. デバッグ機能

    • デバイスを振って開発者メニューを表示
    • リモートJS デバッグ有効化
    • Chrome DevToolsでブレークポイント設定
    • ログ出力の確認