小規模店舗のオーナーから、「ホームページを作り直したいが、制作会社の見積もりが重く、自分で作る時間もない」という相談をよくいただきます。最近は「ホームページ AI 自動生成」という言葉で検索される方も増えましたが、実際にどこまでAIに任せられるのかは、あまり整理されていません。AIは「白紙から考える時間」を大きく減らしますが、店の強みや料金の正確さまでは代わりに保証してくれません。この記事では、弊社が実際に想定している、Claude Codeで構成案・デザイン案を作り、WordPressまたは静的サイトとして公開する流れを、費用の目安と人間が確認すべき点まで含めて解説します。
AIでホームページを自動生成するとは？どこまで任せられるのか
AIによるホームページの自動生成とは、店舗情報をもとに、ページ構成・文章の下書き・配色やレイアウト案・実際のHTMLまでをAIに作らせることを指します。ただし「全自動で完成品が出てくる」わけではなく、下書きを高速に作る工程を任せる、という理解が現実的です。
従来、小規模店舗のサイト制作では、最初の「何のページを作るか」を決める打ち合わせだけで、数日から数週間かかることも珍しくありませんでした。飲食店なら、トップ・メニュー・アクセス・予約導線・よくある質問、といった定番の構成が決まっています。AIはこの定番の型を理解しているため、業種と店の特徴を伝えるだけで、たたき台となるページ構成を数分で出せます。
任せやすい工程は、構成案の作成、見出しごとの文章の下書き、配色やフォントの候補出し、スマートフォン表示を前提にしたHTML・CSSの生成です。一方、メニューの価格、営業時間、定休日、アレルギー表示のような事実情報は、AIが推測で埋めてしまう危険があります。ここは必ず店主自身が入力し、確認する部分になります。
「自動生成」の価値は完成品を出すことではなく、修正できる出発点を短時間で作ることにあります。この線引きを最初に決めておくと、AIに期待しすぎて失望することも、逆に警戒しすぎて使わないこともなくなります。弊社では、機械が作る下書きと、人間が確認する最終判断を分けて設計することを前提にしています。
Claude Codeで構成案とデザイン案を作る方法は？
Claude Codeを使う場合は、店舗情報を1つのテキストファイルにまとめて読み込ませ、構成案の作成からHTMLの生成までを同じ作業フォルダの中で進めるのが基本の方法です。チャットに貼り付けて出力をコピーする方式と違い、ファイルとして直接生成・修正できる点が利点です。
最初に用意するのは、店名、業種、所在地、営業時間、主なメニューや料金、店の強み、来てほしい客層、予約方法といった情報です。これを「店舗情報.md」のような1枚のファイルにまとめておきます。準備の目安は、情報が手元にある店舗で30分から1時間程度です。ここが薄いと、AIの出力も一般的な内容になってしまいます。
次に、Claude Codeへ「この店舗情報をもとに、スマートフォンで見られることを優先したトップページを含む5ページ程度の構成案を出してください」と依頼します。構成案が出たら、不要なページを削り、順番を入れ替えます。たとえば、予約が主な目的の店なら、予約ボタンをファーストビューに置くよう指示を追加します。この往復は数回で済むことが多く、修正のたびに案が更新されます。
構成が固まったら、そのままHTMLとCSSの生成に進みます。配色は店のロゴや看板の色を先に伝えると、統一感のある案になります。弊社の想定では、トップページ1枚の初稿が出るまでの作業は、店舗情報の準備を除いて数十分が目安です。ただし、生成された画像の代わりに入るダミー画像や、実在しない口コミ文などが混ざることがあるため、公開前の目視確認は欠かせません。
AIに作らせた文章と画像は、必ず「事実と違う点がないか」を店主自身が読んで確認してから公開する運用にしてください。この確認を省くと、存在しないサービスや誤った価格が載る事故につながります。
WordPressと静的サイト生成はどちらを選ぶべきか
日々の更新を店主自身がしたいならWordPress、更新が少なく表示速度と維持費を重視するなら静的サイト生成が向いています。どちらもAIで生成した下書きを使えるため、選び方は「公開後に誰がどれくらい更新するか」で決まります。
WordPressは、管理画面から文章や画像を差し替えられるのが強みです。お知らせやブログを頻繁に更新する店舗、たとえば美容室の空き状況やキャンペーンを載せたい場合に向いています。AIで作った構成と文章をWordPressの固定ページに流し込み、テーマの見た目を整える進め方になります。ただし、サーバー費用に加えて、プラグインや本体の更新、セキュリティ対策といった保守の手間が続きます。
静的サイト生成は、あらかじめHTMLファイルとして完成させたものを、そのままサーバーに置く方式です。Claude Codeで作ったファイルをほぼそのまま公開でき、表示が軽く、不正アクセスの入口も少なくなります。メニュー表、アクセス、予約リンクといった内容がほとんど変わらない小規模店舗では、この方式が十分に成り立ちます。維持費も抑えやすい方式です。
弊社が見る限り、迷ったときの判断軸は「更新頻度」です。月に数回以上、自分で文章を差し替えたいならWordPress、年に数回の修正で済むなら静的サイトが目安になります。迷ったら静的サイトで始め、更新が増えた段階でWordPressへ移す、という順番でも遅くありません。最初から高機能な仕組みを選ぶより、続けられる運用を優先する方が、小規模店舗では結果的に成果につながります。
AIでホームページを作る費用と人間が確認すべき点は？
費用は、自作なら主にAIツールの月額とドメイン・サーバー代で済み、専門家に任せる場合は設計と最終確認の費用が加わります。金額はツールのプランや店舗の規模で変わるため、ここでは考え方と目安を示します。
自作する場合の固定費は、AIツールの月額利用料、独自ドメインの年間費用、サーバーやホスティングの費用が中心です。静的サイトなら、無料から低価格のホスティングも選べます。一方、WordPressは一般的なレンタルサーバー費用が必要で、テーマや有料プラグインを使えば追加費用が発生します。最新の料金は各サービスの公式ページで必ず確認してください。
そのうえで、AIが不得意な部分を人間が確認する必要があります。具体的には、価格・営業時間などの事実情報、地図や予約フォームのリンク切れ、スマートフォンでの表示崩れ、検索結果に表示されるタイトルと説明文の設定です。機械でできるのは下書きと形式チェックまでで、公開してよいかの最終判断は人間が担います。この半自動の線引きを残すことが、信頼できるサイトにするための条件です。
自分で進めるのが難しい場合は、弊社のWeb制作・再構築で、企画からSEO設定までを含めてご相談いただけます。また、どの業務からAIを入れるべきか迷う場合は、AIアドバイザリーで優先順位の整理も可能です。まずは、いまのホームページの課題と、更新にかけられる時間を書き出してみてください。それだけでも、AIに任せる範囲を決める大きな手がかりになります。
よくある質問
ホームページはAIだけで完全に自動生成できますか？
下書きや構成案、HTMLの生成まではAIで可能ですが、価格や営業時間などの事実確認と公開判断は人間が行う必要があります。全自動ではなく、半自動として使うのが現実的です。
WordPressと静的サイトのどちらがAI生成に向いていますか？
どちらも使えますが、自分で頻繁に更新するならWordPress、更新が少なく軽さや維持費を重視するなら静的サイトが目安です。
Claude Codeを使うのにプログラミングの知識は必要ですか？
日本語で指示して進められますが、公開手順の確認や表示崩れの判断には基礎的な知識があると安心です。難しい場合は制作会社に最終確認だけ任せる方法もあります。
AIで作ったホームページでもSEO対策は必要ですか？
必要です。タイトル、説明文、見出し構成、店舗情報の正確性といった基本設定は、AIで作った場合も人間が確認して整える必要があります。
関連記事
「自分の業務は、どこまでAI化できるのか」を無料で診断します
ここまで読んで、「うちのあの作業もできるのかな」と一瞬でも頭に浮かんだ作業があるなら、それを教えてください。「見積書の作成に毎回1時間かかっている」「契約書のチェックに毎回悩む」「発信を続ける余力がない」——そんな一文で十分です。
私たちは診断だけで終わらせません。業務フローを可視化してAIを組み込む「AI実装・業務設計」、どこからAIを入れるべきかROIを見立てる「AIアドバイザリー」、信頼感のあるサイトを構築する「Web制作・再構築」、そしてAIを活用して記事・SNS発信を続ける「メディア運用・コンテンツ」まで、実績をもとに一気通貫でお任せいただけます。
まずは診断から。送っていただいたら、実運用の経験をもとに、その作業を「AIに任せられる部分」と「人が確認すべき部分」に分解した診断結果を、1〜3営業日以内にメールでお返しします。
- 診断まで完全無料です（費用が発生する場合は、必ず事前にお見積りを出し、納得いただいてからです）
- 診断の結果、AI実装・アドバイザリー・Web制作・メディア運用のいずれかでお手伝いできそうな場合は、進め方と費用の目安もあわせてご提案します。不要ならそのまま終了で大丈夫です（しつこい連絡はしません）
