Claude Web Master

数々の「あきらめ」を覆せます

高額で製作代行してもらったが、手付かず。作り替えはあきらめた

WordPressは複雑で、学習コストが高すぎて挫折した

有料テーマを買って何とか作り上げたが、これ以上、頑張るのは諦めた

高額のWeb開発、プログラミング塾に入会したが、身に付かず諦めた

もっとWebページを自由に使ってビジネスをすることを諦めた

「デジタル」にワクワクしていた自分に、がっかりした

Claude Codeは、全てを覆し、あなたのワクワクを「現実に」します

正直にお伝えします

このClaude Web Master講座は、「簡単!」「誰でもすぐできる!」とは言いません。

新しいことを学ぶ必要があります

• エンジニアが使う、（あなたが使ったことのない系統の）アプリを使います（無料です）
• 今まで触れたことのない仕組み（自動化）を使います
• 一発丸投げではなく、Claude Codeと対話をしながら作ります
• 細部までこだわると、2、3日はかかります

でも、だからこそ

乗り越えた先には「自分で作れた!」という大きな喜びと自信が待っています。

この試行錯誤のプロセス自体を「面白い!」と思える方、
完璧じゃなくても「自分で作る」ことに価値を感じる方のための講座です。

こんな方には向いていません

正直にお伝えすると、以下のような方にはこの講座は適していません:

❌ 完成品だけが欲しい方

作るプロセスに興味がなく、完成したWebサイトだけを求める
「楽になるから」だけが目的で、作ること自体に興味がない

❌ 確実性を求める方

全部AIに丸投げして、完成品を貰いたい（そんな魔法はありません）
ステップバイステップで確実に進みたいだけ(現実的には不可能です)

❌ 学ぶことが嫌いな方

新しいことを学ぶこと自体に興味がない
本質的に「知りたい」という好奇心がない
テクノロジーは、好きではない

この講座は「楽しいけれど、簡単ではない」です。

地道な試行錯誤を「探求」として楽しめる方にこそ、最適な講座です。

Claude Web Master講座で実現できること

AIがあなたのアシスタントに

でも、完全自動ではありません

Claudeが担当すること:

デザインを提案してくれる
コピーを考えてくれる
コードを書いてくれる
エラーを修正してくれる

あなたが担当すること:

方向性を決める
判断する
最終決定する

協働作業だからこそ、学びがあり、成長があります。

ワンページから始める実践型学習

複雑なマルチページサイトではなく、ワンページに特化。
プロトタイピング思考で、試行錯誤しながら完成度を高めていきます。

ワンページの育て方:

1 まずは公開できるワンページを作る
2 ポップアップモーダルで情報を増やす
3 少しずつコンテンツを育てる
4 必要に応じて複数のワンページを作る

高速、安全、制限なし、無料で公開

帯域無制限、アクセス無制限
世界中、どこからアクセスしても超高速
企業レベルの安全性
独自ドメインでの運用も可能
SSL対応、ウィルス、攻撃も自動ブロック
Cloudflare Pages と Githubで「公開の自動化」

無料で独自ドメインメールを運用

信頼される「独自ドメイン」のメールアドレスを無料で運用
Gmailを使うので安全、容量多い、使いやすい
スマホアプリで送受信も可能
Cloudflare Email Routingの設定方法を徹底解説

より深い知識、技術も学べる

Webサイトが表示される仕組み（DNS、CDN、サーバー）
サブドメインの活用方法
Gitの仕組み、コマンド
開発エディタの操作方法、仕組み

体系的な13チャプターで段階的に習得

最初のワンページは1〜2週間で公開可能。
その後、自分のペースで応用スキルを身につけていきます。

Phase 1

基礎を固める

1. 全体像

何ができるのか、何を学ぶのかを理解

2. 開発環境づくり

必要なツールを一度だけセットアップ(2〜4時間)

3. Visual Studio Codeに触れてみよう

開発ツールの基本操作

Phase 2

最初のワンページを作る

4. ワンページセットアップ

スターターキットの準備

5. ワンページの基本

Claudeと対話しながら制作(10〜20時間)

6. プロトタイプ思考

複数パターンを作り、良いところを組み合わせる

Phase 3

公開する

7. Cloudflare Pagesで公開

実際にインターネットに公開

8. 独自ドメイン

あなた専用のドメインを設定

9. 独自ドメインメール

info@yourdomain.com のようなメールアドレス運用

Phase 4

応用と拡張

10. フォーム設置

問い合わせフォームの実装

11. ワンページの活用

複数ページの戦略的な使い方

12. SEO、アクセス解析

検索対策とアクセス分析

13. 伝わるWebデザインの実践

より効果的なデザイン手法

柔軟な学習スタイル

全ての講座を見終わってから作り始める必要はありません。
わかった範囲で、まずは実践。詰まったらドキュメントサイトで検索。
自分のペースで進められます。

現実的な所要時間をお伝えします

初期セットアップ

環境構築 30分から1時間
(初回のみ、トラブルがなければ)
Web公開設定 15分から30分
Git/VSCodeの基本理解 1〜2時間

制作フェーズ

