ゼロから始めるCodex（デスクトップ） - iOSアプリ

Codex AppでSwiftUIアプリ開発を始める手順【初心者向け】

はじめに

この記事では、Codex Appを使ってSwiftUIアプリ開発を始める手順を初心者向けにまとめます。

今回は、Mac上にアプリ開発用のフォルダーを作成し、Codex AppからSwiftUIアプリのプロジェクト作成を進める流れを説明します。

前提条件

この記事では、以下の環境がすでに準備されているものとします。

• Macを使用している
• Xcodeがインストールされている
• Codex Appがインストールされている

ステップ1：アプリを作るフォルダーを作成する

まず、アプリ開発用のフォルダーを作成します。

私の場合は、デスクトップに Programing_Codex というフォルダーを作成し、その中に今回作成するアプリ用のフォルダーとして projectX を作成しました。

フォルダー構成は以下のようになります。

Desktop/Programing_Codex/projectX

この projectX フォルダーが、今回Codexでアプリを作っていく作業フォルダーになります。

ステップ2：Codex Appを開く

次に、Codex Appを開きます。

Codexでは、ローカル環境のフォルダーを指定して、その中でアプリのコード作成や修正を進めることができます。

今回は、先ほど作成した以下のフォルダーを使います。

Desktop/Programing_Codex/projectX

ステップ3：build-ios-appsプラグインをインストールする

SwiftUIを使用してiOSアプリを開発するために、あらかじめ build-ios-apps プラグインをインストールしておきます。

Codex Appを使用している場合は、以下の手順でインストールできます。

1. 左サイドバーの「プラグイン」をクリックする
2. 検索バーに build-ios-apps と入力する
3. 表示されたプラグインを選択する
4. 「+」ボタンをクリックしてインストールする

ステップ4：スタータープロンプトを確認する

Codexのユースケースページでは、SwiftUIアプリを作成するためのスタータープロンプトが紹介されています。

まずは、以下のようなプロンプトを参考にして、SwiftUIアプリのプロジェクト作成を試してみます。

SwiftUI のスターター アプリをスキャフォールディングし、ローカル環境の `Build` アクションに接続できるビルドおよび起動スクリプトを追加します。
 
制約:
- CLI を優先します。Apple の `xcodebuild` を優先します。よりクリーンな設定が役立つ場合は、Tuist を使用しても構いません。
- このリポジトリに完全な Xcode プロジェクトが含まれている場合は、XcodeBuildMCP を使用してターゲットを一覧表示し、適切なスキームを選択し、ビルド、起動、およびイテレーション中にスクリーンショットをキャプチャします。
- 既存のモデル、ナビゲーション パターン、および共有ユーティリティが既に存在する場合は、それらを再利用します。
- Apple プラットフォームの共有実装を明示的に要求しない限り、アプリは iPhone と iPad に特化します。
- 変更のたびに、信頼できる小さな検証ループを使用し、より狭いチェックがパスした場合にのみ、より広いビルドに拡張します。
- これを新規スキャフォールディングとして扱ったのか、既存プロジェクトの変更として扱ったのかを教えてください。提供物：
  - アプリのスキャフォールドまたは要求された機能スライス
  - 正確なコマンドを含む小さなビルドおよび起動スクリプト
  - 実行した最小限の関連検証手順
  - 使用した正確なスキーム、シミュレータ、およびチェック

ステップ5：AIとアプリの仕様を設計する

ここまで準備できたら、次は実際に作りたいアプリの仕様を整理します。

いきなりCodexに作業を依頼するのではなく、まずはChatGPTなどのAIと相談しながら、アプリの内容を具体的に決めていくのがおすすめです。

例えば、以下のような内容をAIと一緒に整理します。

• どんなアプリを作りたいのか
• 誰が使うアプリなのか
• どんな画面が必要なのか
• どんな機能が必要なのか
• データはどこに保存するのか
• 最初のバージョンでは、どこまで作るのか
• 将来的に追加したい機能は何か

初心者の場合、最初から完璧な仕様を自分だけで考えるのは難しいです。

そのため、まずはChatGPTなどに「こういうアプリを作りたい」と相談し、必要な画面や機能を一緒に整理していきます。

そして、整理が終わったら、それをプロントにしてとお願いするだけです。

参考文献

この記事を作成するにあたり、以下の記事を参考にしました。

• Codex を利用した iOS アプリ開発を試してみた

上記の記事では、Codexを使ってSwiftUIプロジェクトを作成する流れや、build-ios-apps プラグインの利用、xcodebuild を使ったビルド、シミュレータでの起動確認などが詳しく紹介されています。

特に、初心者がCodexを使ってiOSアプリ開発を始める際に、以下の点が参考になります。

• CodexでSwiftUIプロジェクトを作成する流れ
• build-ios-apps プラグインの使い方
• Xcodeや xcodebuild の設定
• iOSシミュレータでアプリを起動する手順
• Codexに質問しながら学習用途として開発を進める方法