【更新履歴】
2026/6/12：リリースしました
2026/6/13：ファーストビュー特典にカタログ5本追加しました！
2026/6/13：ヘッダー/フッターパーツ

これ、ぜんぶ、僕がAIで作ったホームページです。

しかも、コードは一行も書いていません。やったのは、AIの質問に答えて、希望を伝えただけ。時間にして、ほんの1サイト当たり平均1時間ほどです。

この教材を受け取ると、いきなり、ここまでできます。

（ヤバいですね…）

思わず目が留まるファーストビュー（サイトを開いて最初に見える、一番上のエリア）も、あなたの業種に合わせて、特典のスキルが候補を出してくれます。

業種別の完成サンプルサイトも、10種、そのままお渡しします。

難しいところ、専門的なところは、全部AIにやってもらえばいい。

だから、はじめての方でも、ホームページを最後まで作り切れます。

そして、これは僕だけができることではありません。

この教材では、Codex（コーデックス）あるいはClaude Code（クロード・コード）に入れて使う『ぞろ屋式ホームページ作成スキル』をお渡しします。

質問に答えていくだけで、設計から、画像、トップページと固定ページ一式、WordPressへの実装まで、同じ流れを、あなたの手元で再現できます。

しかも、いきなり見た目から入るのではなく、最初に「誰の、何を解決するのか」を必ず通してから組み上がる。

だから、はじめての方でも、同じ品質のものを、自分の手で作れます。

もちろん、現時点で、CodexやClaude Codeを扱えなくても問題ありません。

正直に言っておくと、出てくるデザインは、制作会社に頼めば50万とか100万円といわれてもおかしくないレベルです。

これだけでも、ホームページ制作の仕事を一件受ければ元が取れてしまうし、自社のリニューアルや、新しいブランドサイトを自分の手で立ち上げるのもいい。

こ、こんなサイトが、自分にも作れるのか…

そう感じてもらえたなら、うれしいです。

ご挨拶が遅れました。

勝てるホームページ作成会社ぞろ屋の内田と申します。

AIに選ばれるホームページづくりの専門家として、Web制作受託から、講座運営、AI構築代行などを事業にしています。

この8年で、ホームページ制作やサポートに400件以上関わってきました。ココナラでは、Web制作ランキング全国1位を200回以上いただいています。

お時間あったら、クライアント様との対談動画もぜひ見てください。

はじめに

ひとつだけ先に、お伝えしなければいけないことがあります。

このレベルのサイトが作れても、成果は出ません。

え、こんなに綺麗なのに…？

そう思いますよね。でも、ここが、いちばん大事なところです。

見た目がどれだけ整っていても、誰に向けた、何を解決するサイトなのか。

この設計が抜けていると、公開したところで、問い合わせも申し込みも、ほとんど増えません。

きれいなだけのサイトは、会社名を隠したら、どこの誰のものかも伝わらない。そういうサイトを、僕はこれまで、数えきれないほど見てきました。

僕がずっと言い続けているのは、たったひとつです。

「作れる」と「勝てる」は、別物。

その分かれ目は、ツールでも、センスでもありません。

たった1枚の設計図です。

誰を幸せにして、何をもって幸せにするのか。

それを先に決めて、作ったあとも育てていく。

ここで、はっきり差がつきます。

この教材ひとつで、作って終わりにしない

この教材をひとつ受け取れば、AIでホームページを作る流れが、最後まで理解できます。そのうえで、自社のサイトはもちろん、人から頼まれて作る受託も、作ったあとに育てていくことも、できるようになります。

巷にあふれる、作って終わりのサイトではありません。

ホームページがもっとも真価を発揮するのは、育てること。

積み立て投資と同じで、ちゃんとやれば複利で価値が積み重なるのがホームページです。

この教材では、AIで作って、WordPress（ワードプレス）で運用して、記事で育てていく。

その一連の流れが、まるっと手に入ります。

