𝗛𝗼𝘄 𝗜 𝗨𝘀𝗲𝗱 𝗔𝗜 𝘁𝗼 𝗥𝗲𝗯𝘂𝗶𝗹𝗱 𝗠𝘆 𝗦𝗮𝗮𝗦 𝗙𝗿𝗼𝗺 𝗦𝗰𝗿𝗮𝘁𝗰𝗵

AIを使ってSaaSをゼロから再構築した方法

AIを使ってSaaSの移行を自動化しようと試みました。しかし、3回失敗しました。

私のアプリ「CourseShelf」をReactからPhoenix LiveViewへ移行したかったのです。プロンプトをAIに投げて、あとは放っておけばいいと思っていました。しかし、それは間違いでした。

私の4回の試行は以下の通りです：

試行 1: 手抜きテスト

• 労力: 0/10
• 結果: 完全な失敗。
• ごく短いプロンプトを与えました。AIはコンポーネントを捏造（ハルシネーション）し、至る所に「coming soon」のバッジを残しました。めちゃくちゃでした。

試行 2: バッチ方式

• 労力: 0/10
• 結果: 改善はしたが、まだ不完全。
• タスクを小さな単位に分割するようAIに指示しました。数ページについてはうまく機能しましたが、未完成のコードやTODOコメントが残ったままでした。

試行 3: 詳細なプラン

• 労力: 4/10
• 結果: コードは良いが、UIが悪い。
• 長い指示書を作成しました。コードの品質は向上しましたが、UIは元のアプリとは似ても似つかないものになりました。

試行 4: 手動スキルによる実装

• 労力: 9/10
• 結果: 成功。
• 指示を一つの「スキル」へと昇華させました。ページごとにAIを実行し、一行一行すべてをレビューしました。

AIコーディングの真実： AIは水晶玉を持っていません。あなたの心を読み取ることはできません。高品質なコードを求めるなら、手抜きは許されません。

私は40日間かけてこのプロセスを推進しました。移行を自動化したわけではありません。プレイブックを自動化したのであって、実際の作業は自分で行いました。AIの隣に座り、すべてのミスを指摘し、AIが脱線するたびに新しいルールを書き加えました。

成果：

• UIの再現性: 9/10
• コードの品質: 10/10

単純なプロンプトを投げるよりも多くの時間を費やしました。しかし、今では誇れるクリーンなコードベースを手に入れています。プロフェッショナルな結果を求めるなら、常に自分が主導権を握っていなければなりません。

Source: https://dev.to/danielbergholz/how-i-used-ai-to-rebuild-my-saas-from-scratch-5f3m

Optional learning community: https://t.me/GyaanSetuAi