第0章 はじめに ── Claude Codeが、つくってくれます
この教材は、こんな人のために書きました
- 自分のサービスは持っているのに、ネットの上に「置き場」がない
- アイデアはあるけど、形にして世の中に出す方法がわからない
- ホームページを作ろうと見積もりを取ったら、思っていたより一桁多い金額だった
- 「かんたんに作れます」と聞いてホームページ作成サービスに登録してみたけれど、途中でわからなくなって止まったまま
- AIで作れると聞いてやってみたけど、使える形にならなかった
- Claude Codeを使ってみたいと思っている
Claude Codeを知って、「これならできる」と思った
Claude Codeがすごいらしい。次元が違う。そんなうわさを耳にした。
好奇心からどんなものなのか調べて、躓きながらも、なんとか使える状態にした。
ホームページも簡単に作れると聞いていたので、よくあるチャット型のAIと同じように会話しながら、「こんなサービスを形にして公開したい」と相談から始めた。
やりとりを繰り返すうちに、なんとサービスのサイトを公開できる状態まで進んでいた。
プログラムやコードなど、一切書いていない。ただ日本語で会話しただけ。
「頼んだら、本当にできてしまった」
特別な知識がなくてもできるということを、身をもって感じた瞬間でした。
この教材は、専門家が上から教えるものではありません。先にやってみた人が、やり方をそのまま渡すものです。
Claude Codeって、なんですか
ChatGPTやGeminiを使ったことがある方は、こう思っているかもしれません。
「AIって、聞いたら答えてくれるものでしょう」
そのとおりです。でも、そこまでです。
「ホームページを作りたい」と頼むと、ChatGPTは作り方を教えてくれます。 こういう文章を書いて、こういうファイルに保存して、ここに置いて——と、丁寧に。
そして、そこからはあなたの番です。教わったとおりに、自分でやることになります。ここで止まる人が、とても多いのです。
Claude Codeは、違います。
教えるのではなく、やります。
「美容室のページを作って」と日本語で言えば、ファイルを作るところから、中身を書くところまで、Claude Codeがやります。あなたは、できあがったものを見るところから始まります。
そして、見て思ったことを、そのまま言うだけです。
「ここの色、もう少し落ち着いた感じに」
「この文章、かたいからやわらかくして」
「料金表を上のほうに持ってきて」
- コードを書きません
- コピーも貼り付けもしません
- 専門用語も覚えなくていいです
用意するものは、2つだけです
① パソコン(WindowsでもMacでもOK)
② Claudeの有料プラン(Proプラン以上)
これだけです。
ほかに買うものはありません。ホームページを作るソフトも、置き場所の契約も、要りません。
スマートフォンだけでは、この教材の内容はできません。 Claude Codeがパソコンの中で
ファイルを作りながら進むためです。パソコンをご用意ください。
手順の画面は、Windowsのもので説明しています。
Macでも同じことができます。画面や操作の名前が少し違うので、読み替えながら進めてください。
この教材で、あなたが作るもの
3つあります。
- お客さまに見せるページ(1枚もの。スマホで見てもきれいに表示されます)
- 申し込みを受け取る仕組み(Googleフォーム)
- お金とやりとりの窓口(銀行振込・LINE公式アカウント・メール)
この3つで、見せて・申し込みを受けて・お金を受け取って・やりとりするが、ひととおりそろいます。
よくある「ホームページの作り方」は、1つ目で終わります。でも、ページだけあってもビジネスは始まりません。申し込みを受け取れて、お金を受け取れて、はじめて「受け皿」になります。 この教材が渡すのは、その一式です。
かかるお金
| 項目 | 費用 | 必要か |
|---|---|---|
| この教材 | 1,980円(買い切り) | 必須 |
| Claudeの有料プラン(Proプラン) | 年払い220ドル(月あたり約18ドル)または月払い22ドル | 必須 |
| ページを置く場所(Cloudflare Pages) | 0円 | 必須 |
| 申込フォーム(Googleフォーム) | 0円 | 必須 |
| 振込先の銀行口座 | 0円(いま持っている口座でOK) | 必須 |
| LINE公式アカウント | 0円(送れる数に上限あり) | 任意 |
| 自分だけのアドレス(独自ドメイン) | 年1,000〜数千円 | 任意(なくても公開できます) |
Claudeの有料プランについて(2026年8月時点/出典:claude.com/ja/pricing)
- 年払いなら220ドル、月払いなら22ドル/月です(消費税込み。画面には税抜の「$17」「$20」などで表示されることもあります)
- 1ドル160円で計算すると、年払いでだいたい35,000円くらい(月あたり3,000円弱)。月払いで約3,500円です
- 公式サイトの料金の表記は、よく変わります。 この教材の画像や数字と違うことがあります。申し込む前に、公式サイトでいまの金額を見てください
- このプランに Claude Code が含まれています。 別売りではありません
ページの置き場所(サーバー代)はかかりません。フォームもかかりません。制作費も0円です。
この教材でできないこと
先に書いておきます。
ネットショップは作れません
商品をたくさん並べて、カートに入れて、クレジットカードで決済する——という仕組みは対象外です。この教材が作るのは「1枚のページ+申込フォーム+銀行振込」で、商品が1〜3個くらいのサービス業向けです。
検索で上位に出す方法は書いていません
検索結果の順位を上げる話(SEO)は、この教材の範囲外です。作ったページを見てもらうには、SNSやチラシや口コミで、あなたが人に伝える必要があります。作れば人が来る、ということはありません。
売上は保証できません
当たり前のことですが、はっきり書いておきます。ページができることと、売れることは別の話です。この教材でできることは、受け皿をつくることです。
この教材が向かない方
買う前に読んでください。
1円もかけたくない方
Claudeの有料プランは必要です。ここは避けられません。月3,000円台の固定費がどうしても難しい時期であれば、いまは見送ってください。
誰かに全部やってほしい方
これは自分で手を動かす教材です。「その時間を本業に使いたい」という方には向いていません。それは悪いことではなく、正しい判断です。 そういう方のための選択肢は、巻末の「サービスと特典」で紹介しています。
うまく動かないときは、Claudeに聞けます
進めていると、思ったとおりにならないことも出てきます。
そのときは、その画面のスクリーンショットを撮って、Claudeに添付して、「こうなりました。どうしたらいいですか」と聞いてください。 たいてい、その場で答えが返ってきます。
これが、本を読みながらひとりで作るのとの、いちばん大きな違いです。わからないことを、わからないまま抱えなくていい——それがClaude Codeで作るということです。
この教材の歩き方
順番に読んでください。
とくに第1章(道具をそろえる)と第2章(Claudeに仕事を頼めるようにする)は、あとの全部の土台です。しっかり土台を作って、進めていきましょう。
各章の終わりにチェックリストを置きました。全部にチェックが入ってから、次へ進んでください。
| 章 | やること |
|---|---|
| 第1章 | 道具をそろえる |
| 第2章 | Claudeに仕事を頼めるようにする |
| 第3章 | 売りものをClaudeに伝える |
| 第4章 | ページを作ってもらう |
| 第5章 | 申し込みを受け取る |
| 第6章 | お金を受け取る |
| 第7章 | やりとりの窓口を作る |
| 第8章 | 公開する |
| 第9章 | 公開したあと |
| 第10章 | おわりに |
| 付録 | そのまま使える頼み方の文例集・チェックリスト |
第0章のチェックリスト
チェックが入ったら、第1章へ。ここから手を動かします。