だから、ホームページを仕事にしている方だけでなく、自社サイトを自分たちで持ちたいスモールビジネスや、個人事業主、一人社長にも、おすすめできます。

無料の記事と、この教材の違い

僕はこれまで、AIでホームページを作る方法を、X（旧Twitter）で無料で何本も公開してきました。10万回近く読まれた記事もあります。

YouTube動画でも解説しました。

ありがたいことに、「無料でここまで出していいんですか」という声もよくいただきます。

ただ、正直に言うと、無料記事は「地図」を渡したにすぎません。

どんな方法があるのか。

どのツールが何に向いているのか。

その全体像を見せて、終わり。

地図を渡すところまでが、無料の役割でした。

この教材は、そこから先。

地図を見て「行き先はわかった」だけでは、人は動けません。

実際に足を動かして、階段を登り切る。

立ちはだかる障壁をぶち壊していく。

そこまで連れていくのが、この教材の役割です。

でも、数年前と違って、難しくありません。

階段というより、ほぼエスカレーター。

８年分の僕の知見と、AI駆動で、めちゃくちゃラクに上質なサイトが作れるようになりました。

たったの３ステップでマスターできます。

ステップ1：設計書を作る

ステップ2：デザインにする

ステップ3：育てる

コードには一切触りません。

コピペだけで、1枚作り切ります。

使用するAIツールは、初心者の方はChatGPT。

少し慣れたら、Codex（コーデックス）か、Claude Code（クロード・コード）。

難しそうに感じるかもしれませんが、安心してください。

画像、あるいは動画のとおり進めてもらえればOKです。

WordPress（ワードプレス）というホームページを育てる器に実装するところは、少し迷うかもしれません。

が、それもAIがサポートしてくれます。

コストを抑えたいなら、ChatGPTの有料プラン（月3,000円ほど）ひとつあれば始められます。

本気で仕上げて、育てるところまで進んでも、ぜんぶ合わせて月数千円。
制作会社に頼めば初期費用だけで数十万円が普通ですから、桁がまるで違います。

少なく見積もっても数十万円の値打ちがあるホームページが手に入りますから、投資する価値はあります。

繰り返しになりますが、この教材は、ただ「作れた」で終わりにしません。

AIで仕上げて、WordPress（ワードプレス）に実装して、そこからAIで記事を量産して育てていくところまで連れていきます。

しかも、ただ量産すると検索から消されますので、育てる方法まで、まるごとお渡しします。

ここまでやって、はじめて「本格版」です。

他の「AIで作る」系の教材と、何が違うのか

世の中には、「AIでホームページが作れる」系の発信や教材が、たくさんあります。

それらの多くは、「作り方」で終わります。

このツールを開いて、ここをこう押して、はい完成。

たしかに、作れるかもしれません。

でも、さっきも書いた通り、作れることと、勝てることは違う。

この教材がこだわっているのは、「作り方」の手前にある設計と、「作れた」のその先にある勝てるまでの距離を、まるごと埋めることです。

誰を幸せにするのか、何をもって幸せにするのかを、自分の言葉で決める設計の作り方
お客さんが越えなければいけない4つの壁の、埋め方
業種ごとに変わる、信頼の作り方の勘所
AIに渡すだけで、勝てる方向に設計してくれる「設計書プロンプト」の完全版

ご覧いただいたように、一般的なAIホームページ作成ツールよりも、かなりハイレベルな仕組みを作れたと思っています。

ただし、この設計思想とデザインシステムは、さすがに無料記事では出せません。

この教材の心臓部は、ぞろ屋式ホームページ作成スキル

特典の中に、ひとつ、この教材の心臓部と呼んでいるものがあります。

Codex、あるいは、Claude Codeに入れて使う【ぞろ屋式ホームページ作成スキル】です。

初心者の方には、いま使っているChatGPTのプランの中でそのまま動くCodexをおすすめしていますが、すでにClaude Codeを使っている方は、そのままClaude Codeでも大丈夫です。

