Skip to content

Latest commit

 

History

History
101 lines (76 loc) · 1.99 KB

iOS_SETUP_MAC.md

File metadata and controls

101 lines (76 loc) · 1.99 KB

iOS開発セットアップ手順（Mac環境）

1. 必要なソフトウェアのインストール

Xcodeのインストール

# App StoreからXcodeをインストール
# または
xcode-select --install

CocoaPodsのインストール

sudo gem install cocoapods

Node.jsのインストール

# Homebrewを使用
brew install node

# または公式サイトから
# https://nodejs.org/

React Native CLIのインストール

npm install -g @react-native-community/cli

2. iOSプロジェクトの初期化

cd tk_b_2501/frontend

# iOSプロジェクトを初期化
npx react-native init MobileApp --template react-native-template-typescript

# または既存のプロジェクトをiOS対応にする
npx react-native init MobileApp

3. iOS依存関係のインストール

cd ios
pod install
cd ..

4. iOSシミュレーターでの実行

# Metro bundlerを起動
npm start

# 別のターミナルでiOSアプリを起動
npm run ios

# または特定のシミュレーターを指定
npx react-native run-ios --simulator="iPhone 14"

5. トラブルシューティング

Pod installエラー

cd ios
pod deintegrate
pod install

シミュレーターが起動しない

# Xcodeでシミュレーターを手動起動
# または
xcrun simctl list devices
npx react-native run-ios --simulator="iPhone 14"

Metro bundlerエラー

npx react-native start --reset-cache

6. 開発フロー

  1. コード編集: App.tsxやその他のコンポーネントを編集
  2. ホットリロード: 変更が自動的にシミュレーターに反映
  3. デバッグ: Chrome DevToolsまたはFlipperを使用
  4. テスト: Jestでユニットテストを実行

7. 実機でのテスト

  1. Apple Developer Accountが必要
  2. Provisioning Profileの設定
  3. 実機でのビルド・実行
npx react-native run-ios --device