更新履歴
2026/9/21：リリースしました！

こんなサイトが作れるようになる教材です↓

でも、、、

3Dは、もう特別な人のものではなくなりました

商品やロゴがくるっと回りスクロールするとダイナミックな動きをする↓

▶ 実際に開いて、動かしてみる

レストランを歩き回って疑似体験する↓

▶ 実際に開いて、動かしてみる

サービスやポートフォリオをRPG感覚で紹介する↓

▶ 実際に開いて、動かしてみる

広大な球場をあらゆる角度から見てバッティングゲームで遊ぶ↓

▶ 実際に開いて、動かしてみる

コードを書いたのは、ぜんぶAIです。

僕がやったのは、事業の情報を渡して、

出てきた画面を見て、直してもらうこと。

それだけです。

正直、はじめて動いたときは、

しばらく画面を見ていました。

少し前まで、こういう画面は、

専門の会社が何日もかけて作るものでした。

僕も1年半前に、3D技術を用いたサイトを、

チームを組んで半年かけて作ったことがあります。

それが今は、コードを書けない人でも作れます。

ご紹介したサイトはスマホでも開けます。

ひとつでいいので、実際に触ってみてください。

動画で見るのと、自分の指で動かすのとでは、まったく違います。

はじめに

この教材は…

読まないで構いません！

実は、もともと34万字以上ありました。

…が、あまりにも重たくて、

編集画面が動かなくなってしまったので、半分に削っています。

とはいえ、削った内容は、僕自身が試行錯誤してきた

知見・検証・改善・最適解の泥臭い一次情報。

身を削る思いでしたが、僕は考えました。

「そうだ、ＡＩに読ませてしまおう！」

購入後、あなたは教材を読まなくても構いません。

※教材の全文は、コピペしなくて構いません。1クリックで落とせるようにしています。

必要な環境を準備したら、あとはAIが、必要なことを順番に聞いてきます。

「こんな感じのサイトを作りたい」

「自社のホームページをリニューアルしてほしい」

「サービスページだけ３D化したい」

そんな抽象的な希望でもOK。

環境の準備にかかる時間は、早い人なら１０分以内。

Codexの導入から始める方でも３０分はかからないと思います。

主に、こんな方に向けた教材です

Web制作を仕事にしていて、提案できる表現を増やしたい方
ウラカタやマーケターとして、商品やサービスの魅力を、触って分かる体験として提案したい方
自分の事業を持っていて、商品やお店の魅力を体験として届けたい方
前作『AIで作るホームページの教科書』を買っていただいた方

ここで、少しだけ自己紹介をさせてください。

僕は勝てるホームページ作成会社ぞろ屋の内田と言います。

AIに選ばれるホームページづくりを専門にしています。

Web制作と、公開したあとの運用サポート。

Webのコンサル。講座の運営。AI構築の代行。

この8年で、400件を超えるホームページに関わってきました。

ココナラでは、Web制作ランキング全国1位を

200回以上いただいています。

前作『AIで作るホームページの教科書』を

手に取ってくださった方も多いかもしれません。

おかげ様でBrain総合ランキング1位を獲らせていただきました。

2026.6.20 1位.png

はじめましての方も、よろしくお願いします！

この教材は、メルおじさんの監修でつくりました

今回、いちばん最初にお伝えしたいのは、ここです。

この教材は、メルおじさんに監修していただいています。

メルおじさんは、AI×X（エックス。旧Twitter）の分野で

圧倒的な実績をお持ちで、ゲーム制作にも造詣が深い方です。

スマブラがめちゃくちゃ強いみたいです。

かなりやり込んでいるからこそ、感覚的な分かりやすさや

操作感を、ユーザー側に立って言語化することができます。

だから、

3Dホームページのサンプルをつくるとき。

ぞろ屋式スキルを組み立てるとき。

「ここは直感的にわからない」

「この動きは意味がない」

「先が見たくなるのは、こういう仕掛け」

「３Dで成果の出た海外の事例」

数えきれないアドバイスをいただきました。

正直に書いておくと、

僕ひとりでは、ここまでの体験はつくれていません。

ホームページを開いた瞬間、何が目に入るか。

どこを触りたくなるか。触った先で、何が伝わるか。

3Dホームページは、

この「体験のつくり方」で決まります。

超効果的で訴求力の高い表現手法となる一方で、

分かりづらさや重たさによって、かえって

ユーザーの離脱を招いてしまうこともあるんです。

その効果的な体験のつくり方は、

ゲームをやりこんできた人が、いちばんよく知っている。

メルおじさんの知見と、

