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