0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

iPhoneだけでiOSアプリ開発するワークフロー

Posted at

Oikonです。普段はAIツール、特にClaude Codeで遊んでいます。

先日、Claude Code Meetup Tokyoがあり登壇の機会をいただきました。主催はAIエージェントユーザー会(AIAU)さまとAI駆動開発さまです。

ちなみに登壇内容は以下のスライドです:
Claude Codeを駆使した初めてのiOSアプリ開発 ~ゼロから3週間でグローバルハッカソンで入賞するまで~

登壇の中でiPhone単体で開発できるように工夫について話したところ、それなりに反響があったようなので記事にしようと思いました。

モバイルアプリ開発者の方々には既知の情報も多いと思いますが、筆者のモバイルアプリ開発歴は1ヶ月未満ということで、ご容赦いただければ幸いです。

使用したツール・サービス

今回、利用したツール・サービスは以下の通りです:

  • GitHubモバイル版(Safariとかでもできる)
  • Claude Code GitHub Actions
  • Codex Cloud
  • CodeRabbit (Optional)
  • Xcode Cloud
  • TestFlight

ClaudeとCodexは片方だけでも実現できます。個人的には複数のAIエージェントに相互フィードバックさせるのが好きなので、複数のAIサービスを採用しています。

ワークフロー全体像

iphone-workflow.png

実際に運用しているワークフローです。以下の5つのステップで構成されています

  1. Create PR(プルリクの作成): Claude Code GitHub Actions または Codex CloudでPRを作成
  2. Review feedback(レビュー): CodeRabbitが自動的にコードレビューを実施(Claude, Codexも可)
  3. Provide fix(変更): @claude plz fix または @codex plz fix で修正を提供
  4. Build(ビルド): Xcode Cloudで自動ビルド
  5. Distribute(配信): TestFlight経由でアプリを配信・テスト

それぞれのステップについて詳しく紹介します

Step 1. Create PR(Claude Code GitHub Actions / Codex Cloud)

iPhoneから開発を開始するには、Claude Code GitHub ActionsまたはCodex Cloudを使用しました。

方法1: Claude Code GitHub Actions

Claude Code GitHub Actionsは、GitHub上のIssueやPRから@claudeをメンションすることでClaude Codeを起動できる機能です。詳しいことは公式ドキュメントに書いてあります。

基本的にはClaude Codeでinstall-github-appを一度実行してGitHubとClaudeを連携すれば良いです。

install-github-app.png

使い方はGitHub上でIssueを作成して変更計画をDescriptionに記載して、@claudeをつけて変更を作成するようにお願いします。ClaudeはGitHubに自動でブランチを作成し、タスクを完了するとボタン一つでPull Requestを作成するところまで実行できます。

claude-github2.png

方法2: Codex Cloud

Codex Cloudは、OpenAI CodexのCloud機能で、リポジトリのコードを読み書き・実行し、PRを作成できます。Codex Cloudは、サンドボックス化されたクラウドコンテナを起動し、指定したコードと依存関係を使ってタスクを実行します。

Codex CloudでもClaude Code GitHub Actions同様にiPhoneからPRの作成までできます。一度Web版でGitHub連携をして、Codexにどのリポジトリに対して権限を与えるか設定する必要があります。

一度Webで設定をしたら、ChatGPTのモバイルアプリからCodex Cloudを起動します。サイドバーを開けばすぐに見つかると思います。

chatgpt-codex.png

Codex Cloudの特徴として、一つのタスクに対して4つまで並列で変更を作成することができます。そのうちの一つをGitHubのPRとして作成できます。

chatgpt-codex2.png

両方使ってみた個人的な感想ですが、Codex Cloudの方が実装内容が良いことが多かったです。Claude Code GitHub Actionsは@メンションで簡単にGitHub上でやり取り・変更作成できる点が良かったです。

Step 2. Review feedback (CodeRabbit / Codex / Claude)

PRが作成されると、自動的にコードレビューを実施してくれます。以下の3つのAIツールはすべて自動レビュー機能が使えます

  • CodeRabbit
  • Claude Code
  • Codex

Claude CodeとCodexは1. Create PRで説明した初期設定の際に自動レビューをつけるか設定可能です。Web UIやGitHub Actionsの設定ファイルからも設定変更可能です。