僕が実務で積み上げてきた設計・サイト構造・文章・運用の知識。

この2つを合わせたのが、この教材です。

メルおじさんとの対談を、見てください

この教材のリリースに合わせて、

メルおじさんとの対談をお届けします。

テーマは2つです。

ひとつは「なぜ今、3Dなのか」。

AIで、誰でもそれなりのホームページが作れるようになりました。

だからこそ、次に差がつくのはどこか。

AI×Xの視点と、ゲーム制作の視点から伺います。

もうひとつは「3Dがつくれる人の市場価値」。

3Dホームページを提案できる制作者は、まだ少ない。

作れるだけでなく「この事業に、この表現を使う理由」まで

説明できる人は、もっと少ない。

その希少さが、仕事にどうつながるのか。

詳しくは対談をご覧ください↓

メルおじさんからのコメント

今回、監修として関わらせていただいた、メルおじと申します。
ぞろ屋さんの素晴らしいところは、ホームページをただ作るだけではなく、作った先にあるお客さんの事業まで考えているところです。
誰に見てもらいたいのか。どんな魅力が伝われば、その商品に興味を持ってもらえるのか。そこから問い合わせや購入といった、売上につながる行動をどう生み出すのか。
ここまでしっかりと考えて、ホームページ制作をされている方です。
僕も普段、AIとXを使って売上を上げる方法をお伝えしているので、この考え方にはすごく共感します。
記事を見てもらった先で、商品やサービスの魅力が伝わって、仕事につながる。今回の3Dも、そうした売上につなげるための表現のひとつだと思っています。
僕自身も、普段からAIを使って3Dゲームなどを作っています。
ゲームって、画面を見ていると「ここを触ってみたい」「これを動かしたらどうなるんだろう」と、自然に興味が湧くんですよね。
その感覚をホームページにも取り入れたら、楽しみながら商品やサービスのことを知ってもらえるんじゃないでしょうか。
実際に、ぞろ屋さんに制作していただいた僕のホームページにも、そうした楽しさがあります。
しかも、触っていて楽しいだけでなく、知りたい情報にもきちんとたどり着ける。ぞろ屋さんは、こうした表現を実際の仕事で使えるところまで考えて、形にしている方だと感じています。
今回の教材には、僕が3Dゲーム制作で使っている技術も取り入れていただいています。
そこに、ぞろ屋さんが実務で積み上げてきたホームページの設計や運用の知識が合わさって、ものすごくいい教材ができたと確信しています。
自分の商品やお店の魅力を、もっと伝えたい方。お客さんに提案できることを増やして、単価を上げていきたい方。そういう方に、ぜひ取り組んでいただきたいです。
誰かに見せたくなるようなホームページが、このBrainで作れると思います。
ぜひ購入して、あなたのホームページを作ってみてください。

使う前に、その世界に浸れる。

それが、僕が3Dで届けたいものです。

ここで、いちばん大事な話をします。

「なぜ3Dなのか」です。

僕が3Dで届けたいのは、

商品やサービスを使う前から、その世界に浸れる体験。

キャンプ場の昼が、夕方へ変わっていく。

空が暗くなり、灯りがともる。

自分で先へ進みながら、その場所で過ごす一日を感じる。

商品の形を、自分の手で取るかのようにくるっと回して確かめる。

家の中を歩き、部屋から部屋へ移りながら、そこで暮らす自分を想像する…。

説明を読むだけでは、

つかみきれなかった魅力がある。

僕はそこに、3Dを使う意味があると考えています。

そして、この考えを後押しする研究もあります。

国際的な化粧品小売企業の購買データを分析した研究では、AR（現実の映像に商品などを重ね、画面上で試せる仕組み）が、購入前の判断を助ける可能性が示されています。特に効果が強かったのは、知名度の低いブランドや高価格の商品、その売り場や商品分野に不慣れなお客さんでした。研究者たちは、「自分に合うだろうか」という不確かさを減らすことが、購入につながる理由のひとつだと考えています。［1］

別の実験研究でも、自分で操作でき、商品が自分のいる環境に重なって見えるARは、その場にあるような感覚を生み、商品の価値の感じ方や、選ぶときの安心感につながることが示されています。［2］

実際の事例もあります。通販サイトの仕組みを提供するShopifyの公開事例では、ファッションブランドのRebecca Minkoffで、商品を3Dで操作した人は、操作しなかった人より注文に至る可能性が27％高かったと報告されています。［3］

ただし、もともと購入意欲の高い人ほど3Dを操作した可能性もあります。この数字は、「3Dを入れれば注文が27％増える」ということではありません。

