AI開発ログ徹底解説：プロンプトから読み解く、最新のWebアプリケーション開発プロセス
本記事は、筆者がAIコーディングアシスタント（Cursorなど）と協働しながら、麻雀の対局履歴管理Webアプリケーションを開発した全過程のログを詳細に解説したものです。開発の「誰が（Who）」、「何を（What）」、「どのように（How）」進めたかを、プロンプトのやり取りを通じて網羅的に示しています。
開発は、まず「どのようなWebアプリか」という要件定義から始まり、AIに開発フロー（Phase 0〜Phase 5）を提案させるという形でスタートしました。この初期段階で、AIが技術スタックの骨格を定めるプロセスが示されています。その後、開発環境としてDockerやSupabase CLIを導入し、具体的な技術的課題に直面します。特に、セキュリティの核となる「RLS（Row Level Security）」の検討では、単なる技術実装に留まらず、「コミュニティの幽霊化」や「ユーザーの退会時のデータ物理削除」といった、システム設計における致命的な考慮漏れをAIの鋭い質問によって指摘され、設計が大きく修正される経緯が描かれています。
また、UI/UXの検討段階では、試合結果の登録画面など、複雑な入力フローにおける難航や、AIが生成した初期UIの改善の必要性も指摘されています。さらに、開発の終盤、納期が迫る中でフロントエンドの実装を急いだ結果、サインアップエラーや機能不全といったバグが多発した経緯も記録されています。本ログは、AIを単なるコード生成ツールとしてではなく、設計の壁打ち相手、レビューア、そして開発プロセス全体を構造化する「共同開発者」として活用する、現代的な開発手法の全貌を提示しています。
背景
近年、AIコーディングアシスタントの進化に伴い、開発プロセスそのものが大きく変化しています。本記事は、単にコードを生成させるだけでなく、「開発の進め方」や「設計上の盲点」をAIに指摘させるという、高度なプロンプトエンジニアリングの実践例です。これにより、開発者はAIを単なるツールではなく、思考を深めるための「対話相手」として活用する手法が確立されつつあります。
重要用語解説
- RLS (Row Level Security): データベースのセキュリティ機能の一つ。テーブルの行単位でアクセス権限を制御し、ユーザーがアクセスできるデータ範囲を制限します。本記事では、アプリの最大セキュリティ制御として重要視されています。
- プロンプトエンジニアリング: AIモデルから望ましい出力を得るために、入力する指示文（プロンプト）を工夫し、最適化する技術。本記事では、単なる質問ではなく、開発の「進め方」や「前提条件」を構造的に問いかける手法が用いられています。
- ドメイン設計: システムが扱う業務領域（ドメイン）の概念モデルを定義する作業。単なる技術的な設計に留まらず、ビジネス上のルールや概念（例：麻雀グループ、コミュニティ）を明確にすることに重点が置かれています。
今後の影響
本ログが示す開発手法は、今後のソフトウェア開発の標準的なワークフローとなる可能性が高いです。AIが設計段階での「思考の壁打ち」や「潜在的なバグの指摘」を担うことで、開発の初期段階での手戻りが大幅に減り、開発効率が飛躍的に向上すると予想されます。ただし、最終的な品質保証や複雑なビジネスロジックの判断は、依然として人間の深い洞察力が必要不可欠です。