このシステムは、ただHTMLやCSSを吐き出す仕組みではありません。

いちばんの特徴は、設計を飛ばさせないこと。

そして、ぞろ屋でこれまで、400件以上の制作に基づいた設計デザインを盛り込んでいます。

ちょっと、イメージしてみてください。

あなたがAIに「ホームページを作って」と頼む。すると逆に、AIから質問が返ってきます。

誰を幸せにするサイトですか？

あなたが答えるたびに、設計と各ページの中身が、仕様書として組み上がっていきます。仕様書ができたら、AIは「この内容で進めていいですか」と、一度あなたに見せます。

ここで合意できるまで、デザインにも画像にも進みません。

作ってから直すのではなく、作る前にすり合わせる。
設計が9割という考え方を、最初から仕組みにしてあります。

合意できたら、あとは一気です。

業種やサイト設計に合うファーストビューの候補が5つ、目の前に並びます。

士業や医療なら静かに、工務店なら情緒的に、と業種ごとの向き不向きまで判断したうえで、です。

ホームページに必要な画像も、業種と配色に合わせて、30種類以上、自動で用意。

トップページと、会社概要・お問い合わせ・プライバシーポリシーなどの固定ページが、同じヘッダー・フッター・配色でそろって、一式組み上がっていきます。

ChatGPTだけでこれをやろうとすると、コピペと貼り直しを何十回も繰り返すことになります。

このスキルなら、あなたがやるのは、質問に答えることだけ。

しかも、スキルの仕事は、ここで終わりません。

出来上がりを自分で点検して、表示の崩れ、おかしな改行、エラーがないかを、機械的にチェックする。

WordPress（ワードプレス）に、あなた専用のオリジナルのデザインとして、そのまま実装する。

むずかしいサーバーの操作は、いりません。

初歩的なパソコン操作ができれば、問題ないです。

そして、お問い合わせフォームの設置、ブログの下書き、トップのお知らせ欄との連動まで、通す。

さらに、検索とAIに見つけてもらうための初期設定も用意します。

Googleの検索結果に出るための対策と、ChatGPTのような生成AIに引用されるための対策は、別のものです。もちろん完ぺきとはいきませんが、最低限の構造を、最初に整えておきます。

なお、公開したあとも、このスキルは続けて使えます。

カスタマイズも、日々の運用も、そのまま頼めます。

たとえば、直したい場所のスクリーンショットを貼って「ここを、こう変えたい」と伝えるだけ。

AIが、そのファイルの該当する場所だけを直してくれます。

ただし、勘違いしないでください。

これは、ただデザインの良いサイトを一瞬で量産するためのものではありません。

設計を、最後まで自分の手で形にするためのものです。

どれだけ自動で組み上がっても、最初の設計がぼやけていれば、成果にはつながりません。

設計が9割。そこは、最後まで変わりません。

進め方は、むずかしくありません

全部を一気に読む必要はありません。

まず、設計図を作り始めるところから解説しますが、ビジネス中上級者はいきなり、CodexやClaude Codeでサイトを作り始めても構いません。

初心者の方は、ぜひ最初からスタートしてください。

初心者の方でも、2～3時間集中できれば、冒頭で紹介したようなホームページを手に入れることができます。

あとは、より戦略的に、より自分好みに、カスタマイズして、WordPress（ワードプレス）に移して、記事で育てていく。自分のペースで、進めてください。

やることは、AIの質問に答えることと、作りたいホームページについて「誰を幸せにするのか、何をもって幸せにするのか」を突き詰めて考えることだけ。

購入者特典

この教材は、「AIスゴイ！」で終わらせません。

実務で使える特典を、たっぷりつけています。

基準はひとつ。

「購入したその日から、即使えるか」。それだけです。

簡単に特典をご紹介しておきましょう。

