Lovable、Bolt、Cursor、またはv0で構築したアプリを修正し、実際のユーザー向けに準備します

AIビルダーはアプリを迅速にデモ段階まで持っていきます。しかし、問題は後から現れます。一部のユーザーでログインが失敗したり、支払いは完了するものの何もアンロックされなかったり、ログインしたユーザーなら誰でもデータを読み取れたり、秘密鍵がブラウザバンドルに含まれていたり、ビルダー自身のプレビューからしかデプロイできなかったりといった具合です。私はまさにその層、つまりツールが生成したコード内で作業し、すでに機能しているものを再構築することはありません。

StarterはGo-liveチェックです。コードを読み、アプリを実行し、問題点を緊急度の高い順にランク付けした書面リストを送信します。各問題にはその場所と修正内容が含まれます。Standardでは、そのリストから最大5つの修正をリポジトリで行います。Advancedでは、最大12の修正を行い、ログインと支払いに関するテストを追加し、ビルダーなしで再現可能なデプロイを設定します。

チェックは、生成されたコードが見落としがちな点から始まります。まず、データベースのアクセスルールです。これがないと、ユーザーは互いのレコードを読み取ることができます。これらのアプリの多くは、基盤にPostgreSQLを使用するSupabase上で動作しており、アクセスルールは行レベルのセキュリティポリシーです。私はそれらを記述し、テストします。次に、サーバーに属するがブラウザに漏洩している秘密、例えば決済プロバイダーの秘密鍵やSupabaseのサービスキーを探します。その後、決済ウェブフックがプロバイダーの署名を検証しているか、フォームがブラウザから送信されたものを信頼していないか、そして失敗したリクエストが空白の画面ではなくエラーを表示するかどうかを確認します。

スタック：React、Next.js、Viteのフロントエンド、Node.jsとTypeScriptのサーバー、PostgreSQL。私自身も毎日AIコーディングツールを使用しており、それらが生成するものはすべて読み込み、テストしています。

お使いのツールがGitHubリポジトリと同期している場合、私はそのリポジトリで作業しますので、その後もツールを使って構築を続けることができます。同期していない場合は、エクスポートから作業し、お客様が所有するリポジトリにコードを返却します。納品後14日間は、合意通りに機能しないものは無料で修正します。

電話はなし。作業開始前に書面で範囲を合意します。その後は、各営業日の終わりに書面で進捗状況を報告し、各修正について何が問題でどのように確認するかを記したメモをお渡しします。

プロジェクト完了までのステップ
1. アクセスと初回実行 - リポジトリまたはエクスポートとテストアカウントを共有してください。私は何も触る前に、お客様と同じ方法でアプリを実行します。
2. Go-liveチェック - ログイン、データアクセス、支払い、シークレット、エラー処理、デプロイを確認し、各問題の場所と修正の規模を書き留めます。
3. 修正の選択 - リストはランク付けされています。パッケージ内で何を含めるかを選択し、それ以外のものは作業開始前に見積もりを提示します。
4. 証拠付きの修正 - 各修正は短いメモ付きで個別のコミットとして行われます。ルールがデータを保護する場合、あるユーザーが別のユーザーのレコードにアクセスできないことをテストで示します。
5. 引き渡し - 変更点、未解決の点、再デプロイ方法の書面による要約。Advancedでは、デプロイはビルダーなしでリポジトリから実行されます。