先行リリース ¥9,800 価格と受け取り方
Claude Code で作って、検査して、公開する

大手への納品レベルで、
Webサイトを作成する教材。
実務のスキル27本ごと。

表示速度・アクセシビリティ・セキュリティ・DNSの台帳・公開後の監視。大手の担当者が見る所を工程に組み込み、目視ではなく検査で機械判定します。Web春の自社サイト26ページをこの工程で7日で作り直し、スマホの表示速度は98点、維持費はドメイン代の年1,500円になりました。その工程を Day 0〜13 に並べ、スキル27本を書き直さずそのまま、雛形サイト・Mac アプリ2本ごと渡します。

本書の工程で作り直したWeb春の自社サイト(26ページ)
本書の工程で作り直したWeb春の自社サイト。26ページ・記事62本を7日で。スマホの表示速度98点。

先にお見せする理由は、ひとつです。

この工程で作り直した自社サイトの数字を、いま毎日見ているからです。26ページを7日で作り直し、Googleの「webflow」検索では今も3〜4位。使ったのはClaude Codeと、工程ごとの指示だけです。

その工程を、そのまま渡します。マサトです。宮城県塩竈市でWeb制作会社をやっています。

こんな所で、止まっていませんか。

01

制作会社の見積もりで止まった

数十万円の見積書を前に、頼むにも自分でやるにも踏み出せないまま数ヶ月。

02

WordPressが重い、怖い、遅い

更新のたびに何かが壊れる。プラグインの警告を見るたびに触れなくなる。

03

ノーコードで作ったが、検索から誰も来ない

見た目は整った。けれど「地域名+業種」で検索しても、自分のサイトが出てこない。

04

AIで作ったが「AIで作りました感」が消えない

PCのトップページはきれい。なのに、どこか信用されない。何が違うのか言葉にできない。

差は、センスでも経験年数でもありません。工程です。そして工程なら、渡せます。

この工程で作り直した自社サイトの、結果。

2026年7月、Web春の自社サイトを本書の工程でフルリニューアルした実測です。すべて第三者の採点ツールと Search Console の数字で、ブログにも同じ数字を公開しています。

7日26ページ・記事62本の作り直し
(企画4日・構築3日)
98スマホの表示速度(Lighthouse)
最初の計測は73点
6→98Ahrefs の健全性スコア
エラー236件→19件
1,500円年間の維持費(ドメイン代だけ)
Webflow時代は年10万円弱

「一見きれい」の中で、壊れていた6の実数。

AIが出したサイトは、PCの画面で・トップページだけを・目で見たときは、たしかにきれいです。壊れていたのは、目視では見えない層でした。どれも、画面を見ているだけでは気づけませんでした。工程と同梱の検査スクリプトが拾いました。

  1. 01236件

    旧サイトの Ahrefs のエラー。作り直した新サイトでは19件、健全性スコアは6点から98点に

  2. 021.7MB

    見出し用のWebフォントだけで1.7MB。使う文字だけに絞り、スマホの表示速度は73点から98点へ

  3. 0357本

    韓国語の記事57本が、301の消し忘れ1行でGoogleから消えていた。表示は200のままなので目では気づけない

  4. 0416日

    GA4の計測が16日間止まっていた。タグの読み込みとCSPの二段で壊れ、画面はいつもどおり動いていた

  5. 0526ページ

    26ページと記事62本の移行を、企画4日・構築3日の7日で。そのあと検査で直した分も、全部この工程に入れた

  6. 06年1,500円

    Webflow のサブスクで年10万円弱だった維持費が、ドメイン代の年1,500円に

同梱スクリプト check_site.py の実際の出力(形式)
========================================
  最強チェック 結果
========================================
  ✓ トップ 200 / sitemap掲載 全URL すべて200
  ✓ apex/httpの正規化を確認
  ✓ 外部リンク 12本を確認

■ ERROR: 20件   ← 初回
  [見出し] 19件  実績ページの本文に h2 が無い
  [構造化] 1件   FAQPage が本文と一致しない
■ WARN: 231件
  [alt] 89件 / [文字] 14px未満 …

----------------------------------------
  修正後の再検査 → ERROR 0 / WARN 0
