はじめに

「自分の店のサイトが欲しい」「会社の顔になるページが要る」「自分の活動をちゃんと見せられる場所がほしい」。

そう思いながら、ずっと後回しにしていませんか。

私もよく分かります。外注すれば数十万円。気軽に頼める金額じゃない。

かといって無料のツールを触ってみても、思い通りにならない。専門用語だらけで、何から手をつければいいのか分からない。「なんか難しそう」で、結局そっと閉じる。

その繰り返しなんですよね。

だから、先に結論を言います。

コードも、キーボードも、要りません。声でAIに話すだけで、あなたの目的に合ったサイトが作れます。しかも外注いらずで、自分の手で。

未経験でも大丈夫です。「サイトを作る」という行為そのものが、もう昔とは別物になったからです。

なぜ今これが可能なのか。理由は2つあります。

ひとつは、音声入力の精度が一気に上がったこと。もうひとつは、生成AIが当たり前に使えるようになったこと。

この2つが重なって、未経験者にとって最大の壁だった「作る」という工程が、まるごと消えました。話せば、形になる。それだけです。

そしてもう一つ、大事な視点があります。

サイトは、目的によって正解の形が違うということ。

会社のサイトと、体験に申し込んでもらう教室・スクールのサイトと、自分の実績を見せるポートフォリオ。これ、全部「作り方の型」が別なんです。

ここを知らないまま手を動かすから、なんとなく見栄えの悪いページになる。

本書が教えるのは、ただ作る方法じゃありません。「目的に合った型を選んで、それを音声で作る」方法です。

この記事の地図を、先に渡しておきます。

進め方はシンプルです。①目的を決める→②型を選ぶ→③音声で作る→④無料で公開する→⑤目的に活かす。この5ステップを、順番になぞるだけ。

さらに、本編で学んだことを「迷わず手を動かせる形」に落とし込んだ5大特典を用意しました。どれも、つまずきやすいポイントを丸ごと埋めるためのものです。

それぞれ、こんな中身です。手を動かす場面を、まるごと後押しします。

①音声台本テンプレ集

役割・目的・読者・形式の穴を埋めて読み上げるだけ。「何をどう話せばいいか」で悩む時間がゼロになります。

②目的別サイト構成テンプレ集

会社・サービス／教室・スクール／個人ポートフォリオの3つの型が設計済み。中身を当てはめるだけで、整ったサイトの骨組みが手に入ります。

③公開前チェックリスト

公開ボタンを押す前に上から見ていくだけで、抜け漏れのない状態で世に出せます。

④プロっぽく見せるデザイン指示フレーズ集

足して話しかけるだけで「素人っぽさ」が抜け、見た目の印象がぐっと引き締まります。

⑤つまずき別トラブル解決FAQ集

作業中に手が止まっても、症状別に「どう声をかけ直せばいいか」がすぐ分かります。

受け取り方法は、購入後の本文でご案内します。

読みながら手を動かせば、読み終わる頃には、あなたの目的に合ったサイトが手元に立ち上がっているはずです。

最後に、まず今日やることを3つだけ。

①作りたいサイトの「目的」を一言で声に出してみる
②この記事を最後まで読む時間を確保する
③スマホで音声入力を一度試してみる

難しく考えなくて大丈夫です。正直に言うと、いちばんの壁は「自分には無理そう」という思い込みだけなんですよね。

その思い込みを、ここから一緒に外していきましょう。

この教科書で、こんなサイトが作れるようになります

先に「ゴール」を見てもらうのが早いと思います。

これから紹介する3枚は、すべて本書の手順どおり、声でAIに話して作ったサイトの見本です。目的が違えば、形もここまで変わります。あなたが作りたいものも、きっとこの中にあります。

① 会社・サービスサイト（信頼してもらう）

事業やサービス、実績を整理して「ちゃんとした会社だ」と伝えるページ。

② 教室・スクールサイト（体験予約をもらう）

強い言葉と体験予約で、迷っている人の背中を押すページ。

③ ポートフォリオサイト（仕事を依頼してもらう）

作品と実績を見せて「この人に頼みたい」と思わせる、フリーランス向けのページ。

しかもこの3枚は、画像で見せているだけではありません。実際にブラウザで開いて、スクロールやマウス操作で「動き」まで確かめられます。すべて声だけで作った、外部ツールに頼らない1枚もののサイトです。

▼ 実物を触ってみる（3サイト） https://kobayu-sudo.github.io/voice-site-samples/

どれも、専門知識ゼロから声だけで作れます。そして大事なのは、これらが「別々の難しい技術」ではないということ。目的に合った“型”を選んで、声で話す——やり方は、どれも同じなんですよね。

その「型の選び方」と「話し方」を、第1章からひとつずつ身につけていきましょう。