AIと二人三脚で平成個人サイトを令和に蘇らせたら1500行のReactスパゲッティが爆誕した話
AI要約
平成個人サイトをReact + TypeScriptで再現した開発記事。Claude・Geminiとの二人三脚で1500行のコードを構築し、Win98デザインをインラインスタイルで完全再現。Vercel・Supabase・Cloudflareなど無料サービスで本番運用し、深夜猫など十数個のイースターエッグを実装した実例です。AI駆動開発の具体的な分業体制と実装ノウハウが詰まっています。
AI要約
平成個人サイトをReact + TypeScriptで再現した開発記事。Claude・Geminiとの二人三脚で1500行のコードを構築し、Win98デザインをインラインスタイルで完全再現。Vercel・Supabase・Cloudflareなど無料サービスで本番運用し、深夜猫など十数個のイースターエッグを実装した実例です。AI駆動開発の具体的な分業体制と実装ノウハウが詰まっています。
Cursor や Claude Code などのAIエージェントをチームで使うと、コミットルールが崩れやすくなります。これを防ぐには「禁止事項・手順・メッセージ形式」の3点を明文化し、.cursor/rules や CLAUDE.md に記述することが重要です。チケット番号を先頭に入れる、git add .を禁止するなど、具体的なルール設定で追跡性が大幅に向上します。

