ShiftMatchをバイブコーディングで開発した全プロセス
【一次体験・実録】

Phase 1：要件定義とAIへの最初の指示（1週目）

最初にやったのは「全体設計をClaude Opus に相談する」ことでした。 「シフト管理アプリを作りたい。主な機能は①シフト登録②空き枠の自動マッチング③通知。技術スタックはReact Native + Supabaseで考えている。 まず何から始めるべきか、どんなDB設計が適切か教えて」 という形で全体像を先に固めました。

この段階で学んだのは「AIは最初に全体像を与えると、後の指示が一貫性を持ちやすい」ということです。

Phase 2：コアUI実装（2〜3週目）

ナビゲーション、認証画面、シフト一覧画面を順番に実装しました。 この段階は比較的スムーズ。AIへの指示は「〇〇コンポーネントを作ってください。 TypeScriptで、shadcn/uiのデザインに合わせて、propsには〜が必要です」という形が機能しました。

コードの意味を完全に理解しなくても、「動くか動かないか」を確認しながら進めることができました。

Phase 3：バックエンド統合（3〜4週目）

SupabaseのRLS（Row Level Security）設定でかなり詰まりました。 AIに「ユーザーAは自分のシフトだけ見られるようにしたい」と伝えると 適切なポリシーを生成してくれましたが、 既存のポリシーとの競合でエラーが発生することが何度かありました。

解決策は「エラーメッセージをそのままAIに貼り付ける」こと。 文脈なしにエラーを渡すより、「このコードで〜を実現しようとしたらこのエラーが出た」 という形で渡す方が解決精度が上がりました。

Phase 5：App Storeリリース（5〜6週目）

App Store Connectへの申請、プライバシーポリシーの作成、スクリーンショット生成も AIと対話しながら進めました。特にプライバシーポリシーは 「iOSアプリ向けのプライバシーポリシーのテンプレートをください。 このアプリはメールアドレスと位置情報を収集します」という形で叩き台を作り、 自分で確認・修正するフローが効率的でした。