誰でもできるiPhoneアプリ構築その1
昨年からスタートしたiPhone, iPad, Macアプリの作成方法について、誰でもできるよということを伝え、やってもらうためのnote
必要なもの
Mac
iPhone
Xcode
OpenAIのCodexを使えるアカウント or Claude Codeを使えるアカウント
エディタ(VS Code, Cursor, Antigravity、Windsurf等、なんでもOK)
オプション
Githubアカウント
ChatGPT, Claude, Gemini等のLLMアカウント(企画書作るのに使います)
セットアップ
Xcodeは開発者じゃないとインストールしてないと思うのでインストールしましょう。重たいので時間がかかります。
まずはXcodeでプロジェクトを作りましょう
Appを選んでください
名前はなんでもOKです
Host in CloudKitにチェック入れておくと、データがiCloud経由で同期するので、複数デバイスにデータ同期したいアプリの場合はチェックを入れます
これでテンプレアプリができました
もうこの時点で、iPhoneにアプリを転送できるので一度やってみましょう
からのアプリがiPhoneに転送されるはずです。おめでとうございます！これで終わりです！というのは冗談なのですが、とりあえずここまで来るというのが重要です
企画書を書いてアプリ名を決めよう
何をやりたいのかをChatGPTとかClaudeとかGeminiとかに相談していきましょう。本当は↑のプロジェクト作成はその後にやったほうが良いのですが、何をやるか書いておきます
やりたいことを決める
アプリ名を決める(重要)
この2つです。アプリ名が決まったあとに↑のプロジェクト作成をしたほうが良いと思いますよ。
キャッチボールを続けて最後にこんなかんじでまとめます
Codexを使う場合
AGENTS.md にコンセプトをまとめてください
Claude Codeを使う場合
CLAUDE.md にコンセプトをまとめてください
後で使うので画面置いといてください
エディタを開こう(Cursorの場合)
他のエディタでもだいたい同じです
先程作成したプロジェクトのフォルダを開いてください
こんな感じになると思います
エディタにエクステンションをインストールする
Claude CodeもしくはCodexを入れてみてください
左ペインにあるフォルダリストをクリックすると、フォルダの中に実ファイルがあるので、それを開いてください
そうすると、ファイルエディタ領域の右上に ⋯ ボタンがあるので、そこからClaude Code Open、Open Codex Sidebarのいずれかを選びます
ログインしておく
開くと、こんな感じの画面が出ます。これはCodexの場合ですが、サインインしてください。
続行ボタンを押すと、エディタから呼び出すことができるようになります
Nextを押してすべて終わらせましょう
さぁ開発を始めよう
Codexの場合は、ファイルリストのトップのフォルダを右クリックしてメニューを呼び出し、フォルダを作成してください .codex という名前で作ります
次に、作成した.codexフォルダを右クリックして新しいファイルを作成。ファイル名を AGENTS.md とします。
Claude Codeを使う場合は、トップフォルダにファイル新規作成でCLAUDE.md を作成してください
AGENTS.mdが開くと思いますので、ここに先程ChatGPT等と壁打ちした内容をコピペします。
これで準備は完了です
さぁ開発が始まるぞ
ここまで行ったら、Codex or Claude Codeに指示を出します
@AGENTS.md と入れると、ファイル選択の補完が働きますので、それを選択し、
AGENTS.md を読んで実装計画を作成し、プロトタイプをつくってください
と入れて実行します。これだけでOKです。
Xcodeでビルドしてみよう
一通りの作成が終わったらビルドしてみましょう。
↑のほうで、Xcodeで再生ボタンを押したと思うのですが、それです。それだけで転送が完了！これだけです。素晴らしい！あなたはもうVibe Coderを名乗れます。
ビルドがコケたら？
xcodebuildを通してって先程のCodexのウィンドウ等に入れてください
よしなにエラーを解消してくれます
iPhoneに転送するときにエラーがでる
これはiPhone側の設定です。
設定
一般
VPNとデバイス管理（または「デバイス管理」）
完成めでたし
慣れてきたらGithubを使ったり、Codex WebやClaude Code Webを併用したりします。
開発もいろんなパターン作りたいということであれば、Gitにブランチを切って作成してもらうということもできます。寝る前に指示を出して、何パターンか考えられるようであれば複数のブランチを立ち上げて作成して提案して、とか言っておくと、朝起きたときにハッピーになれるかもしれません
続きはこちら
