Claude Code レベルアップ — ポートフォリオサイト実践
my-portfolio(Next.js 14 + TypeScript の個人ポートフォリオサイト)を題材に、Claude Code を Level 0 から Level 10 まで段階的に使いこなすチュートリアルです。
各レベルは前のレベルと繋がっており、最終的には「寝ている間も自動でメンテナンスされるポートフォリオサイト」が完成します。
概念・仕組みを先に理解したい方は → Claude Code レベル を先に読んでください。
チュートリアルの流れ
Section titled “チュートリアルの流れ”| レベル | ポートフォリオでやること |
|---|---|
| Level 0 | Claude Code を起動して詰まる体験をする |
| Level 1 | CLAUDE.md を作って About ページを生成する |
| Level 2 | GitHub Issues を読んで Skills コンポーネントを実装する |
| Level 3 | /blog コマンドで記事を量産する |
| Level 4 | 文体ルールをメモリに書いて品質を統一する |
| Level 5 | Issue → 実装 → テスト → PR を 1 プロンプトで完結させる |
| Level 6 | PR が来るたびに自動でレビューが走る仕組みを作る |
| Level 7 | トレンドからブログネタを自動収集する |
| Level 8 | 3機能を Git worktree で並列実装する |
| Level 9 | 週次記事生成・脆弱性監視を 24/7 自動化する |
| Level 10 | 次のプロダクトのエージェント群を Claude に設計させる |
Level 0 から始める か、自分の現在地のレベルから読んでください。