Claude Media
Claudeを学ぶ1週間ロードマップ — 初日から実戦投入までの7日ガイド

Claudeを学ぶ1週間ロードマップ — 初日から実戦投入までの7日ガイド

Claudeエコシステムをゼロから学ぶ初学者向け1週間ロードマップ。Day 1のClaude.aiから始めて、Day 7までにClaude Code + Hooks + Skillsまで触れる構成。

はじめに

Claudeエコシステム(Claude.ai / Claude Code / Cowork / Design / API)は範囲が広く、何から始めればいいか迷う初学者は多いです。このロードマップは、ゼロから始めて1週間でClaude Code + Hooks + Skillsまで触れる7日構成です。

毎日30分〜2時間の取り組みで、最終日には自分のプロジェクトにClaudeを組み込む準備が整う、というペースです。Claudeのモデルや料金、全体像を先に俯瞰したい場合はClaudeとは何かをまとめた完全ガイドに目を通しておくと、各Dayの位置付けが掴みやすくなります。

前提条件

特別な開発環境は要りません。Day 1〜3はブラウザだけで進められます。Day 4以降のClaude Codeはターミナルを使うため、ターミナルに触れた経験があると進めやすいです。

項目必要なタイミング備考
Claudeアカウント必要なタイミングDay 1から備考無料プランでDay 3まで進められます。Day 4以降のClaude CodeはPro / Max / Team / Enterpriseのいずれか、またはClaude Consoleのクレジットが必要です
ブラウザ必要なタイミングDay 1〜3備考Claude.ai / Artifacts / Projectsはブラウザで完結します
ターミナル必要なタイミングDay 4から備考macOS / Linux / WSLのいずれか。Windowsの場合はGit for Windowsを入れておくとClaude CodeがBashを使えます
編集対象のプロジェクト必要なタイミングDay 4から備考小さなもので構いません。練習用に空のディレクトリでも始められます

Day 6で使うHookの例は jq と npx(Node.js)が手元に入っている前提です。Day 4以降のプランは公式の料金ページで確認できます。

7日間の流れ

あゆみ

各日の終わりに手元に残るもの

  1. Day 1(30分)5個の質問と回答

    用途ごとの応答の質を比べた記録と、自分の業務に使えそうな用途が1〜2個残ります。

  2. Day 2(1時間)動くArtifact 1個

    HTML・図・簡易webアプリのどれかが、画面の横で動く状態です。

  3. Day 3(1時間)資料入りのProject 1個

    3〜5個の資料を読み込ませた、自分の領域のProjectができます。

  4. Day 4(1時間)ローカルで動くClaude Code

    簡単な編集タスクを1つ完遂した履歴が残ります。

  5. Day 5(1.5時間)プロジェクトのCLAUDE.md

    /context に載る CLAUDE.md が、リポジトリに入ります。

  6. Day 6(1時間)Hook入りのsettings.json

    編集のたびにPrettierが走る .claude/settings.json が手に入ります。

  7. Day 7(2時間)自作のSKILL.md

    /名前 で呼べるSkillが1つ、skills/ フォルダに残ります。

Day 1: Claude.aiに触れる(30分)

やること:

  1. claude.ai にアクセスしてアカウント登録
  2. 無料プランで5個の異なる質問を投げる:
    • 技術的な質問(「Pythonのasync/awaitを1文で説明して」)
    • 文章生成(「会議の議事録テンプレートを作って」)
    • コード生成(「Pythonでfibonacci数列を返す関数を書いて」)
    • 比較(「TailwindとCSS-in-JSの違いを表で」)
    • 翻訳 / 要約(「次の英文を要約して」)

完了条件: 「Claudeが何でできるか」の感触を掴む。自分の業務に使えそうな用途を1〜2個見つける。

Day 2: Artifactsで何かを作る(1時間)

やること:

  1. Claude.aiで「Artifactを作って:〜」と依頼
  2. 試す題材(どれか1つ):
    • 簡易HTMLページ(自己紹介 / ポートフォリオ)
    • SVG図解(チームの組織図)
    • 単機能Reactアプリ(計算機 / TODOリスト)

