アプリ開発における現在のAIワークフロー

#Tech

アプリ開発における現在のAIワークフロー

AIツールは日々進化しており、画一的な解決策は存在しないため、筆者は信頼できるAIワークフローを構築しようと試みています。

ワークフローは、ChatGPTやdeep-researchで情報を収集・分析し、UIのプロトタイプ作成にv0やStitchを利用、Pencilでデザインシステムを構築、Matt Pocockのツールで実装計画を立て、Ralphループで実行、そしてTDDとPlaywright E2Eテストで品質を保証するという流れです。

さらに、Zo Computerを活用して、場所を選ばずに作業を継続できるようになっています。

今後の課題は、長期的な記憶の構築とエージェントのより賢明なオーケストレーションです。

AI技術の進化が加速する中、開発者がAIを単なる「ツール群」としてではなく、「信頼できるワークフロー」として統合しようとする動きが活発化しています。本記事では、ある開発者が実践している、アイデアの発見から実際のアプリ構築に至るまでの具体的なAI活用プロセスを解説します。単一のAIモデルに頼るのではなく、各フェーズに最適なツールを組み合わせる「スコアリング」的なアプローチが注目されています。

アイデア発掘と意思決定のプロセス

開発者は、アイデアの初期段階で複数のAIツールを使い分け、多角的な視点から情報を収集しています。まず、ChatGPTで素早く複数の方向性を検討し、アイデアの初期的な可能性を探ります。次に、RedditやXなどの外部情報を収集する「last30days」を活用し、現在の市場や世間のトレンドを把握します。さらに、信頼性の高い情報源を求める際には、引用元を明記した「deep-research」を使用し、根拠のある主張を得ています。これらの情報を「six-hats」という独自のスキルで統合し、単なる情報の羅列ではなく、具体的な「意思決定」へと落とし込む仕組みを構築しているとのことです。

UIデザインの探索からシステム化へ

ユーザーインターフェース(UI)の設計においては、初期の「探索」と後の「システム化」を明確に分けています。v0やStitchといったツールを使い、まず「密集型か、広々としたか」といった方向性や、主要な操作方法など、多様なプロトタイプを高速で生成します。この段階ではコードの品質よりも「方向性」の確認が重要です。方向性が定まった後、Pencilのようなツールを導入し、具体的なデザインシステムへと昇華させています。このアプローチの鍵は、曖昧な「好み」ではなく、具体的な「デザイン成果物」をAIに提示することで、より精度の高いアウトプットを引き出している点にあります。

開発実行と品質保証の仕組み

意思決定が完了すると、開発パイプラインが始まります。まず、アイデアをドキュメントで徹底的に検証し(grill-with-docs)、それを製品要件定義書(PRD)に変換し、さらに実装すべきタスク(issues)に分解します。その後、カスタムの「Ralph loop」という反復的なプロセスを通じて、小さな単位でタスクを実行していきます。この実行フェーズでは、Cursor AgentやGeminiなど、タスクに応じて最適なAIエージェントを使い分けています。また、TDD(テスト駆動開発)やPlaywrightといったE2Eテストを組み込むことで、AIが生成したコードの品質を担保しているとのことです。

まとめ

このワークフローは、AIを単なる自動化装置としてではなく、人間と協働する「知的なパートナー」として位置づけている点が特徴的です。各ツールの得意分野を理解し、フェーズに応じて使い分ける「スコアリング」的な考え方が、AI時代の開発における新しい標準となりつつあると見られています。

原文の冒頭を表示(英語・3段落のみ)

AI is evolving fast, new things are released everyday and I don’t think there’s a one solution fits all approach that will scale. I keep trying to turn AI from a pile of tools into a workflow I can trust.

The hard part is not finding another model, another coding agent, or another UI generator. The hard part is knowing what each tool is for, what artifact it should produce, and when I should stop exploring and start building.

The shape I am using right now looks like this:

※ 著作権に配慮し、引用は冒頭3段落までです。続きは元記事をご覧ください。

元記事を読む ↗