ここは、誠実にお伝えしたいところです。

こうした研究や事例の中心は、商品を確認する3D表示やAR試着です。

この教材で作る、物語に浸るホームページや遊べるサイトを、

そのまま検証したものではありません。

3Dにすれば売上が上がる、とまで言えません。

それでも僕は、この結果に大きなヒントがあると感じています。

もうひとつ、この考えを言い当てている言葉に出会いました。

ダイレクトレスポンスマーケティングの先駆者、

神田昌典さんの『存在起点のマーケティング』（日本経済新聞出版）

に出てくる、「変化体験タッチポイント」です。

人が最後に動く決め手は、

商品でも、価格でも、デザインでもない。

どんな順番で情報に触れ、誰の言葉を信じ、

どこで「これは自分の話だ」と感じ、

どこで「この先に進んでみよう」と決めるのか。

そしてその接点では、

人は「その世界の、少し先の自分」に出会っている。

神田さんは、そう書いています。

3Dホームページは、

この最初の接点になりえます。

使う前から世界に浸って、

そこで過ごす自分、その商品を使う自分に出会ってもらう。

気になるから、触ってみる。

触ってみたら、魅力が分かる。

分かったから、自分に合うかを考えられる。

この流れを、ホームページの中につくることです。

どれだけいいことを書いても、

目を留めてもらえなければ伝わりません。

だからまず、動きや奥行き、物語の続きを

見たくなる仕掛けで、体験に入ってもらう。

そこで商品の形や仕組み、

その場所で過ごす時間を感じてもらう。

僕はこれを、「見ない」「読まない」という

壁を越えるための設計として使います。

そして、

実際の商品情報や作り手の姿を重ねて、納得につなげる。

体験の終わりに、もっと知る、相談する、予約するといった

次の一歩を用意する。

見てもらうことから、理解し、

選んでもらうことまでを、ひとつの流れにしていきます。

会社のホームページを、

全部3Dに作り替える必要はありません。

営業時間や料金は、すぐ読める場所に置く。

そのうえで、商品ページやサービスページに、体験してもらう場所をつくる。

ひとつの商品、ひとつのサービス、

一部のセクションから始められます。

この教材で作るのは、没入感のある体験です。

誰に、何を感じてもらいたいのか。

その人を、どんな物語へ迎えるのか。

そこから考え、作り、公開します。

あなたの商品やサービスを、

使う前から好きになるきっかけをつくる。

その体験が、理解や行動につながったかまで確かめる。

そのために3Dを使っていきましょう。

動画でもまとめて紹介しています↓

研究と事例の出典
［1］Tanほか「Augmented Reality in Retail and Its Impact on Sales」（2021年オンライン公開、2022年掲載）著者による解説
［2］Hilkenほか「Augmenting the Eye of the Beholder」（2017年）公開論文
［3］Shopify公式 Rebecca Minkoffの事例

この教材が向かない方へ

売るために曖昧にはしません。

ここは、はっきり書いておきます。

3Dは、全員に必要なものではありません。

会社の案内、料金、アクセス。

この3つを分かりやすく伝えたいだけなら、3Dは要りません。

読みやすい文章と、きれいな写真と、迷わない案内。

それで足ります。

そこへ立体や映像を足しても、

お客さんの心は動きません。

むしろ、

知りたいことにたどり着くのが遅くなります。

事業のホームページを一式つくりたい方には、

前作『AIで作るホームページの教科書』のほうが向いています。

誰に何を言うかを決める設計から、WordPress（ワードプレス。世界でいちばん使われている、ホームページを管理する仕組み）への公開、記事を増やして育てる運用まで、通しで入っています。

事業サイトを一式つくるなら、まずこちらをおすすめします↓

『AIで作るホームページの教科書』を見る

では、3D表現が効くのはどこか？

商品やサービスの体験そのものを、見せたいときです。

その場所で過ごす時間。

使ったときの手ざわり。

作り手が手を動かしている姿。

文章と写真だけでは足りない、と感じている場面です。

サービスページや商品ページに、

お客さんに入ってもらう場所を作りたい。

そういうときに、この教材が使えます。

いま持っているホームページが

WordPressで作られているなら、話はもっと簡単。

全部を作り替えなくても、

3D表現のページを1枚だけ足せます。

会社案内も料金表も今のまま。

一部のページに、３D表現を取り入れる。

既存サービスページ、商品ページだけに導入できます。

そこで見せたいのは、ストーリーです。

商品やサービスがどうやって生まれたのか。

使うと毎日がどう変わるのか。

作り手が何を思って手を動かしているのか。

