Claude Code Lesson
合言葉を入力
受講生専用ページ
Claude Code Start Guide

Claude Code 講座

あなたの「作りたい」を、Claude Codeと形にする

このページは上から順番に進めるだけで大丈夫です。
ブラウザに貼る はURLをブラウザへ、 Claude Codeに貼る はお願い文をClaude Codeへ、コピーボタンで貼るだけです。
分からないところは、いつでもご連絡ください。
STEP 1

Claude Codeを入れる

事前（おうちで） ／ つまずいたら1回目に一緒にやるので大丈夫
  1. 下のURLをブラウザに貼って開く → Claude Codeがダウンロードされます
    Mac の方 ブラウザに貼る 
    https://claude.ai/api/desktop/darwin/universal/dmg/latest/redirect
    Windows の方 ブラウザに貼る 
    https://claude.ai/api/desktop/win32/x64/setup/latest/redirect
    どちらか分からなければ https://claude.com/download を開けば、自動でその人のパソコンに合った版を選んでくれます。
  2. Mac：開いた画面で Claude を「アプリケーション」に入れる → 起動
    Windows：ダウンロードしたファイルを実行 → 起動
    Windowsの方は「Git」というソフトも必要です → https://git-scm.com/downloads/win（Macの方は元から入っているので何もしなくて大丈夫です）
  3. サインイン（アカウントを作る／ログイン）
    Claude Codeを使うには、有料プラン（Pro など）の登録が必要です。これはClaude本体の月額で、講座の費用とは別です。
  4. 学習をオフにする（だいじな設定）：下のURLをブラウザで開く → 設定の「プライバシー」（データ設定）にある「AIモデルの改善」（会話を学習に使う設定）をオフにする。「ロケーションメタデータ」という項目があれば、それもオフ
    Claudeの設定を開く ブラウザに貼る 
    https://claude.ai/settings
    「学習をオフ」はなぜ大事？　オンにしたままだと、Claudeとの会話の内容がAIの学習（モデルの改善）に使われることがあります。お客様の情報を扱うお仕事なので、使い始める前にオフにしておきます。画面の表示が違ったら、そのままにしてご連絡ください。1回目に一緒に確認します。
ここまで済んだら、事前の設定は完了です。STEP 2の「専用フォルダのダウンロード」だけ先にしておくとスムーズです（フォルダの設定は、1回目に一緒にやります）。
事前

準備を集める（自分で・道具いらず）

事前（おうちで）
完璧でなくて大丈夫です。あるものから、手元に集めておいてください。
STEP 2

土台を作る（専用フォルダを受け取る）

1回目に一緒にやります ／ ダウンロードだけ先にしておくとスムーズです（先に試してみたい方はどうぞ。つまずいても当日一緒にやるので大丈夫）
  1. 下の「専用フォルダ」をダウンロードして、ダブルクリックで解凍する
    専用フォルダ（ZIP） ダウンロード 
    解凍すると「Claude Code作業」フォルダが出てきます。
中身は CLAUDE.md（約束の紙）と「ナレッジ」フォルダ。
コピペは不要で、フォルダごと iCloud Drive に置いて使います。
  2. できたフォルダを、iCloud Drive の中に置く（バックアップのため）
    あわせてMacの設定で「Macストレージを最適化」をオフにします（設定 → Apple ID → iCloud）。ファイルの実体がMacに残り、動作が遅くならず、クラウドにも控えが残ります。
  3. Claude Codeの画面上の「Code」タブを押す → 「Local」を選ぶ → 「Select folder」で、さっき置いた専用フォルダを選ぶ
    フォルダ選びは初回だけです。次からは同じフォルダがすぐ開けます。作ったLPや資料も、ぜんぶこのフォルダの中にたまっていきます。
  4. フォルダの中のCLAUDE.mdをClaude Codeが自動で読む → 安全の約束・データのため方・区切りで記録の土台が一発で入る
  5. 下の「最初のお願い文」を貼って、安全設定を一緒に確認する
    最初のお願い文 Claude Codeに貼る 
    はじめまして。今日からこのフォルダで一緒に作業します。