----------------------------------------

大手の担当者が見る所を、全部工程に入れてあります。

見た目がきれいかどうかは、担当者は最後に見ます。先に見るのは、下の8つです。どれも本文の Day に手順と検査があり、「検査して」の一言で自分のサイトの結果が出ます。

  • 1

    表示速度。画像は avif、フォントは使う文字だけ、CSS はインライン。自社サイトでスマホの表示速度 73点 → 98点(Day 5・9)

  • 2

    アクセシビリティ。文字は12px以上の偶数、余白は4の倍数、文字と面の全組み合わせでコントラストを実算。ビルドのたびに落とす検査つき(Day 5)

  • 3

    セキュリティ。CSP は手で書かず送信先の定義から生成。鍵は secret にだけ置き、bot 対策は Turnstile。SSL A+・Observatory A+ を実測で取る(Day 9)

  • 4

    フォーム。同一オリジンの中継を通して届け、2回失敗したら公開メールアドレスを画面に出す逃げ道つき。届いた数は GA4 で数える(Day 7)

  • 5

    メール。クライアントのドメインから送る。SPF・DKIM・DMARC を既存を壊さず足し、mail-tester で9点以上を実測(Day 9・11)

  • 6

    検索とAI検索。構造化データ、Q&A と本文を同じ元から出す、llms.txt、多言語の骨格。狙う検索語は URL ごとに機械可読で持つ(Day 6・13)

  • 7

    台帳と記録。触った DNS は変更前の値ごと台帳へ。やった日に GA4 へ注釈。bot を除外して読む。順位は毎日機械で取ってアラートだけ見る(Day 8・12・13)

  • 8

    引き継ぎ。サイトは git で完全に再現でき、記事は CMS を使ってもリポジトリに残る。制作会社が変わっても持っていける(Day 10)

読者は3種類います。工程は同じです。

違うのは工程の前と後だけです。どのタイプでも、コードは読めなくて大丈夫です。

01

自分の商売のサイトを作りたい

本書の主線です。Day 0 から順に通せば、調査から公開後の刈り取りまで、自分の手元だけで完走できます。

02

人のサイトを作って売りたい

作れるようになったら、それは売れる技術です。営業の番外編2章(新規開拓・商談と価格)を、後日追補として届けます。

03

会社で内製する・社員に教える

同じ27本を、社内で回せます。社内での配布と研修まで含めた形が、最終価格 ¥49,800 です。

読む教材ではありません。
実務のスキル27本を、そのまま渡します。

27

実案件で回しているスキルの本数です。教材用に書き起こした説明用のスキルは、1本もありません。あなたのClaude Codeに入れると、「次の工程に進んで」の一言でヒアリングから公開後まで工程が進みます。各 Day の最後に完遂条件の確認が入っているので、迷子になりません。

その27本を、Day 0〜13 の工程に並べたのが本編です。営業の番外編2章は、作れるようになったあとの話。後日、追補として無償で届けます。

  1. Day 0ご購入ありがとうございます
  2. Day 1準備
  3. Day 2ヒアリング・企画
  4. Day 3サイトマップ
  5. Day 4デザイン
  6. Day 5サイト構築
  7. Day 6SEO・AIO対策
  8. Day 7フォーム送信
  9. Day 8検査と公開
  10. Day 9セキュリティ
  11. Day 10CMS
  12. Day 11メール
  13. Day 12記録とGA注釈
  14. Day 13SEO運用・順位計測
  15. 営業 1新規開拓
  16. 営業 2商談・価格

制作スキル27本

実案件で使っているものを、書き直さずそのまま渡します。落ちた案・踏んだバグへの対処も、コメントで残ったままです。

検査スクリプト5本

スマホ・コントラスト・静的・SEO・巡回。スキルの中に入っていて、「検査して」の一言で同じ表が自分のサイトで出ます。

雛形サイト1式

デザイントークン・検査・速度まわりが最初から入った状態から始められます。

Mac アプリ2本

Markdownよむ(Markdownを記事のように読んで、その場で直す)と SVGみる(AIが描いた図をそのまま開く)。制作の現場で毎日使っているものです。