最初のワンページ 30分〜2時間
(試行錯誤含む)
ポップアップモーダル追加すぐ実装(中身は別)
独自ドメイン設定 1〜2時間
フォーム設置 1時間程度

※重要な注意

• 個人差があります
• 古すぎるパソコン(Windows10など)や、会社のネットワークでは、詰まることがあります
• 最初の試作品は「サクッと」できますが、そこからこだわり始めると「丸一日かかった」というときもあります
• でも、それも含めて学びです

従来の方法との本質的な違い

比較項目	WordPress	本講座(Claude活用)
学ぶもの	ボタンの操作 (テーマ依存、すぐ陳腐化)	デザイン用語、仕組み (普遍的、応用可能)
学習コスト	膨大な設定項目	対話しながら学ぶ
運用費用	月額数千円〜	無料 (Cloudflare)
更新の手間	複雑な管理画面	対話で即座に更新
デザイン	テーマに依存	AIがセオリー通りに提案
カスタマイズ	限定的	自由自在 (理解が深まる)

重要な違い

WordPressで学ぶのは「そのツール固有の操作」

本講座で学ぶのは「普遍的なWeb制作の知識」

一度理解したら、他のことにもたくさん応用できます。
AIの進化とともに成長できる知識です。

アシスタントと作る、新しい体験

従来の制作

1. マニュアルを読む
2. ボタンを探す
3. 設定を試す
4. うまくいかない
5. また調べる...

Claudeとの制作

1. 「ここをこうしたい」と依頼
2. Claudeが提案してくれる
3. 結果を見て修正依頼
4. 対話しながら完成へ

「フィードバックがどんどん返ってくるので楽しく、時間があっという間に過ぎてしまいます」

— 受講生の声

でも、注意

完璧ではありません。

• 意図と違うものができることもある
• エラーが出ることもある
• 何度も説明し直すこともある

それも含めて、「協働作業」の醍醐味です。

ワンページの賢い使い方

複雑なマルチページサイトを作るのではなく、
目的別のワンページをどんどん作る方が効率的です。

メインサイト

yourdomain.com

会社概要のワンページ

イベント告知

yourdomain.com/events/2025-11-workshop

専用ワンページ

商品販売

yourdomain.com/lp/product-name

ランディングページ

キャンペーン

yourdomain.com/campaigns/winter-sale

期間限定ページ

メリット

それぞれが独立しているので、一箇所の変更が他に影響しない
目的に応じて最適なデザインができる
使い終わったページは削除するだけ
統合サイトより圧倒的にシンプル

フォルダ構成の例

public/
  ├─ index.html (メインサイト)
  ├─ lp/
  │   ├─ coffee-seminar.html
  │   └─ online-course.html
  ├─ events/
  │   ├─ 2025-11-workshop.html
  │   └─ 2025-12-meetup.html
  └─ news/
      └─ 2025/
          └─ announcement.html

CCWM - 一緒に学び、一緒にチャレンジする場所

Claude Web Master講座は、オンラインコースだけではありません。
CCWM(Community for Claude Web Master講座)で、
継続的に学び、刺激し合うコミュニティがあります。

Substackでの継続配信

定期的なコンテンツ:

Claude/Claude Codeの最新アップデート情報
実践的なノウハウと事例
メンバーの作品シェア
つまずきポイントと解決策

記事の種類:

• 小さな学びを与える記事(2,000文字程度、週1〜2回)
• イベント・ウェビナーのお知らせ
• 作品シェア(主催者・メンバーの実例)

Discordでの助け合い

活動内容:

詰まったときの質問・相談
進捗報告とモチベーション維持
モクモク会(週1回、土曜10:00〜)
プロエンジニアによる月1講義

チャンネル例:

#beginner-friendly どんな質問もOK
#help-stuck 詰まったらすぐ質問
#showcase 作品の共有
#failed-projects 失敗も歓迎

作る喜びを共有する文化

シェアされるもの:

• 完成したWebサイト
• 途中経過のプロトタイプ
• 失敗したプロジェクト(学びの宝庫!)
• 「こんなの作ってみた」という実験

大切にしていること:

• 完璧じゃなくていい
• 失敗も含めてシェアOK
• 「まだ途中だけど」も大歓迎
• 質問に優劣はない

講師・コミュニティ主催者

toiee Lab 亀田学広

学習理論研究者・教育コンテンツ開発者

専門領域

• 学習理論に基づいた教育コンテンツ開発
• Claude活用の実践的ノウハウ開発
• 「体験から学ぶ」探求型学習の提唱

実績

• トイスク(Toy Skill)運営
• 複数のオンラインコース開発・運営
• Substackで継続的な教育コンテンツ配信

教育哲学

「暗記ではなく、体験から学ぶ。
完璧を目指すのではなく、試行錯誤のプロセスを楽しむ。
それが本質的な学びにつながる」

受講生の変化

Hさん

70代・地域活性化委員会所属

WordPressは、なんとか作り上げたもののデザインが気に入らず。かといって、どう改善していいかわからない上に、混乱するばかり。そんなHさんも、今では、Claude Code を相棒に、4サイトを立ち上げ、さらに情報共有のための専用Webサイトを構築しています。

