AIでホームページを作る手順｜構成から更新までAIと人の役割分担

結論: AIは下書きを作るのが得意です。何を載せるか、誰が更新するかは人が先に決めておきます。

• 作り始める前に → 「公開後に更新するのは誰か」を決める
• 更新する人がコードを触らない → サイトビルダー型（Wix・STUDIOなど）
• 自分でコードを直せる・公開先も自分で選びたい → コード生成型（v0など）

「AIに頼めば、ホームページは1時間でできる」。そう聞いてプロンプトを打ってみると、たしかに数分でそれらしいページが出てきます。

手が止まるのはその後です。会社の住所が微妙に違う、料金表の数字が実在しない、半年後に営業時間を変えたいのに直し方が分からない。

この記事では、作る流れを5つの工程に分けました。工程ごとに「AIに渡していい所」と「人が握っておく所」をまとめています。根拠は各サービスの公式ページと公式ドキュメントです。

この記事の目次

1. AIでホームページを作る手順は、5工程で考えると迷わない
2. 構成案はAIに10個出させて、人が半分削る
3. デザインはサイトビルダー型とコード生成型、どっちで作る？
4. AIが書いた文章は、そのまま公開して大丈夫？
5. 公開前に確認しておくと安心なこと（料金・ドメイン・商用利用）
6. 公開後の更新で手が止まるのは、この3つ
7. よくある質問
8. 次に読むなら
9. この記事のまとめ

AIでホームページを作る手順は、5工程で考えると迷わない

AIが速いのは「下書き」まで。各工程の最後のOKは人が出します。

← 表は横にスクロールできます →

更新の欄に色を付けたのには理由があります。調べるほど、つまずく場所は作る工程ではなく公開した後に集まっていました。

構成案はAIに10個出させて、人が半分削る

• AIに頼む: 「美容室のサイト。予約を増やしたい。ページ構成を出して」
• 人がやる: 目的に関係ないページを消す。電話か予約フォームか、ゴールを1つに絞る

構成はAIに広げさせて、人が絞り込みます。

AIの構成案は「よくあるホームページ」の平均に寄ります。会社概要・ブログ・FAQ・採用、と全部入りで出てきがちです。

全部作ると更新するページが増えます。個人的には、最初の公開はトップ・サービス・問い合わせの3ページで十分だと考えています。ページ数を増やすほど、後の工程の手間が重なっていくからです。

STUDIOは2026年9月に「Studio.Assistant」を正式リリースしています。ヒアリングからサイトマップ、ワイヤーフレーム（ページの骨組みの線画）、ドラフトデザインまでを自動で作る機能です。構成づくりをツールの中で済ませたい人には合います。

デザインはサイトビルダー型とコード生成型、どっちで作る？

分かれ目は見た目ではなく「公開後に誰が直すか」です。

サイトビルダー型の代表がWixです。公式ページによると、作りたいサイトを文章で伝えると、AIエージェント「Aria」と会話しながらページ構成・文章・画像まで生成されます。生成後はAriaへの指示でも、ドラッグ＆ドロップでも直せます。

コード生成型の代表はVercelのv0です。プロンプトからNext.js（Webアプリを作るための仕組み）のコードを生成し、ワンクリックで公開できます。FAQには、コードを書き出して手元で作業できることや、GitHubと双方向で同期できることが書かれています。

← 表は横にスクロールできます →

選び方の基準：公式ドキュメントに書かれた「生成物の形式」「公開先」「公開後の編集方法」の3点で分けました。どちらが上という話ではありません。

AIが書いた文章は、そのまま公開して大丈夫？

公開できます。ただし数字・固有名詞・メタ情報は人が確認してから出します。

Googleは検索セントラルのガイダンスで、生成AIを使うこと自体は禁止していません。問題にしているのは、読む人にとっての価値を足さずに大量のページを作ることです。

同じページには、生成モデルが事実を確かめずに出力するため、公開前に人がファクトチェックするよう書かれています。対象には本文だけでなく、タイトル・説明文・画像の代替テキストも含まれます。

これは地味に見落としがちです。本文は読み直しても、検索結果に出る説明文までAI任せのまま、というのはよくある抜けです。

公開前に確認しておくと安心なこと（料金・ドメイン・商用利用）

無料プランで公開はできます。仕事のサイトなら、独自ドメインと商用利用の条件を先に見ておきます。

← 表は横にスクロールできます →

一番引っかかりやすいのは最後の行です。Vercelの公式ドキュメントは、Hobbyプランを「非商用・個人利用」に限ると明記しています。クライアントのサイトや自社の集客ページを無料枠のまま出すのは、条件に合いません。

STUDIOのMiniは月590円です。時給3,000円で働いている人なら、月に12分ぶんの作業時間にあたります。文字の修正を1回頼むより安い金額です。

v0のFAQには、生成されたコードの所有権はVercelにないと書かれています。一方で、出力が他のユーザーの出力や第三者の権利物と似る可能性があり、確認は利用者の責任だとも書かれています。納品物に使う前に、ロゴや画像の扱いはひと通り見ておきます。

公開後の更新で手が止まるのは、この3つ

作るときより、半年後の「ちょっと直したい」で止まります。

← 表は横にスクロールできます →

コード生成型で、更新する人がコードを開けないケースが一番重いと感じました。v0のFreeプランは1日7メッセージまでです。依頼主が毎回AIに頼んで直す運用だと、回数とクレジットの管理まで渡すことになります。

逆に、STUDIOの「コンテンツ編集モード」は、文字・画像・アイコンだけを編集できるように範囲を絞れます。デザインを崩さずに更新できる仕組みが最初から用意されている点は、依頼主に渡す案件でいちばんうれしいところです。

よくある質問

• Q. AIで作ったホームページはSEO（検索で上に出すための工夫）で不利になりますか？ A. Googleは生成AIの利用自体を問題にしていません。人が確認し、読む人の役に立つ内容になっていれば扱いは同じです。
• Q. 無料プランのまま仕事のサイトを公開できますか？ A. サービスによります。VercelのHobbyは非商用に限られます。WixやSTUDIOは、独自ドメインを使うなら有料プランが必要です。
• Q. v0で作ったサイトを、あとからWixやSTUDIOに移せますか？ A. コードをそのまま読み込む形にはなりません。移すなら、デザインを見本にしてビルダー側で作り直す流れになります。

次に読むなら

• AIサイトビルダーの比較記事: Wix・STUDIO・Framerなど、どれを選ぶか迷っている段階の人向けです。
• v0・Bolt系のコード生成ツールの比較記事: コード生成型に決めた人が、公開先まで含めて選ぶときに役立ちます。

この記事のまとめ

• AIに任せるのは各工程の「下書き」まで。最後の判断は人がする
• 道具選びは「公開後に誰が更新するか」で決める
• AIが書いた数字・固有名詞・検索結果に出る説明文は、公開前に人が確認する
• 仕事のサイトは、無料プランの商用条件と独自ドメインの対応を先に見る
• 次の一歩：作り始める前に、更新担当者の名前を1行メモに書いておく

---

記事は書き上げましたが、2点だけ手を入れていただく必要があります。

• 「次に読むなら」のリンクが入っていません。 比較記事の正しいURLが分からなかったので、記事名だけを書きました。公開前にサイト内のURLを入れてください。
• SNSや口コミの声は引用していません。 実在を確認できる投稿が見つからなかったためです。

料金・プランの条件などの事実は、sourcesに載せた公式ページ（Wix、STUDIO、v0、Vercel、Google検索セントラル）を実際に開いて確認しました。

この記事は、Webサイトの動く部品集 AETHER Motion の制作チームが書いています。