詳細はArtifactsとProjects活用を参照。

Artifactsを使うには、設定の「機能(Capabilities)」で「コード実行とファイル作成」がオンになっている必要があります。英語表記はCloud code execution and file creationです。Team・Enterpriseでは個人設定でなく、組織設定の「機能」が対象です。

作った直後のArtifactは自分だけが見られる状態です。リンクを知っている人に共有する設定は、Pro・Max・Team・Enterpriseで選べます。Team・Enterpriseでは、オーナーが外部共有をオンにしている場合に限ります。無料プランで新しく作ったArtifactには、この選択肢がありません。2026年9月16日より前にチャットで作った旧版のArtifactだけは、無料プランでも公開と共有ができます。

完了条件: Artifactを1個作り、画面の横で動かして直す。「会話から成果物が出る」体験を持つ。共有リンクはPro以上の人だけが試せば足ります。

Day 3: ProjectsでKBを作る(1時間)

やること:

  1. Claude.aiのProjectsタブで新規Projectを作成
  2. 自分の業務 / 関心領域のドキュメントを3〜5個アップロード(PDF / Markdown)
  3. Project内のチャットで質問:「アップロードしたドキュメントから〜について教えて」
  4. 資料の中にしか出てこない固有名詞(社内の用語や製品名など)を使って質問し、その資料の内容に沿った答えが返るかを見る。一般的な知識だけで答えているようなら、資料が読み込まれていないか、質問がProject外のチャットで行われています

無料アカウントでもProjectsは使えますが、作れるのは5個までです。有料プランでは、資料がコンテキストウィンドウの上限に近づくとRAGモードが自動で有効になり、扱える量が広がります。資料を入れすぎて回答が鈍ったら、Projectを分けるか資料を絞るのが手堅い対処です。

完了条件: 自分のドメインKBをClaudeが参照できる状態を1つ持つ。

Day 4: Claude Codeをインストール(1時間)