理屈ではなく気持ちで受け取ってほしい部分こそ、

3D表現にする価値があります。

前作をお持ちの方には、表現の選択肢が増えます。

設計と公開と運用は前作の土台のまま、伝え方だけが広がる。

そういう位置づけで使ってください。

作れることと、成果が出ることは、別の話です

ひとつだけ、

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

Codex（コーデックス。ChatGPTの中で動く、あなたのパソコンのファイルを直接読んで書いてくれるAI）で選べる、いちばん賢いモデルAstra（アストラ。正式にはGPT-6 Astra）は、すごいです。

僕も先日、3Dホームページをつくらせてみて、驚かざるを得ませんでした。この教材は1か月以上前から準備していましたが、本当はもっと後になると思っていました。

Astraの登場で、開発がかなり早く進みました。

こうしてAIが高性能になれば、今後ますます、誰がつくってもそれなりの品質が出てきます。

でも。

どれだけいいサイトができたとしても、

成果が出なかったら、まったく意味がありません。

作っただけ無駄になります。

問い合わせを増やしたいのに、連絡先が見つからない。

採用に使いたいのに、仕事の中身が伝わらない。

高い商品なのに、価格の理由がわからない。

こういうサイトは、3Dを足しても直りません。

だから、ぞろ屋式は設計から入ります。

設計というのは、

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

なぜ、ほかではなくこの事業者なのか。

その根拠をどう見せて、どんな行動につなげるのか。

この答えを先に決めておくことです。

この答えが決まってから、3Dを選びます。

3Dは、うまく使えば、商品やサービスへの理解を深めます。

ページで過ごす時間が心地よくなれば、信頼や愛着が育ちます。

ただし、滞在時間が長いだけでは喜びません。

予約の仕方がわからず迷っている時間も、数字の上では長い滞在です。

見てもらえたか。

理解されたか。相談や購入、応募につながったか。

この教材では、ここまでを一続きで扱います。

ぞろ屋式スキルは、ポン出しでは終わりません

今回のスキルをつくる期間、僕はAIに課金を重ねてきました。

8月から9月中旬までの1か月半で、AIへの支払いは合計72万円を超えています。

内訳は、OpenAI（ChatGPT）が45万7,066円、Anthropic（Claude）が15万1,547円、fal（画像や動画の生成）が約9万円、残りがGoogle Cloud、Higgsfield、Tripoです。

お客さんの制作や運用の分も、この中に入っています。

試行錯誤する中で、日の目を見ることのなかった試作品のデータが、40を超えて手元に残っています。細かいパーツで言えば、もっとです。

自慢ではありません。

それだけ試して、改善して、試して、改善して、また試した、という話です。

雰囲気はいいけれど、何の会社かわからない。

パソコンではきれいなのに、スマホでは操作できない。

動きに目を奪われて、肝心の文章が読めない。

一度指示して出てきた画面で終わりにせず、

こういう問題をひとつずつ見つけて、直してもらって、また確かめる。

その膨大なやりとりの中で、

制作の順番と品質の基準を磨いてきました。

僕が作っては直してきた中には、

見た目を変えるだけでは解決しなかった問題があります。

椅子の形が違うなら、立体を作り直す前に元の画像を見直す。

夜景の奥行きがおかしいなら、写真の明るさをどう読んだかを調べる。

押せそうなものは、実際に押して動くか確かめる。

そうした判断と直し方を、

ぞろ屋式スキルの手順や検査に入れています。

あなたは、僕と同じ失敗をすることなく、

直し方を一から組み立てる工程を省き、

自分の商品をどう体験してもらうかから始められます。

だから、ぞろ屋式スキルには、こういう工程が入っています。

誰に何を伝えるかを決める工程。

表現を選ぶ考え方。

ホームページライティングに適切な工程。

固定した見本と比べて95点まで改善する工程。

公開したあとに、動作と検索への伝わり方を確かめる工程。

僕自身、Astraで制作していても、ぞろ屋式スキルを使うかどうかで、

設計・文章・デザインの出方がまったく違うことを確認しています。

理由は単純です。

スキルなしのAIは、実務案件や、試行錯誤の工程を埋められないからです。

僕が数々のクライアントの受託案件で

成果を上げてきた設計（誰に、何を言うか）。

その設計を画面の文章に落とすライティング

（見出しの立て方、最初の一文、お客さんの背中を押す言葉の置き方）。

そして作ったあとの運用

（記事を増やして、検索とAIに拾ってもらえる状態にしていくこと）。

そのナレッジが込められているのと、

1か月以上かけて試行錯誤したデータがたまっている。