特典1｜【いちばんの目玉】ぞろ屋式ホームページ作成スキル（Codex/Claude Codeプラグイン）

01_繝帙・繝繝壹・繧ｸ菴懈・繧ｹ繧ｭ繝ｫ.png

Codex、あるいはClaude Codeに入れて呼ぶだけ。

質問に答えていくと、設計の確認から、業種に合うファーストビューの提案、画像の自動生成、トップページと固定ページ一式、WordPress（ワードプレス）へのオリジナルテーマとしての実装、お問い合わせフォーム、ブログの下書き、検索とAIへの初期対策まで、一式を組み上げます。

仕上がるのは冒頭でお見せしたこんなサイトです。

公開したあとも、直したい場所のスクリーンショットを貼って「ここを、こう変えたい」と伝えるだけでOK。

コーディングの知識ゼロでも作れます。

しかも、作る前に必ず設計を通すので、見た目だけのサイトにはなりません。この教材の心臓部です。

WordPress（ワードプレス）への実装は、対になるスキルと二段でつながっていて、サーバーのむずかしい操作なしで本番まで届きます。

ただし、ライセンスは、購入者の方、ひとりにつき１つです。

当たり前ですが、第三者に配布は厳禁なのでご注意ください。

万が一、複製されますと、こちらでわかるようになっており、使用を禁止させていただく場合があります。

【ライセンスについて】
・ライセンスは、ご購入者ご本人さま1名のみに付与されます
・第三者への譲渡・転売・共有・再配布は、無償・有償を問わず禁止です
・ご利用には、購入時にお渡しするライセンスコードでの認証が必要です（1ライセンス＝1台まで）
・複数人での共有やコードの転用が検知された場合、ライセンスを無効化することがあります
・生成物には配布元を識別できる情報が含まれ、流出時は出所を特定して対応します

特典2｜サンプルサイト 10種

02_繧ｵ繝ｳ繝励Ν繧ｵ繧､繝・0遞ｮ.png

業種別に趣向の違うサンプルサイトを10種、ご購入者全員にお渡しします。

実際に、この教材の手法でChatGPTとCodexだけで作った、サンプルサイトです。

HTML構造も、CSSも、画像も、すべてAI。

僕は一切、コードを書いていません。

丸ごとダウンロードして、自由にカスタマイズしてください。

気に入ったデザインがあれば、Codex、あるいはClaude Codeに読み込ませて「このサイトを、自分の情報に差し替えて」といえば、それでホームページが完成します。

特典3｜AI記事量産スターターキット

03_AI險倅ｺ矩㍼逕｣繧ｭ繝・ヨ.png

Codex、あるいはClaude Codeにコピペするだけで、WordPress（ワードプレス）に記事を下書き投稿する仕組みが動きます。

しかも、検索から消されないための「一次情報の入れ方」まで、最初から組み込んであります。

サイトを作ったあと、育てていくためのエンジンとなるよう仕組み化しました。

正直に言えば、ここまでのものが作れれば、プロ顔負けです。

ただし、ひとつだけ。

どれだけ見た目が良くても、設計（誰の、何を解決するサイトなのか）が抜けていると、成果にはつながりません。

お渡しするサンプルは、上質なデザインと設計書に基づいたコンテンツを一瞬で用意するためのもの。

その枠にはめる前に、第1章で解説する設計を必ずベースにおいてください。

そこまでやって、はじめて「勝てる土台」になります。

特典4｜ホームページ設計書＆デザイン仕様書作成GPTs

06_險ｭ險域嶌GPT.png

ChatGPTでこのGPTsを開いて、質問に答えるだけ。

設計書とデザイン仕様書が、その場で形になります。

レビュー特典｜サンプルサイト24種＋ファーストビュー52選

04_繝ｬ繝薙Η繝ｼ迚ｹ蜈ｸ_繧ｵ繝ｳ繝励Ν24_FV52.png