やること:

  1. ターミナルでインストール(macOS / Linux / WSLは下記、WindowsはPowerShellで irm https://claude.ai/install.ps1 | iex):
  1. 新しいターミナルを開いてバージョンを確認する:

claude --version

v2.1.287では 2.1.287 (Claude Code) と表示されます。command not found になるときはインストール先がPATHに入っていません。claude doctor を実行すると、PATHの警告と修復コマンドが出ます。

  1. claude と打ってセッションを起動すると、初回はブラウザでのログインを求められます。アカウントを切り替えたいときはセッション内で /login を実行します。
  2. 試しに何か簡単なタスクを依頼:
    • 「このディレクトリのファイル一覧を要約して」
    • 「READMEにtypoがないか確認して」
    • 「簡単なPython scriptを1個書いて、testも追加して」

完了条件: Claude Codeがローカルで動き、最低1つの編集タスクを完遂できる。

迷ったらClaude.aiとClaude Codeの使い分けを参照して、どちらを使うかの感触を掴む。

最初の許可確認の出方はモードで変わる

「Claude Codeは変更のたびに必ず許可を求める」とは限りません。ターミナルとVS Code拡張では、v2.1.283以降の既定の開始モードは auto です。

くらべる

権限モードで変わる許可の出方

毎回確認

Manual(設定値は default)

読み取りだけが確認なしで進みます。ファイル編集やコマンド実行は、その都度許可を求められます。claude --permission-mode manual で起動できます。

v2.1.283以降の既定

auto

すべての操作が確認なしで進み、裏で安全確認が走ります。ただし設定ファイルでの無効化や非対応モデルなどでautoが使えないと、Manualで始まります。

セッション中は Shift+Tab でモードを切り替えられます。インストール直後の最初のセッションは、上の説明どおりのモードで始まらないことがあります。2回目以降で確認してください。

v2.1.283未満では、既定がPro・Max・Teamのプランで機能フラグを取得するセッションだけautoになり、それ以外はManualです。さらにv2.1.228(ネイティブWindowsはv2.1.233)より前は、組み込みの既定が常にManualです。

Day 5: CLAUDE.mdを書く(1.5時間)

やること:

  1. 自分のプロジェクトのルートで claude を起動し、/init を実行する。コードベースを調べて、ビルドコマンド・テスト手順・規約を拾った CLAUDE.md の下書きを作ります。すでに CLAUDE.md がある場合は、上書きせず改善案を出します
  2. 下書きに、コードから読み取れない内容を足す:
    • プロジェクトの目的(1〜2行)
    • コーディング規約(命名 / インデント等)
    • テスト・ビルドコマンド
    • コミット規約
    • 禁則事項(あれば)

対話式の複数段階で進めたいときは、/init の前に環境変数 CLAUDE_CODE_NEW_INIT を 1 にします。CLAUDE.md、Skills、Hooksのうち、どれを設定するかを聞かれます。

詳細はメモリ三層構造で「CLAUDE.mdに何を入れるか」の判断基準を確認。

1ファイルは200行以内が目安です。長いほどコンテキストを消費し、指示が守られにくくなります。自分だけの設定(手元のテスト用URLなど)は、.gitignore に入れた CLAUDE.local.md に書くと、チームのリポジトリを汚さずに済みます。

完了条件: /context を実行すると、Memory filesの一覧に CLAUDE.md が出る。そのうえで、Claude Codeがプロジェクト方針に沿った応答を返す。

Day 6: Hookを1つ仕込む(1時間)

やること:

  1. .claude/settings.json を作成
  2. PostToolUseのhookを1つ追加(ファイル編集後にPrettierを走らせる例):
{
  "hooks": {
    "PostToolUse": [
      {
        "matcher": "Edit|Write",
        "hooks": [
          {
            "type": "command",
            "command": "jq -r '.tool_input.file_path' | xargs npx prettier --write"
          }
        ]
      }
    ]
  }
}
  1. セッションで /hooks を打ち、PostToolUseの下に登録されていることを確認
  2. 「JSファイルに、シングルクォートの文字列を含む1行を足して」と頼み、開いて確かめる。Prettierの既定設定なら、ダブルクォートに書き換わっています

別のレシピはHooks実例カタログのレシピ2にあります。

完了条件: ファイルを編集すると、保存後に自動で何かが走る状態。「Claude Codeの挙動を自分で拡張できる」感触を持つ。

Day 7: Skillを1つ作る(2時間)

自分が「毎回同じ手順で頼んでいる作業」を1つ思い出すところから始めます。例は「コミットメッセージの起案」「PR説明文の生成」「議事録の要約」です。

手順

Skillを作って呼び出す

  1. 1

    フォルダを作る

    プロジェクト用なら .claude/skills/commit-message/、全プロジェクトで使うなら ~/.claude/skills/commit-message/ です。フォルダ名がそのままコマンド名になります。

  2. 2

    SKILL.md を書く

    先頭のYAMLの description が、Claudeがいつ使うかを判断する手がかりになります。その下に手順を書きます。

  3. 3

    呼び出す

    /commit-message と打つか、「コミットメッセージを考えて」のように説明に合う頼み方をします。skills/ フォルダをセッション開始後に初めて作った場合は、先に /reload-skills を実行します(詳しくは下のつまずき対処)。

SKILL.md の最小の形は次のとおりです。! とバッククォートで囲んだ行は、Claude Codeがコマンドを先に実行し、出力に置き換えてからClaudeへ渡します。

---
description: ステージ済みの差分から日本語のコミットメッセージ案を作る。コミットメッセージを頼まれたときに使う。
---
 
## 変更内容
 
!`git diff --staged`
 
## 手順
 
上の差分を50字以内の1行に要約し、必要なら箇条書きで補足する。差分が空なら、ステージ済みの変更がないと伝える。

詳細はClaude Code Skills完全ガイドを参照。

完了条件: 自作Skillが1つ動く。「Claude Codeを自分の業務に最適化できる」体験を得る。

症状から探すつまずき対処

7日間で止まりやすい場所と、その対処です。

Day 1〜3

  • 質問が曖昧で応答がぶれる。「fix the bug」ではなく「ログイン時に空画面になる不具合を直して」のように、状況と期待を具体的に書くと精度が上がります。
  • Projectsにアップロードした資料を参照してくれない。Projectのチャット内で質問しているか、ファイルが正しくアップロードされているかを確認します。
  • Artifactが作られない。設定の「機能(Capabilities)」で、コード実行とファイル作成がオンかを見ます。

Day 4

  • ログインに迷う。claude を起動すると初回にブラウザ認証が走ります。うまくいかないときはセッション内で /login を打ち直します。プランは無料では足りず、Pro / Max / Team / EnterpriseかClaude Consoleのクレジットが必要です。
  • Windowsで思うように動かない。Git for Windowsが入っていないとBashが使えずPowerShellにフォールバックします。先に入れておくと安定します。
  • 許可の確認が多くて止まる、または確認なしで進んで不安になる。Day 4の権限モードを見直し、Shift+Tab で切り替えます。

Day 5

  • CLAUDE.md が反映されない。Claude Codeは起動したディレクトリとその親にある CLAUDE.md を起動時に読みます。サブディレクトリのものは、そこのファイルをClaudeが読んだときに加わります。/context で一覧に出ているかを見て、出ていなければ /memory から開いて確認します。

Day 6

  • Hookが発火しない。hooks → イベント名 → matcher → hooks 配列の三段ネストが崩れていないかを見ます。v2.1.287で、matcher と同じ階層に type と command を直接書いた設定を claude doctor にかけると、次の警告が出ました。
Invalid settings
- .claude/settings.json › hooks.PostToolUse.0: Hook matcher "hooks" must be an array of hook entries; received undefined; matcher ignored.

警告の末尾にあるとおり、この形ではmatcherごと無視されるので、Hookは動きません。正しい形に直すと、この警告は消えます。

Day 7

  • Skillが呼べない。/ を打つと使えるコマンドとSkillの一覧が出ます。置き場所が <スキル名>/SKILL.md になっているかを見ます。起動したディレクトリより下のサブディレクトリにある .claude/skills/ は、そこのファイルをClaudeが読むまで一覧に出ません。
  • 追加や編集の後に再起動が必要か迷う。すでにある skills/ フォルダの中の追加・編集は、同じセッション内で反映されます。skills/ フォルダ自体をセッション開始後に作った場合、そのセッションではフォルダが監視されません。追加や編集のたびに /reload-skills を実行するか、claude を起動し直すと、以降は自動で反映されます。

ロードマップ完了後の次の一歩

7日完走後、興味の方向で次の記事へ:

まとめ

Claude.aiで「頼み方」の感覚を掴み、Claude Codeで CLAUDE.md → Hook → Skillの順に自分用へ寄せていく流れが、1週間で核を押さえる最短の道筋です。Day 4以降で詰まったら、権限モードと /context・/hooks の表示を手がかりに、どの層で止まっているかを切り分けてください。

参照した一次ソース

この記事の記述は、次の一次ソースと照合しています。更新時に参照先が変わった場合は一覧も更新します。

  1. docs.claude.com/
  2. code.claude.com/docs
  3. code.claude.com/docs/en/quickstart
  4. code.claude.com/docs/en/permission-modes
  5. code.claude.com/docs/en/memory
  6. code.claude.com/docs/en/hooks-guide
  7. code.claude.com/docs/en/skills
  8. support.claude.com/en/articles/9519177-how-can-i-create-and-manage-projects
  9. support.claude.com/en/articles/9487310-what-are-artifacts-and-how-do-i-use-th…
  10. support.claude.com/en/articles/9547008-share-artifacts
この記事を共有:XはてブLinkedIn