Next.jsからQwikへ丸ごと移行してみた - 個人開発Webアプリのリアーキテクチャ実録

CodeSensei（ユーザーのコードを教材にする AI 学習プラットフォーム）を 2 日間で構築した個人開発事例。Next.js 16、Supabase、Claude API を組み合わせ、15 コース・188 レッスン・95 冊の技術書知識を内蔵し、GitHub リポジトリや手動ペースト したコードを題材に Claude が技術概念を解説。実装スケジュール、技術選定基準、プロンプト階層化によるコスト削減、著作権対応の設計判断を詳細に共有。

Obsidian で知識管理とフラッシュカード学習を運用する中で、「1概念1ノート」の設計で正本を一元化し、カードは派生物として扱う方式を採用。292枚のカードを生成した一方で、実際に学習ループに乗ったのは26枚のみだった経験から、作成速度と復習速度が全く別物であることを指摘。デッキ分割による新規カード流入制御など、運用上の工夫を詳述。

SES企業が1年の運用経験から得た Claude の実務活用法を公開。技術記事執筆では壁打ち→構成→初稿→人間による事実確認の4段階フローで執筆時間を1/3に短縮、コード支援ではセルフレビューとレガシーコード解読で人間の判断を残す使い方を実践。Projects 機能で顧客資料を安全に管理しながら文脈を保った相談相手を構築する方法を紹介。

Claude Code で AI がいきなりコードを書く「Vibe Coding」の問題を解決するオープンソースプラグイン「Superpowers」を紹介。仕様の明確化・設計・テスト駆動開発・レビューを強制する 7 フェーズパイプラインにより、手戻りの削減と品質の安定化を実現する。