ここは、モデルが賢くなれば、より強力になりこそすれ、負けません。

この教材でできるようになること

自分の題材で、体験できる３Dホームページを公開できる
「誰を、どの物語に入れて、そのあと何をしてもらうか」を、
自分の言葉で説明できる
3つの型と、その掛け合わせから、事業に合う表現を選べる

受注や売上は、その先で目指すことです。

まず、一作品。

ここまでを、ひとりで回せるようになります。

つくるのは、会社やお店のホームページ、

ブランドを伝えるページ、商品やサービスの案内ページです。

仕事のためだけではありません。

自分の作品や活動を見せる、個人の表現サイトとしても面白いと思います。

制作者の方なら、ポートフォリオサイト

（自分の実績を並べて見せるサイト）ですね。

公開しているサンプルにも、

個人の方のポートフォリオとして作った作品があります。

全部のページを立体にする必要はありません。

3Dが力を出す場面を選んで、普通の文章と写真のページと組み合わせます。

WordPressで公開するところまで進めます。

3Dホームページには、3つの型があります

3Dホームページという言葉に、業界で決まった定義はありません。

だから僕は、自分で3つに分けています。

分け方の軸は「何が動くか」です。

物が動くのがモチーフ型。

こちらの視点が動くのがシネマ型。

自分で動かすのがプレイ型。

この1点だけ覚えておけば、迷いません。

そして、この3つは掛け合わせられます。

主役の物が姿を変えながら、

そのまま画面の奥へ進んでいく。

これがモチーフ×シネマです。

物語を追いかけていく途中で、

見た人が自分の手で何かを動かす場面が入る。

これがシネマ×プレイです。

ただし、掛け合わせるのは、

それぞれの場面が違う役割を果たすときだけです。

「にぎやかにしたいから」で混ぜると、

見た人が何を見ればいいか分からなくなります。

まずは1つの型で作り、必要になったら足す。

この順番をおすすめします。

進み方は、3つのレベルと、2つの道で決めます

レベルは「あなたが実現したいこと」で選びます。

会社名や商品を一目で覚えてもらいたいならレベル1、

場所の時間の流れや物語を感じてもらいたいならレベル2、

触って探して選びながら分かってもらいたいならレベル3。

レベルは、難しさの順ではありません。

作る範囲の広さと、使うツールや組み合わせの多さの順です。

レベルが上がるほど扱うものが増えて、工程がやや複雑になる。

ざっくり、そう考えてください。

目的を満たしたら、その型で公開して、

育てる段階へ進んでかまいません。

そして道は2つ。

「サンプルから、スタイルを選んで作る」道と、「設計から作る」道。

どちらか1つでいいです。

はじめての方は、サンプルから選ぶ道をおすすめします。

好きな見本を1つ選んで、AIに

「この作品のスタイルで、私の題材で作って」と頼む。

それで動きます。

事業の目的からじっくり考えたい方や、

お客さんの案件で使う方は、設計から作る道です。

特に使ってほしい方

Web制作を仕事にしている方。

3Dを提案できるようになると、一気に高単価を狙える可能性があります。

デザインに加えて、商品理解や体験まで提案できる人は、まだ少ないからです。

ウラカタ・マーケターの方。

商品やサービスの魅力を、文章や広告だけでなく、

触って分かる体験として提案できます。

体験のあとに、詳しい説明や申し込みへの案内をつなげる。

集客から行動までを考える、あなたの強みを活かせます。

自分の事業を持っている方。

写真と文章だけでは伝えきれなかった商品やお店の魅力を、体験として届けられます。

使う前に、その世界に浸ってもらう。

競合がまだやっていない今のうちに、差をつけてほしい。

そして、

これまで僕の教材を買ってくださった方。

前作『AIで作るホームページの教科書』で学んだ設計と

WordPressと運用の知識は、そのまま土台になります。

そこに、3Dという表現の選択肢が加わります。

ぜひ使ってほしいし、成果を出してほしい。

それが僕の願いです。

購入特典｜買っていただくだけで、全部ついてきます

購入特典5つ_サポートページ版_正方形.png

制作に必要なスキルと、公開したあとも使い続ける環境を、まとめてお渡しします。

ここでいうスキルとは、AIに渡す「制作の手順書」のことです。

フォルダに置くと、AIがその手順で作ってくれます。

読ませる相手は、Codexか、Claude Code（クロードコード。Codexと同じ役割の、Anthropic社のAI。この教材の手順はどちらでも動く）です。

1．ぞろ屋式3Dホームページ作成スキル　

設計、表現選び、試作、制作、改善まで進める手順書です。