全工程をAIに渡す1本

Day 1〜13 の指示文を順に並べた Markdown。案件フォルダに置いて「読んで、Day 1 から進めて」で、工程どおりに進みます。

特典は3つ。全部、実物です。

01

CLAUDE.md の型

AIに何を覚えさせるか。IF-then でルールを書く作り方と、僕の実物から案件情報を抜いた全案件用・案件用の2枚。

02

この会員サイトを教材で作り直した記録

Day ごとの試走ログと、デザイン A〜F 案の HTML 実物。教材どおりにやると本当にこうなる、の証拠。

03

実測データ集

順位・流入・AI経由・修正依頼の数・営業メールの数・価格。教材に散っている実数を、根拠つきで1枚に。

受け取り方は、購入者専用ページ。

決済後すぐ、購入時のメールアドレスでログインできます。上の3つのボタンでファイルを落として、Day 0 から読むか、AIに渡すか。目次は左に畳んであります。

購入者専用ページのトップ。3つのダウンロードボタンと Day 0〜13 の一覧
トップ。3つのボタンと Day 0〜13
記事ページ。左に目次、本文に指示文の箱
記事。左の目次は開け閉めできます
特典の配布ページ
特典・ファイル・アプリ・雛形・スキルの一覧
スマホでの目次
スマホ

実案件の6案。ベース1枚から機械複製して、選びました。

Day 4 の工程で実際に出た案です。ベースを1枚だけ作り込み、差分だけを振って複製する。案が増えるコストはファイルのコピーだけ。実寸のまま横に並べて選ぶところまでが工程です。落ちた案は温存して、LPやA/Bテストに転用します。

実案件のデザイン案A〜Fを、PC実寸1440×900から縮小して並べた比較ビューアの画面
同じ6案のスマホ実寸390×844の並び
比較ビューアの実画面(電話番号などはぼかしています)。A〜C→選定→ベース→リズムだけを振った3案→確定、の2ラウンド。

なぜいまが ¥9,800 で、最終が ¥49,800 なのか。

最終的な値段は ¥49,800 です。社内での配布と研修まで含めた形にして、そこで止めます。そこまでは一段ずつ上げます。次は 10月末、¥14,800 です。

いまの ¥9,800 は、その5分の1です。安くしている理由は三つあります。

一つ目。先行リリースだからです。中身はいまも書き足しています。増えた分は無償の改訂として届くので損はしませんが、全部そろうのを待たずに渡すぶん、安くします。

二つ目。最初の「詰まった報告」が欲しいからです。本書は詰まりポイントの報告を追補集に反映して全購入者に返す作りになっていて、その最初のループを、一番濃い読者と回したい。値段を上げるのは、その報告を入れて直した版を出していくからです。時間が経ったから上げるのではありません。

三つ目。値上げの幅を、一段ずつにするためです。¥9,800 から ¥49,800 へ一度に飛ばすと、間に合わなかった方の落差が大きすぎます。10月末に ¥14,800 へ。そこから一段ずつ、最終価格に移します。

いまの価格 ¥9,800
  • 本編 Day 0〜13・スキル27本・雛形・Mac アプリ2本・特典3つ
  • 個人・企業とも同じ価格
  • 12ヶ月の無償改訂
最終価格(時期は未定) ¥49,800
  • 社内での配布と研修まで含めた形
  • ここで打ち止め
  • 12ヶ月の無償改訂

いま買った方にも、同じ中身が改訂で届きます。

価格と、受け取り方。

先行価格の受付は終了しました

¥9,800 で販売中です。10月末に ¥14,800 になります。

先行リリース ¥9,800 税込・買い切り・カード決済
  • 決済後すぐ、購入者専用ページで受け取れます
  • ご購入から12ヶ月、改訂・追補はすべて無償。買い直しはありません
  • 10月末に¥14,800、最終は¥49,800。いま買った方にも、その版の中身が改訂で届きます
  • 領収書は決済後に自動発行。特定商取引法に基づく表記