まず、このフォルダのCLAUDE.mdに書いてある約束
（安全・データのため方・区切りで記録・かしこく使う）を、
やさしい言葉でひとつずつ説明してください。

専用フォルダに入っているもの

CLAUDE.md約束とルールの紙。Claude Codeが毎回いちばん最初に自動で読みます（安全の約束・データのため方・区切りで記録・かしこく使う・自動化の頼まれ方・調べものは出典を示す）
「ナレッジ」フォルダ詳しく残したい記録がたまっていく場所（最初は空です）
これから増えるもの講座で一緒に作るファイル（プロフィール・LP・資料など）は、ぜんぶこの中にたまっていきます

データの置き場所（どこに何を置く？）

ルールこの約束・指示 → CLAUDE.md（専用フォルダの中）
記憶Claudeが覚えること → メモリ（自動でたまる）
ナレッジ詳しく残したいこと → 専用フォルダ内の「ナレッジ」フォルダ（後でObsidianというアプリに引っ越しできます）
制作物作ったサイト・資料 → 専用フォルダの中（iCloud Drive内なのでバックアップも安心）
もしパソコンが壊れたら？　専用フォルダは iCloud Drive の中にあるので、作った物や記録はネット上にも控えがあり、消えません。ただひとつ、Claudeの「メモリ」だけはパソコンの中にしかないので、大事なことは「ナレッジ」フォルダにも残しておくと安心です（いつもの「区切りで記録」をしていれば、自然にそうなります）。公開したサイトも Cloudflare のサーバー上にあるので消えません。
使いはじめる前に、2つだけ知っておいてください
・Claude Codeは魔法のボタンではありません。「こうしたい」という完成イメージに、相談しながら近づけていく道具です。
・道具は必要になった時に1個ずつ。まずClaude Code、公開する時にCloudflare。あとは作りたい物が出てきたら足していきます。
大事

覚えておくと安心なこと

STEP 3

LPを作る

1回目後半 〜 2回目
  1. 事前に集めた素材・文章・参考LPを、専用フォルダに入れてClaude Codeに渡す
  2. 「この参考みたいなLPを、この素材で作って」と頼む
    LP作成のお願い文 Claude Codeに貼る 
    参考にしたいLPのURLを渡します。
このイメージで、私が渡す写真と文章を使って、
お客様向けのLPを作ってください。
完成イメージを相談しながら、少しずつ進めたいです。
  3. 一度で完成じゃなく、理想の形に相談しながら近づけていく
STEP 4

LPをインターネットに公開する

2回目 ／ ここで Cloudflare を使います
  1. 下のURLをブラウザで開いて、Cloudflareに登録
    Cloudflare登録 ブラウザに貼る 
    https://dash.cloudflare.com
  2. Claude Codeに「Cloudflareに公開して」と頼む → 手順を進めてくれる
    公開のお願い文 Claude Codeに貼る 
    作ったLPを、Cloudflareにインターネット公開したいです。
必要な準備（ツールのインストールやアカウント連携）から公開まで、
順番に手伝ってください。むずかしいところは代わりにやってください。
  3. 作ったLPがインターネットに公開されます
STEP 5

次の展開へ

3回目 〜

この先できるようになることの例

自動化の考え方 — 入口と出口だけ決める

自動化のお願い文 Claude Codeに貼る 
次の作業を自動化したいです。
【渡すもの（入口）】→
【ほしいもの（出口）】→
【今の手作業のやり方】→
まず段取りを見せてください。私がOKを出したら進めてください。
ここから先は、やりたいことに合わせて、必要な道具を1つずつ一緒に足していきます。
困ったときは、いつでもご連絡ください
ayano direction