2．WordPress一気通貫スキル　

作ったサイトの公開と更新を進めるスキル一式です。

3．マニュアル設置とブログ投稿　

管理画面に更新マニュアルを置き、必要に応じてブログの下書き・投稿まで進めます。

4．共同の質問コミュニティ　

制作で分からないことや、困ったことを相談できます。

5．購入者専用サポートページ

よくある質問(つまずき集)、接続や画像作成などの環境設定、用語集。スマホでもすぐ引けます。

これらは、教材を購入いただくだけで、

全部ついてきます。

AIの利用料、サーバー（ホームページを置いておく、インターネット上の場所）とドメイン（インターネット上の住所）、必要に応じた画像や動画の生成費は、教材代とは別にかかります。

使う機能を選んで、無理のない予算で始めましょう。

レビュー特典｜さらにお渡しするもの

レビューを書いてくださった方には、次のものをご用意しています。

1．3Dパーツライブラリ

動きを確かめながら選び、自分の制作に使える3D部品集です。

2．3D表現カタログ

見て、触って、AIとつくる見本帳です。立体的な見出し、動かせる画像ギャラリー、光や水の演出、服や眼鏡の3Dプレビュー、360度の内覧まで、多様な表現をブラウザで実際に操作できます。気に入った表現は、依頼文とコードをコピーして、制作中のAIに渡すだけで取り入れられます。

3．サンプルサイトのダウンロード権利

ぞろ屋が作った3D作品のファイル一式。

仕組みを学んだり、自分の題材に作り替えたりできます。

AIに渡すとグッと品質が上がります。

4．画像から3D化するスキル

写真に奥行きを付ける、写真から立体を起こす、複数写真を空間に並べる。

目的に合う方法を選んで進めます。

ひとりで抱え込まないための、質問コミュニティ

購入後は、共同の質問コミュニティで相談できます。

エラーが出た。

見本と雰囲気が違う。

WordPressに載せたら動かなくなった。

そういうとき、どこまで進んでいるかを共有して、

一緒に原因を探せる場所です。

個別の案件を全部代行する窓口ではありませんが、

制作が止まったときに相談できる環境は用意しています。

困ったら遠慮なくメッセージを送ってください。

なお、よくあるつまずき集、質問集もご案内していますので、

そちらを参照いただくだけで解決するかもしれません。

※この質問コミュニティは『AIで作るホームページの教科書』『AIで作る漫画LP大全』を買っていただいた方も参加している合同コミュニティです。

2026年10月、作業会と懇親会をやります

2026年10月に、作業会と懇親会を開催する予定です。

懇親会にはメルおじさんも来てくださる予定です。

そして、作業会・懇親会は、僕の全おごりです。

自分の制作画面を見ながら相談する。

ほかの人の作品を見て刺激をもらう。

メルおじさんに、3Dクリエイティブについて相談。

教材を読んで終わりにせず、

ひとつ形にする機会にしたいと思っています。

場所、定員、申し込み方法は、

決まり次第質問コミュニティでご案内します。

スキルもサンプルも、育てていきます

スキルは随時アップデートします。

サンプルも追加していきます。

AIの進化で、もっといい実装が見つかることがあります。

使ってもらう中で、僕だけでは見つけられなかったつまずきがわかることもあります。

そうした変化を、手順と見本に反映していきます。

一度、購入していただければ、更新されていく最新版を常に受け取れます。

価格のこと

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

ホームページの制作を、設計から任せられる会社に頼むと、

僕が見てきた範囲では、安くても50万円。高いところだと200万円します。

ぞろ屋も、制作の受託は工数によって60万円から300万円でお受けしています。

そこへ3D表現を足すとなれば、金額はさらに上がります。

この教材でやることを身につければ、自分で作る選択肢が生まれます。

かかるのは、AIの利用料、サーバー代とドメイン代、必要に応じた素材生成費。

販売価格は、19,800円。

ただ、初回リリース特別価格として

9月24日夜８時までとさせてください。

それ以降は、29,800円になります。

僕としても本当に良い教材をお届けしたくて、

これを機に長く愛用してほしいと考えています。

いま受け取ってくださった方は、

そのあと更新されていく最新版を、追加の費用なしで受け取れます。

初回価格で購入した方に、

通常価格との差額をお願いすることはありません。

少なく見積もっても20倍以上の価値があると自負しています。

前作の購入者の方から、

ぞろ屋式ホームページ作成スキルで30万円の案件を受注した、と聞きました。

今回のスキルは、そこに3D表現が加わります。

僕自身が60万円から300万円の制作で使っているものと、同じスキルです。