回収の算数は、タイプで違います。

  • 自分の1本なら——同じ工程を制作会社に頼めば数十万円です。1サイトで回収どころではありません。
  • 人のを作って売るなら——営業の番外編(商談・価格)の型で1件受ければ、教材代は初回の入金で消えます。制作の相場はLPで20〜80万円、コーポレートサイトで50〜150万円です。
  • 会社で内製するなら——外注1本ぶんの予算で、社員がその後も作れる状態が残ります。

向いている方と、買わないでほしい方。

向いている方

  • Claude Code を一度でも動かしたことがある(貼って、返ってきた結果を見たことがある)
  • これから商売のサイトを作りたい(何から始めるか分からない)
  • WordPressの更新が重い・怖い・遅い
  • ノーコードで作ったが、検索から誰も来ない
  • AIで作ってみたが「AIで作りました感」から抜けられない
  • 制作会社の見積もりで止まった。時間はあるから自分でやりたい
  • 作れるようになった技術を、仕事として売りたい

買わないでください

  • パソコンにソフトを入れること自体が不安な方(まず無料の環境構築ガイドから。近日公開)
  • 自分では一切作らず、制作会社に外注する予定の方
  • ボタン数回で完成する「テンプレ」を探している方
  • ノーコードツールの中だけで完結させたい方(同梱の検査資産が使えず、価値が半減します)
  • すでに機械検査・EEAT監査・受託の型まで自分で回せる制作者の方

よくある質問。

いま買うと、あとから買い直しですか?

買い直しは不要です。ご購入から12ヶ月間、改訂・追補はすべて無償でお届けします。最終価格 ¥49,800 の版になっても、その中身は改訂として同じように届きます。いまは先行リリースで、本文はいまも書き足しています。

いつ受け取れますか?

決済後すぐ、ご購入時のメールアドレスで購入者専用ページにログインできます。本文・制作スキル27本・雛形サイト・Mac アプリ2本・特典3つを、そのページからダウンロードしていただく形です。

本当にコードが読めなくても大丈夫ですか?

はい。本書にコードを読む工程はありません。同梱のスクリプトも「これを流して」とAIに言うだけです。手を動かすのはAIで、あなたの仕事は工程を正しい順で回すことと、あなたの商売にしか無い事実を出すことの2つだけです。

Macでないとダメですか?

本文と制作スキルは、MacでもWindowsでも使えます。同梱のMacアプリ2本(Markdownよむ・SVGみる)だけMac用です。

AIの利用料は別にかかりますか?

かかります(Claude の Pro プラン、月3,000円前後〜)。画像生成の API は使った分だけで1枚数円〜30円程度、Gemini は無料枠あり。公開先の Cloudflare は無料枠、ドメイン代が年1,500〜2,000円。Day 1 に費用の表を置いています。

どのくらいで完成しますか?

工程は13日分(1日60〜120分)です。平日だけ進めると約3週間、1日1〜2時間で最短2週間、標準1ヶ月が目安です。

実績ゼロでも、人のサイトを受けられますか?

営業の番外編2章(新規開拓・商談と価格)を、後日追補として無償でお届けします。本書で作ったあなたの1本目のサイトと、その検査数値・検索順位の記録が、そのまま営業資料になります。

サポートはありますか?

個別サポートはありません。詰まった箇所はまずAIに聞き、それでも解決しないときはメールで教えてもらう窓口を本文に置いています。届いた報告は追補に反映して、全購入者へ還元します。

haru Mail・ハルCMSは必ず使うのですか?

いいえ。どちらも著者のサービスであることを本文で開示した上で、自分でやる道を必ず併記しています。比較して選んでください。

P.S.

渡るかどうかだけが、あなたの仕事です。

AIでサイトが「作れる」ようになったことと、「商売の役に立つサイトができる」ことの間には、まだ大きな川があります。

7月、自社のサイトで、その川を渡りました。目で見て気づけた不具合は一部だけ。残りは全部、工程と検査が拾いました。

この教材は、その川にかかった橋です。自分の店のために渡る人も、人を渡す仕事にする人も、渡り方は同じ。全部書きました。

いまは ¥9,800、10月末に ¥14,800 です。決済後すぐ受け取れて、12ヶ月の改訂は無償です。

¥9,800 で購入する
¥9,800 購入する