CodeRabbitはレビュー専用AIエージェントです。個人的には使いやすいと感じておりかなり愛用しているので、ファーストレビューはCodeRabbitに一任しています。

coderabbit.png

全てのAIエージェントをレビューすることも可能ですが、3つのAIエージェントが同時にレビューするとレビュー結果が大量になりPRがてんやわんやになるので、個人的にはあまり体験が良くなかったです。

Step 3. Provide fix

CodeRabbitがPR上でレビューをしてくれた後に、人間がざっとレビュー内容に目を通します。レビュー漏れなどがありそうだったら、追加で @claude@codexなどを使いレビュー内容の確認や追加のレビューをお願いします。

こうしてざっと変更とレビュー内容を確認できたら、妥当なものを判断してClaude(@claude)かCodex(@codex)にレビューを頼みました。この際、ClaudeやCodexは別の変更用Branchを切って変更を作成するので、その点は注意です。

codex-fix.png

上記は妥当なものを自分で判断していない悪い例ですが(笑)、大体こんな感じでPR内でAIとやり取りをしながら変更をブラッシュアップしていきます。

Step 4. ビルド(Xcode Cloud)

モバイル端末での開発の1番のネックは、変更が正しいものか手元で確認することが難しい点だと思います。これはモバイルアプリ開発だけでなくWebアプリ開発も共通だと思います。もちろん、無理ではないです。

iOSアプリであればXcode Cloudを使えばPRの変更に対してワークフローを組んで自動でビルドまですることが可能です。

xcodecloud.png

具体的なやり方は以下の記事が参考になります。

App Store ConnectのUI上でもある程度ワークフローを組むことができます。筆者のワークフローはUIからでも組むことは可能です。ワークフローを組んだ際に、PRに関連する開始条件(トリガー)を設定することで、スマートフォンだけでもBuildを発火できます。

app-store-connect.png

  • ブランチの変更
  • プルリクエストの変更
  • タグの変更
  • 手動開始

などいくつかトリガーを設定できます。

上記のXcode Cloudのワークフローを設定することにより、PR上の変更だけでBuildを自動で走らせて、AIツールが作成した変更が正しくBuildされるかを確認できます。仮にBuildが失敗したらApp Store ConnectのBuildログをPR上に貼り付けてフィードバックします。大体これで直してくれることも多いです。

Step 5. Distribute (TestFlight)

Xcode Cloudのワークフロー設定では、ビルド成功後に自動的にTestFlightへアップロードするように設定できます。これによりビルドだけでなく実機確認のためのアプリ配信まで完全に自動化されます。

testflight.png

TestFlightのアプリはAppStoreからダウンロードできます。TestFlightはテスターグループがベータリリースなどを試すことを目的で使用されることが多いですが、個人レベルでも実機確認のために利用できると思いました。

TestFlightでの確認:

  1. iPhoneでTestFlightアプリを開く
  2. 新しいビルドが利用可能になっている
  3. インストールして動作確認

iPhoneから開発を始めて、iPhoneで動作確認まで完結します。iPhoneで意図しない変更であった場合は、スクリーンショットを撮ってPR上にフィードバックをすることでそれなりの修正をClaudeやCodexは作成してくれます。上記のサイクルを何回か繰り返して、外出中でも変更を作成できます。念の為、ローカルにPullして最終確認してからマージすることをお勧めします。

TestFlightの設定方法は以下の記事が参考になります。

Xcode cloudは1ヶ月あたり25時間分は無料で利用できます。
あまりにも何度もビルドをするようだと制限に引っかかるかもしれませんが、個人レベル + ビルドトリガーを適切に設定すれば問題ないと思います。
freeplan.png

まとめ

iphone-workflow.png

改めてワークフローを再掲します。
今回は、iPhoneだけでiOSアプリ開発を行うワークフローを紹介しました

ワークフローのステップ:

  1. Create PR(Claude Code / Codex)
  2. Review feedback(CodeRabbit/ Claude Code / Codex)
  3. Provide fix(@claude / @codex
  4. Build(Xcode Cloud)
  5. Distribute(TestFlight)

GitHubとTestFlightの配信を使用すれば、iPhoneだけで軽微な開発・修正作業が可能です。

Xフォローしてくれると嬉しいです

Xでも情報発信しているので、フォローしていただけると励みになります!

参考文献

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?