早いほどお得です。

購入前によくある質問

ここからは、購入前によく聞かれることに答えます。

3Dホームページを作るのは簡単ですか？

はい。コードを書く必要はありません。そこはAIがやります。あなたの仕事は、何を体験してもらうかを決めることと、出てきた画面を確かめることです。

この教材は、読む必要もありません。

スキル一式をダウンロードして、教材の全文を１クリックでダウンロードして、AIに話しかける。この3ステップで、あとはAIが順番に案内します。

早い方なら１０分、慣れない方でも30分ほどで準備できると思います。あとは、あなたの作りたいサイトについて、希望を伝えれば、形になっていきます。

AIが進化したら、このスキル自体、

いらなくなりませんか？

ぞろ屋式スキルは、CodexやClaude Codeで動く手順書です。

だから、モデルを新しいものに切り替えれば、スキルもその賢さで動きます。Astraの性能がすごいぶん、スキルの出す仕上がりも上がる。

そういう関係なので、「モデルが進化した＝スキルが微妙」にはならないと考えています。

僕自身、追加課金しまくって試行錯誤して、かなりテストしました。Claude Codeに2アカウント、Codexはクレジットを大量購入して、それでも制限超過を繰り返しました。

そこまでやったうえで、ぞろ屋式スキルを使ったほうが強い、という印象を持っています。

AIの進化に合わせて、スキルもアップデートしていきます。

ただし、こういうことはあり得ます。以前のモデルでは役に立った制約が、新しいモデルの表現を狭めてしまう。

その際も、スキル側を更新していくので、気づいたことがあればぜひ教えてください。

3Dがつくれれば、高単価で受注できますか？

提案できる仕事の幅は、確実に広がります。

3Dを提案できる制作者は、まだ少ないからです。

ただし、「3Dがある」という理由だけで高単価が決まるわけではありません。

商品を理解しやすくする。施設を使う前の不安を減らす。会社の考え方を体験として伝える。こうした価値を、お客さんの目的と結びつけて提案できること。

そして、設計、スマホ対応、公開、更新、効果の確認まで一式で説明できること。この範囲で、単価が決まります。

ぞろ屋の『AIで作るホームページの教科書』を持っています。今回も買う意味はありますか？

あります！

むしろ、前作を買ってくださっている方にこそ、おすすめしたいです！

そもそも前作を買っていただいた方と50人以上、直接お話をして、よりお力になりたくて、この教材の構想がはじまりました。

前作で学んだ設計、WordPress、記事の運用は、今回もそのまま土台になります。そこに、立体、映像、操作で伝える方法が加わります。

文章と写真で伝えていたことを、どこまで体験にできるか。その選択と制作を学ぶのが今回です。

つまり、表現の幅が広がります。案件ごとに、前作のやり方でいくか、3Dでいくかを選べるようになる。

掛け合わせることもできます。会社案内は前作のやり方で作って、商品ページだけ3Dにする。そういう組み立てが、自分の手でできるようになります。

全部の案件を3Dにする必要はありません。自分のお客さんに使える場面がひとつ見つかれば、そこから取り入れてください。

コードが書けなくても、できますか？

できます。コードの作成と修正はAIに任せます。

あなたにお願いするのは、事業の情報を伝えること、出てきた内容を確認すること、実際に触って違和感を見つけることです。

ファイルを開く、画面を共有する、エラーをAIに渡す、といった操作は必要です。使うのは、インターネットにつながるWindowsかMacのパソコンです。スマホやタブレットだけでは進められません。スマホは、できた画面を確かめるときに使います。

教材代のほかに、いくらかかりますか？

まず1本を作って公開するなら、予算は2段階で見てください。

一場面を試すまでは、AIの月額プラン（ChatGPT PlusかClaude Pro。どちらも月20ドルで、1ドル150円なら約3,000円）で足ります。

1本を通しで作り込むなら、ChatGPT ProかClaude Maxの1か月分（単純換算で約15,000円〜30,000円）を見込んでおくほうが、手が止まりません。

2026年9月10日に確認した公式料金では、ChatGPT Plusは月20ドルで、Codexも利用できます。Claude Codeを使う場合は、Claude Proも月20ドルです。1ドル150円で単純換算すると、それぞれ約3,000円。両方を契約すれば約6,000円です。どちらにも利用上限があります。［4・5］

上限が足りず上位プランにする場合は、ChatGPT ProやClaude Maxに月100ドル・200ドルの選択肢もあります。単純換算で月約15,000円・30,000円となり、追加クレジットや別払いのAPI利用があれば、さらに費用がかかります。［4・5］