さらに、レビューを書いてくださった方には、お礼として、サンプルサイト24種すべてを、使い放題でお渡しします。

もちろん、自由にダウンロードして、カスタマイズし放題。

それから、サイトの第一印象を決めるファーストビュー（開いて最初に見える、一番上のエリア）のサンプルを、52種類すべてプレゼント。ユーザーを即座に引き付けるファーストビューデザインは、ホームページ作成において最重要。

インストールして、AIに渡したら「自分の情報に置き換えて」といえば、そのまま反映できます。現在は52選ですが、今後、さらに増やしていく予定です。

特典の受け取り方は、購入後にご案内します。

※デザインサンプルは随時追加します！

質問コミュニティ参加特典｜セクション演出カタログ＋ヘッダー/フッターのテンプレート集

05_繧ｳ繝溘Η繝九ユ繧｣迚ｹ蜈ｸ_邏譚宣寔.png

さらに、コミュニティ（購入者専用オープンチャット）にご参加いただいた方には、ホームページの中身をさらに強くするための素材をお渡しします。

セクション（中身のブロック）の演出カタログと、ヘッダー・フッターのテンプレート集です。

気に入ったデザインをダウンロードして、「これを参考にして」と伝えるだけで、あなたのホームページは、もう一段よくなります。

ここでは、アップデート情報や、追加デザインサンプルの配布をします。

また、つまずいたところがあれば質問していただいてかまいません。

一人で抱え込まずに、気軽に聞いてください。

ただ、ひとつだけ、お願いがあります。みんなが気持ちよく学べる場所にしたいので、攻撃的な言葉や、人を傷つける発言、その場を後ろ向きにする書き込みは、ご遠慮ください。

場合によっては、申し訳ありませんが、ご退出をお願いすることがあります。安心して質問できる空気を、一緒に守っていただけたら嬉しいです。

※デザインサンプルは随時追加します！

販売価格について

ホームページ制作はぴんきりですが、品質や設計を担保するような制作会社にまるごと頼むと、どんなに安くても50万円、高いところだと200万円します。

月額の管理費が1万円から3万円というのが、よくある相場です。

ちなみに当社では、ホームページ制作の受託を60～300万円でお請けしています。

この教材でやることを身につければ、その費用は、桁が変わります。

AIのサブスク代、月3千円～3万円で始められるんですから。

教材として、30万円でも安い。

実際、僕は講座もやっていますが、もう少し高額です。

ですが、僕はBrainではじめて商品を販売します。

だから、 リリース特別価格として、19,800円で公開 することにしました。

これから、さらなるアップデートを予定しているので、価格は上げていきます。

次回アップデートで値上げし、最終的には49,800円にする予定です。
価格を下げることは、ありません。

今が、いちばん安いタイミングです。
そして、今この価格で受け取っていただいた方は、これから更新されていく最新版を、49,800円になったあとも、追加費用なしでずっと受け取れます。

いま、この教材を「安価」で提供する理由

ここも、隠さずに書いておきます。

まず、中身について。

この教材でお伝えする内容は、もう出そろっています。

設計の作り方、ChatGPTで実際に1枚作り切るところ、Codex（あるいはClaude Code）で仕上げる手順、WordPress（ワードプレス）に実装して育てる章、AI検索で選ばれるための章。

作って、公開して、育てるまで。

必要なことは、ひと通りそろっています。

今日から、全部使えます。

でも一方で、めまぐるしく進化するAI環境ですから、アップデートが欠かせません。

というのも、AIで作るホームページは、「何を参照するか」で品質が大きく変わるんです。

こちらが質の高い参照リファレンスを用意できれば、それだけAIの出力も上がる。

だから、選べる幅とデザインの水準は、これからもずっと磨き続けていきます。

ここが、価格を少しずつ上げていく理由です。

では、なぜ最初から安価で出すのか、ですね。

本音を言えば、できるだけ多くの方に届けたいからです。

