> ## Documentation Index
> Fetch the complete documentation index at: https://docs.devin.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Devin で iOS アプリを構築する

> macOS VM 上で Devin を使って iOS アプリを構築する: SwiftUI コードのビルド、iOS シミュレータでのテスト、TestFlight への配信

<Frame>
  <img src="https://mintcdn.com/cognitionai/nOB7SYTW-6Ix7PWT/images/tutorial-library/flappy-otter.gif?s=f4420a342ae777c12163940807959804" alt="macOS VM 上で iOS ゲームを構築する Devin" width="1864" height="1080" data-path="images/tutorial-library/flappy-otter.gif" />
</Frame>

<div id="before-you-start">
  ## 始める前に
</div>

<Tabs>
  <Tab title="Pro または Teams">
    Devin の [Pro または Teams](/ja/admin/billing/self-serve) アカウントをお持ちであることをご確認ください。macOS セッションはデフォルトで利用できます。
  </Tab>

  <Tab title="Enterprise">
    * **macOS VM の有効化**: アカウントチームに、組織で macOS VM を有効化するよう依頼してください。詳しくは [macOS サポート](/ja/onboard-devin/environment/macos-support)をご覧ください。
    * **Desktop モードの有効化**: [設定 > カスタマイズ](https://app.devin.ai/customization)で **Enable Desktop モード** をオンにします。これにより、Devin がシミュレータを操作し、テストの様子を記録できるようになります。詳しくは [Computer Use](/ja/work-with-devin/computer-use)をご覧ください。
  </Tab>
</Tabs>

<div id="step-1-prompt-devin-to-build-the-app">
  ## Step 1: Devin にアプリのビルドを指示する
</div>

[Devin](https://app.devin.ai/) を開き、プロンプトボックスの下にあるプラットフォームメニューから **macOS** を選択します。Xcode、iOS シミュレータ、Homebrew はプリインストール済みです。

<Frame>
  <img src="https://mintcdn.com/cognitionai/qTeOZiARn3g19g1z/images/tutorial-library/ios-app-choose-macos.png?fit=max&auto=format&n=qTeOZiARn3g19g1z&q=85&s=d7903bb01d581b1d034e5edaf9a8526b" alt="Devin のプロンプトボックスの下にあるプラットフォームメニューから macOS を選択する" width="1964" height="1064" data-path="images/tutorial-library/ios-app-choose-macos.png" />
</Frame>

Devin にビルドしてほしいものを入力します。

```text theme={null}
iPhone 向けに flappy otter っていうゲームを作って。flappy bird みたいな感じで、鳥じゃなくてかわいいカワウソにして
```

<div id="step-2-watch-devin-build-and-test">
  ## ステップ2: Devin のビルドとテストを見守る
</div>

Devin は iOS 開発者と同じような流れでタスクを進めます。

<Frame>
  <img src="https://mintcdn.com/cognitionai/icmftsHrCf6R13_9/images/tutorial-library/ios-app-session.png?fit=max&auto=format&n=icmftsHrCf6R13_9&q=85&s=1c1490a6a419957ea3725140fd7711e9" alt="macOS セッションで Flappy Otter をビルドする Devin" width="2974" height="1712" data-path="images/tutorial-library/ios-app-session.png" />
</Frame>

1. **Xcode でプロジェクトを作成**
2. **ビルドしてエラーを修正**
3. **シミュレータでゲームを実行**
4. **ゲームをプレイ**: [Computer Use](/ja/work-with-devin/computer-use) でタップしてカワウソをジャンプさせ、スコアと衝突判定が正しく動作するかを検査したうえで、その実行を[録画](/ja/work-with-devin/testing-and-recordings)します。
5. **結果を共有**: 録画を送信し、セッションにリポジトリがあればプルリクエストを作成します。

<Frame>
  <img src="https://mintcdn.com/cognitionai/icmftsHrCf6R13_9/images/tutorial-library/otter-recording.gif?s=38ade049944bcc5fbf33842c899cb3ba" alt="iOS シミュレータで Flappy Otter を実行する Devin の録画" width="1000" height="579" data-path="images/tutorial-library/otter-recording.gif" />
</Frame>

セッションのワークスペースで **Computer** タブを開くと、Devin がアプリをタップ操作する様子を、起動中のシミュレータ上でリアルタイムに確認できます。

<Frame>
  <img src="https://mintcdn.com/cognitionai/gGes9NNzAQ-H2nvl/images/tutorial-library/ios-app-computer.png?fit=max&auto=format&n=gGes9NNzAQ-H2nvl&q=85&s=8d6634f21671ae08b862cec93cd21833" alt="iOS シミュレータで Flappy Otter を表示する Computer タブ" width="1600" height="918" data-path="images/tutorial-library/ios-app-computer.png" />
</Frame>

<div id="step-3-review-and-iterate">
  ## ステップ3: レビューと反復
</div>

同じセッション内で機能を追加しながら開発を続けましょう。

<Frame>
  <img src="https://mintcdn.com/cognitionai/gGes9NNzAQ-H2nvl/images/tutorial-library/ios-app-more-features.png?fit=max&auto=format&n=gGes9NNzAQ-H2nvl&q=85&s=0396d2676a466e2091f48b0821629ee3" alt="同じセッションで Devin に Flappy Otter の機能追加を依頼する" width="1600" height="922" data-path="images/tutorial-library/ios-app-more-features.png" />
</Frame>

<div id="optional-ship-a-beta-to-testflight">
  ## 任意: TestFlightにベータ版を配信する
</div>

実機のiPhoneでテストするには、[iOSビルドをTestFlightにアップロードする](/ja/onboard-devin/environment/testflight)を参照してください。

DevinのmacOS サポートについて詳しくは、[macOS サポートの制限事項](/ja/onboard-devin/environment/macos-support#limitations)を参照してください。

<div id="next-steps">
  ## 次のステップ
</div>

<CardGroup cols={2}>
  <Card title="TestFlightへのアップロード" icon="paper-plane" href="/ja/onboard-devin/environment/testflight">
    ビルドをアップロードするためのApp Store Connectの設定、APIキー、シークレット
  </Card>

  <Card title="macOSのサポート" icon="apple" href="/ja/onboard-devin/environment/macos-support">
    macOSセッション向けのブループリント設定、プリインストール済みツール、トラブルシューティング
  </Card>

  <Card title="テストと録画" icon="video" href="/ja/work-with-devin/testing-and-recordings">
    Devinがアプリをテストし、結果を記録する仕組み
  </Card>
</CardGroup>