公開用のサーバー代も必要です。たとえばエックスサーバーのスタンダードは、契約期間に応じて月額換算990円から（税込）。独自ドメインが無料になる特典には条件があり、対象外ならドメイン代も加わります。新しく契約する場合は、年単位などの一括払いになることにも注意してください。［6］

写真から新しい動画を作る場合は、素材生成の費用が加わります。fal（ファル。画像や動画をAIで作るサービス）でSeedance（シーダンス。動画を生成するAI）2.0 Fastを使う例では、720pの画像から動画への生成は1秒0.2419ドル。10秒の動画1本で約2.42ドル、1ドル150円なら約363円です。10本生成すると約3,630円。作り直す分も、生成本数に含めます。fal経由で使う場合、この生成料をfalに支払うので、同じ処理の費用を二重に足す必要はありません。［7］

AIを2つ併用し、短い動画も数本試すなら、月1万円前後がひとつの予算例です。動画を大量に試す場合や、Tripo（トリポ。写真から立体を作るサービス）などを追加する場合は、その分が上乗せになります。

ちなみに僕は、制作だけでなく運用やサポートまで含めて、月10〜15社のお手伝いをしています。OpenAI、Claude Code、fal、Seedanceなどを使い、AI関連の支払いは、月平均が15～20万円。これは僕の仕事量と制作方法で必要になっている金額です。学び始める方が、最初から同じ契約をそろえる必要はありません。

※円換算は1ドル150円と仮定した概算です。外貨料金の税金・決済手数料、パソコン・通信費、任意の有料素材などは別です。料金と利用条件は変わるため、契約時に公式画面で確認してください。

［4］OpenAI公式料金
［5］Claude公式料金
［6］エックスサーバー公式料金
［7］fal Seedance 2.0 Fast 画像から動画への公式料金

どのAIを使えばいいですか？

CodexとClaude Code（クロードコード。Codexと同じ役割の、Anthropic社のAI）の、どちらでも動きます。

ぞろ屋式スキルは両方に対応しています。

今のおすすめは、CodexでAstra（アストラ。正式にはGPT-6 Astra）を使うことです。

解説もCodexをベースにします。すでにClaudeを使っている方は、Claude Codeでそのまま進めてかまいません。

この教材に載せている3Dは、ひとつのAIだけで作ったものではありません。Claude Code（モデルはOpus 5とFable 5）と、Codex（GPT5.6 sol と GPT-6 Astra）。

作品や工程によって使い分けています。作りたいものによっては、Claude Codeでも、Codexの一つ前の世代のモデルでも、まったく問題ありません。

ただ、3D表現はAIに求められる考える力のレベルが高い分野です。そのときに使える最高のモデルを選ぶのが、いちばん良い。

いまAstraをすすめているのも、性能がいちばん良いからです。もっと良いモデルが出たら、そちらに乗り換えてください。

WordPressへの公開やブログも、含まれますか？

はい。購入特典のスキル一式で、WordPressへのアップロード、更新、デプロイ（公開の置き場へ送ること）、更新マニュアルの設置まで扱います。

必要があれば、ブログの準備と記事の下書き・投稿にも進めます。

ただし、容量の都合上、簡易的な解説にとどまってしまうこと、ご了承ください。

今あるWordPressサイトに、3Dのページだけ足せますか？

足せます。既存のテーマを維持したまま、専用の固定ページで3Dを加える方式があります。

ぞろ屋式スキルと、教材コンテンツで、スムースな構築ができるようになっています。

スキルやサンプルは、増えますか？

スキルは随時アップデートし、サンプルも随時追加予定です。

３Dホームページは視覚的に特徴のあるデザインになりがちなので、できるだけ多様なサンプルを用意したいと思っています。どんどん追加していくので、楽しみにしていてください。

質問や、直接相談できる機会はありますか？

共同の質問コミュニティがあります。

初歩的なことでも、お気軽に質問してください。

また、３か月に１回程度、作業会・懇親会を開催予定です。

それでは、いきましょう！

目次
導入｜この教材の歩き方
第1章｜作りながら、必要になるもの
第2章｜3Dで、何を体験してもらいたいか
第3章｜作り方は2つ。サンプルから選ぶか、設計から作るか
第4章｜レベル1 モチーフ型：会社名や商品を、主役として見せる
第5章｜レベル2 シネマ型：写真で、時間の流れを感じてもらう
第6章｜レベル3 プレイ型：触って、探して、選んでもらう
第7章｜カスタマイズする
第8章｜WordPressで公開して、育てる
おわりに
（約10万4千文字・図解画像200枚以上）