Kさん

40代・会社事務員

WordPressで作成していたWebサイトは、ずっとデザインが気に入らなかった。かといって、直すのも大変。そんなとき、学び始めた。練習のために、ファンのアーティストのためのWebページを作り始めたら、ハマ(楽しい)ってしまい、シェアしたら多くの人から絶賛された。さらに、高速化などもClaudeと相談して、まるでWebエンジニアのようなことができています。

Tさん

60代・個人事業主

本業が忙しい中、なんとか作り上げたWordPressサイト。実は、妻には「ダサい」と言われていたが、せっかく頑張って作ったし、またあの苦労をするぐらいなら、もうこのままで良いと思っていた。ところが、ご自身のビジネス上のこだわりをClaude Codeに渡したら、顧客目線で文章、デザイン、レイアウトをしてくれて、あっというまに、いい感じのものができた。妻に見せたら「絶対に、こっちがいい！」と太鼓判を押された。

学習をサポートする3つの柱

1. オンラインコース

全13チャプターの動画講座
順番に体系的に学べる
何度でも見返せる

2. ドキュメントサイト

検索可能な知識ベース
動画を見直さなくても作業できる
コピー&ペーストですぐ実行

3. CCWMコミュニティ

Substackでの継続的な情報配信
Discordでの質問・相談
モクモク会とプロ講師の講義

質問できる範囲

Web制作に関することなら、どんなことでも相談できます。

独自ドメインのメール設定

おすすめの連携サービス

フォーム作成ツールの選び方

イベント登録システムの運用方法

知識をどんどんシェアしていきます。

今すぐ始める

講座に含まれるもの

オンラインコース

全13チャプターの動画講座
知識編(Web基礎、Git、VSCode)
検索可能なドキュメントサイトへの永続アクセス
継続的なアップデート

CCWMコミュニティ

Substackでの定期配信(週1〜2回)
Discordコミュニティへの参加
モクモク会への参加(週1回)
プロエンジニアによる月1講義

受講料

¥49,800

(税込)

※買い切り価格・継続課金なし

安心して学べる充実サポート

初心者の方でも安心。困ったときはいつでも質問できます

6ヶ月間メールで質問OK

コミュニティで質問するのが恥ずかしい、URLなど個別の内容で相談したい場合は、直接メールで質問できます。コース内や、右下のポップアップからすぐに質問できます。

コミュニティで助け合える

同じメソッドを使う仲間で助け合えるコミュニティで質問や、情報共有できます。私も積極的に質問に回答しています。6ヶ月が過ぎても利用可能です。

なんでも相談OK

作成のことだけでなく、ドメイン、サイトの引越し、Claudeへの指示の出し方など、いろいろ質問してください。あなたがWebサイトを公開できるように、可能な限り答えます。

30日間返金保証

いろいろ取り組んでみたけど、どうしても無理、難しかった場合は、30日以内なら理由を問わず全額返金いたします。安心してお試しください。

決断する前に

コースの無料視聴で以下を確認できます:

実際の制作プロセスのデモ
自分に合っているかの判断材料
質問・相談

今すぐ申し込むコースを無料視聴する

よくある質問

Q1: プログラミング経験がなくても大丈夫ですか?

A: はい、非エンジニア・ノンデザイナーの方を対象にしています。ただし、「簡単」ではありません。試行錯誤を楽しめる方に向いています。

Q2: MacでもWindowsでも受講できますか?

A: はい、両方に対応しています。専用のセットアップガイドを用意しています。

Q3: どのくらいの期間で習得できますか?

A: 最初のワンページは1〜2週間程度で公開可能です。ただし、詰まる時間も含めると個人差があります。

Q4: 運用費用はかかりますか?

A: Cloudflare Pagesを使えば、基本的に無料で運用できます。独自ドメイン取得費用(年間1,000円程度)のみ必要です。

Q5: エラーが出たときはどうすればいいですか?

A: Discordの#help-stuckチャンネルで質問してください。メンバーや主催者がサポートします。ドキュメントサイトでの検索も有効です。

Q6: 本当に「簡単」ではないのですか?

A: はい、正直に言うと簡単ではありません。環境構築で詰まることもあるし、エラーで数時間悩むこともあります。でも、それも含めて「探求」として楽しめる方には最高の講座です。

Q7: 完璧主義な性格ですが、大丈夫でしょうか?

A: むしろ、この講座で「まずは公開してみる」という考え方を学べます。完璧を目指すより、「動くものを作る→改善する」というサイクルを回す方が成長できます。

Q8: コミュニティに参加しないと学べませんか?

A: オンラインコースだけでも学習は可能です。ただし、コミュニティでの助け合いや刺激は、学習を加速させモチベーションを維持する大きな助けになります。

Q9: 既存のWebサイトからの移行はできますか?

A: はい、段階的に移行できます。新しいページを作りながら、徐々に移行していく方法をコース内で扱います。

Q10: マルチページサイトも作れますか?

A: はい、ただし本講座の推奨は「ワンページを複数作る」疎結合アプローチです。統合されたマルチページサイトより、運用がシンプルで効率的です。

作る喜びを、取り戻そう