コンテンツにスキップ
X

Claude Code レベルアップ — ポートフォリオサイト実践

my-portfolio(Next.js 14 + TypeScript の個人ポートフォリオサイト)を題材に、Claude Code を Level 0 から Level 10 まで段階的に使いこなすチュートリアルです。

各レベルは前のレベルと繋がっており、最終的には「寝ている間も自動でメンテナンスされるポートフォリオサイト」が完成します。

概念・仕組みを先に理解したい方は → Claude Code レベル を先に読んでください。

レベルポートフォリオでやること
Level 0Claude Code を起動して詰まる体験をする
Level 1CLAUDE.md を作って About ページを生成する
Level 2GitHub Issues を読んで Skills コンポーネントを実装する
Level 3/blog コマンドで記事を量産する
Level 4文体ルールをメモリに書いて品質を統一する
Level 5Issue → 実装 → テスト → PR を 1 プロンプトで完結させる
Level 6PR が来るたびに自動でレビューが走る仕組みを作る
Level 7トレンドからブログネタを自動収集する
Level 83機能を Git worktree で並列実装する
Level 9週次記事生成・脆弱性監視を 24/7 自動化する
Level 10次のプロダクトのエージェント群を Claude に設計させる

Level 0 から始める か、自分の現在地のレベルから読んでください。