ここで出会った方と、これから長く付き合っていきたい。

それが、いちばんの理由です。

それから、正直に言っておきたいことがあります。

このやり方、まだ少人数でしか試せていません。

だから、誰がやっても、まったく同じ出力になるとは限らないんです。

AIの状態や、入力の仕方しだいで、うまくいかない場面が、あるかもしれません。

それもあって、この価格にしました。

実際に使ってみて、バグや、うまく動かなかったところがあれば、ぜひ教えてください。

そのために、購入者だけのコミュニティも用意しました。

気づいたことを書き込んでもらえれば、こちらで直して、全体をどんどん良くしていけます。

一緒に育ててもらえたら、うれしいです。

そしてもうひとつ。

どれだけデザインが上質でも、設計や育て方、運用をまちがえれば、成果は出ません。

結局は、その本質を学ぶしかないんです。

きれいに作れることがゴールではなく、そこからが勝負になってきます。

そんなとき、頼れる専門家として、ぞろ屋を思い出してもらえたら、大成功。

AI時代のホームページ戦略に困ったら、ぜひぞろ屋に相談してください。

こんな方は、買わないでください

この教材は、すべての人に向いているわけではありません。

以下のような方には、お役に立てます。

・自分のビジネスのホームページを、自分の手で持ちたい個人事業主・一人社長
・制作会社に数十万円払う前に、まず自分でやれるところまでやりたい方
・Web制作を仕事にしたい、受託の品質を一段上げたい方
・「AIで作れた」で終わらず、問い合わせの来るサイトにしたい方

ひとつでも当てはまるなら、この教材は役に立ちます。

一方で、

「とにかくAIで、それっぽいサイトをサッと作れればいい」という方
「設計とか面倒なことは抜きで、ツールの操作だけ教えてほしい」という方
「一発で、楽して、すぐ結果がほしい」という方
「一から十まで教えてもらわないとできない」という方

こういう方には、この教材は向きません。買わないでください。

この教材がお渡しするのは、作って終わりの満足ではなく、作ったあとに成果を出すための設計と、それを自分の手で育てていく力です。

やることはシンプルですが、地味で、頭を使う工程を経ないと作れただけで終わります。

でも、そのほんの少しの手間の先に、成果の出る設計があります。

半年後、1年後に効いてくるのは、そこです。

それを取りにいきたい方だけ、進んでください。

誰かの「役に立つ」ことを目的として、僕もビジネスをしたい。

さあ、はじめましょう！

AIでホームページを作れる人は、これからどんどん増えます。

1年後、「作れるだけの人」は、めずらしくもなんともなくなっている。

そのとき、作れるだけの人として埋もれるか。
設計から考えられる、勝てる側に回るか。

ここが、分かれ道です。

その差は、才能ではありません。

究極的には、設計図を作れるかどうか。ただ、それだけ。

この教材は、その1枚の作り方から、公開して、育てて、勝つところまで、順番に連れていきます。

それでは、本編でお会いしましょう。

本編の内容（全章）

導入｜この教材の歩き方（お金の話・特典の受け取り方）
第1章｜設計が9割（2つの問い／4つの壁／設計書プロンプト完全版）
第2章｜ChatGPTだけで作る方法（コピペ8本でトップページを作り切る）
第3章｜プロ顔負けの超高品質サイトを作る方法（Codex導入／ぞろ屋式スキル）
第4章｜公開して、ワードプレスに移して育てる（Netlify公開／独自テーマ実装）
第5章｜AIで記事を量産して育てる（「ブログ書いて」で下書き完了／検索から消されない一次情報の入れ方）
第6章｜AI検索で選ばれる入口（AIO・GEO・LLMO）
第7章｜サンプル事例集10選
第8章｜よくある質問とつまずき

おわりに｜設計が1枚あるかないかで、半年後の景色が変わる

（約5万9千文字・図解画像100枚以上）