このページは、講座で使うAIツール「Claude Code（クロードコード）」を、はじめての方が迷わず使い始めるためのガイドです。エラーが出ても大丈夫。うまくいかなかった所はメモしておいてもらえれば、講座の中で一緒に直します。
講座が始まる前にやっていただくのは、このタブの内容だけ（所要30分ほど）。エラーが出ても大丈夫、うまくいかない所は初回のオンラインで一緒に直します。「なんだか多いな」と感じたら、下の順番1〜2（アカウントとプラン）だけ済ませておけば十分です。
Claude（クロード）は、ChatGPTと同じように、質問するとチャットで答えてくれるAIです。そのClaudeの中の「Claude Code（クロードコード）」という機能を使うと、AIが「AIエージェント」として、あなたのパソコンの中のファイルを直接作ったり、操作したりできるようになります。LPやホームページのHTMLを、Claudeが実際に書いて、手を動かしてくれるのです。
| ふつうのチャットAI | Claude Code |
|---|---|
| 回答を自分でコピーして貼り付ける | AIが直接パソコンにファイルを作る。「LP作って」と言えばホームページのファイルが出来上がる |
Claude Desktopアプリを開くと、画面の上のほうに「ホーム」と「Code」のタブが並んでいます（最新版の配置です）。
| タブ | 何をするところ？ |
|---|---|
| ホーム | ふつうにチャットで会話する。アイデア出し・文章書き・画像を見せて質問 |
| Code | パソコンのファイルを直接読み書きして、ページやファイルを作る。講座の主役はここ |
Claude CodeはProプラン（月額約3,000円／$20）以上で使えます。無料プランはチャットだけなので、講座ではProプランへの加入をお願いしています。まずはProプランで大丈夫です。使う量が増えて「制限によく当たるな」と感じるようになったら、上のプラン（Max）へのアップグレードを検討してください。
| 知っておくこと | 内容 |
|---|---|
| 同じ財布 | チャットで使った量もCodeで使った量も、同じ上限から減ります。「チャットでたくさん壁打ち→Codeで作業しようとしたら制限」に注意 |
| 制限が来たら | 約5時間でリセットされます。あわてなくて大丈夫。待つ間はChatGPT（無料）で下準備をしておくのがおすすめ |
| 節約のコツ | アイデア出しはChatGPT、資料の要約はNotebookLM（どちらも無料）、仕上げと制作はClaude Code、と使い分ける |
事前に読まなくて大丈夫です。当日、画面を見ながら一緒に進めます。講座のあとで「あれ何だっけ？」と思ったときに戻ってくる場所として使ってください。
Claude Codeを安心して使うコツは、「作業用フォルダを1つ作って、そこだけを見せる」こと。これを知っておくと迷いません。
中の分け方のおすすめ：1つのプロジェクトごとにフォルダを作り、その中に画像用の「images」フォルダを作って写真やロゴを入れていきます。右腕のお仕事では、クライアントさんごとにフォルダを分けて、さらにその中で制作物ごと（LP・バナーなど）に分けると、あとから探しやすくなります。
ファイル名は必ず英語で。日本語やスペース入りのファイル名は、Webに上げると文字化けして読み込めなくなります。英語・小文字・ハイフンつなぎが基本です。
画像の重さの目安は1枚500KB以下。写真はJPG、ロゴはPNGを選べばOK。迷ったらClaudeに「この画像を500KB以下に圧縮して」と頼めます。
作ったページをインターネットに公開して、URLを人に送れるようになる回です。むずかしそうに見えますが、コマンドは全部コピペで進むので安心してください。
GitHub（作品の倉庫）とCloudflare（お店に並べる場所）を使って、自分のページを公開します。くわしい手順は、2回目の日までにこのタブに追加します。
ここに載っている物は、講座の進みに合わせて「今日はこれを入れましょう」とご案内します。先回りして入れてもOKですが、まずはセットアップタブの完了が先です。最初に入れるのはClaude in Chrome、SuperpowersとUI UX Pro Maxは講座の中でご案内します。それぞれ、押せるリンクとコピペできる手順つきです。
ClaudeがChromeブラウザを直接操作できるようになる拡張機能です。調べものやWeb上の作業を手伝ってもらえるようになります。