まずは、ここから。
最初の1本は「Claude Code とは何か」からどうぞ。
Roadmap
学習マップ
Claude Code × Web制作の学びを、Step 1〜6の順序でたどれるようにしました。
各ステップのトピックは、記事が公開されていれば [記事へ]、まだなら (執筆予定) と表示しています。
上から順に読むのもよし、気になるトピックから拾い読みするのもよしです。
- Step 1
Claude Code を知る
- Claude Code とは何か [記事へ] →
- できること / できないこと (執筆予定)
- 他のAIツールとの違い (執筆予定)
- Step 2
動かしてみる
- インストールと初期設定 (執筆予定)
- 最初のプロンプト (執筆予定)
- よく使うコマンド (執筆予定)
- Step 3
機能を使いこなす
Skills- Skills とは (執筆予定)
- 公式 Skills を使う (執筆予定)
- Skills を自作する (執筆予定)
Plugins- Plugins とは (執筆予定)
- インストール手順 (執筆予定)
MCP（Model Context Protocol）- MCP とは (執筆予定)
- MCPサーバーを使う (執筆予定)
- MCPサーバーを自作する (執筆予定)
Hooks- Hooks とは (執筆予定)
- 基本の書き方 (執筆予定)
SubAgent- SubAgent とは (執筆予定)
- 活用例 (執筆予定)
- Step 4
プロンプト設計を学ぶ
- プロンプトの基本原則 (執筆予定)
- CLAUDE.md の書き方 (執筆予定)
- スタイルガイドの作り方 (執筆予定)
- Step 5
実戦で使う
- WordPress案件での活用 (執筆予定)
- Astro案件での活用 (執筆予定)
- 自動化ワークフロー (執筆予定)
- Step 6
失敗から学ぶ
- よくあるハマりポイント (執筆予定)
- 対処法 (執筆予定)