ホームページをAIで自作。5業種作って分かった手順と、やめた方がいい会社

PR　このページには広告（アフィリエイトリンク）を含みます

会社のホームページは、AIに指示して自作できます。私は工務店・町工場・デイサービス・パン屋・美容室の5業種で架空の会社のサイトを作り、公開したあとに毎年かかっているのはドメイン代（年1,600円前後）だけです（直すときはAIの利用料が別にかかります）。ただ、最初は言葉だけでAIに直させようとして、思ったとおりになりませんでした。この記事では、その失敗から変えた作る順番と、自作をやめた方がいい会社の条件を書きます。

AIでホームページは自作できる。変わるのは「何を見せるか」だけ

できます。5業種で作ってみて、業種によって変わったのは「トップで何を見せるか」だけで、作る流れは5つとも同じでした。

作ったのは、すべて架空の会社のサンプルです。社名も数字も、サンプルのために作ったもので、実在の会社とは関係ありません。各ページにもそう書いてあります。

業種	お客さんが確かめたいこと	トップで見せたもの	作例
工務店	どれくらい時間をかけて一緒に考えてくれるか	縦書きの見出しと、家づくりの6段階と期間（全体で約12〜18か月）	余白建築
町工場	その精度が出せるか、その設備があるか	精度・設備台数・試作の日数と、設備の表	KIRINO PRECISION
デイサービス	親がその日一日どう過ごすか	9:00のお迎えから16:00のお送りまでの時刻表	こもれびの家
パン屋	何時に行けば、何が焼きたてか	焼き上がりの時間割	麦と日々
美容室	いつなら予約が取れるか、初めてだと何をされるか	曜日と時間帯ごとの取りやすさ（○△×）と、初回の流れ	あわい髪店

最初に決めたのは、デザインの好みではなく「この業種のお客さんは、ホームページで何を確かめたいのか」でした。ここが決まると、あとの作業はAIに渡せます。

私の体験

最初は、AIに「ホームページを作って」と頼むところから始めました。出てきたのは、どこかで見たようなページです。「もっと高級感を」「もっと落ち着いた感じで」と言葉で直そうとしても、なかなか思ったとおりになりませんでした。

頭の中の見た目を、文字だけで伝えるのは難しい。人に頼むときも同じだと気づいて、順番を変えました。先に、画像を作れるAIで「こういうサイトにしたい」という画像を1枚作る。色、写真の置き方、文字の大きさ、余白は、画像の段階で何度でも直す。

そのうえで、画像をパソコンの中でファイルを作るAIに見せて「この画像のとおりに作ってください」と頼みました。これで5業種とも、1社あたり半日ほどで形になりました。人が手を動かしていたのは、指示を渡して出てきたものを見る1分ほどです。

一つだけ、人に頼みたいと思ったものがあります。写真です。文章も作りも指示で出せましたが、実在するお店の写真だけは、撮る人がいたほうがいいと感じました。

AIでホームページを自作する手順

大まかな流れは次の5段階です。細かい画面の操作は省いて、順番と、社長がやることだけ書きます。

載せる中身を決める。 お客さんがホームページで確かめたいことを、箇条書きで出します。工務店なら家づくりの期間、パン屋なら焼き上がりの時刻です。これは会社を知っている人にしか決められません。
理想の見た目を画像で作る。 画像を作れるAIで、トップページの完成イメージを1枚作ります。気に入らなければ、この段階で何度でも直します。
画像のとおりにAIに作らせる。 Claude Code や Codex のような、パソコンの中でファイルを作ってくれるAIに画像を見せて、作らせます。画像と違う所を伝えて直す往復を何回かします。文章の下書きもAIに任せます。
人が確かめる。 AIは、それらしい数字や言葉を足してしまうことがあります。電話番号、住所、営業時間、料金、実際にやっていないサービスが書かれていないか。ここは人が一つずつ見ます。
公開して、ドメインをつなぐ。 作ったファイルを無料の公開場所に置き、「会社名.com」のような独自ドメインをつなぎます。

社長の手が要るのは、1の中身を決める時間と、4の確かめる時間です。作る作業そのものはAIがやります。

最初にAIへ渡す指示文の例

このフォルダに、当社のホームページを作ります。
まず、ホームページに必要な情報を集めるために、私に質問してください。
・質問は1回に3つまで
・専門用語は使わず、パソコンが苦手な人にも分かる言葉で
・質問が終わったら、ページの構成案を箇条書きで出してください。まだ作らないでください
会社名：【会社名】
業種と地域：【例：工務店／〇〇県〇〇市】
ホームページの一番の目的：【例：見学の問い合わせを増やしたい】

自作にかかるお金は、ドメイン代とAIの利用料

公開したあとに毎月かかるものは、ほぼありません。私が使っている範囲では、次のとおりです。

項目	金額の目安	条件
公開する場所（Cloudflare Workers）	0円	無料プランで、ページ（静的なファイル）の表示は無料・回数の上限なし（公式の料金ページ）
独自ドメイン	年1,600円前後	.comの場合の、私が使っているものの目安。種類と為替で変わる
AIの利用料（作る・直すとき）	月20ドル	Claude Proを月払いにした場合の公式の表示額。年払いだと月17ドル相当（年200ドル）。円の請求額は為替と税で変わる

AIの利用料は、作るときと直すときだけ払う形にもできます。公開したサイトは、AIの契約をやめても表示され続けます。

外注の保守費と比べるなら、ホームページ保守費用の相場と、月1万円の中身を確かめる質問リストで自社の月額の中身を先に確かめてください。

いちばんかかるのは、お金より社長の時間

自作でいちばんかかるのは、社長か担当者の時間です。何を載せるかを決める時間と、出来上がりを確かめる時間は、AIに渡せません。

ここを誰がやるのかが決まらないまま始めると、途中で止まります。私が手伝うときは、載せる内容を社長に箇条書きで出してもらい、それをもとにAIが作り、社長が画面で確かめて直す、という分け方にしています。

自作をやめた方がいい会社の条件

次のどれかに当てはまるなら、自作より外注のほうが合っていると私は考えています。

条件	理由
予約システムやネットショップなど、仕組みが複雑なサイトが要る	この記事の作り方は、ページを見せるシンプルなサイト向け。送信ボタンのある問い合わせフォームも、そのままでは動かない
何を載せるかを決める人が社内にいない	中身を決めるのは会社を知っている人の仕事。ここが空くと途中で止まる
社内にホームページを触る時間がまったくない	作る作業はAIでも、確かめる時間は人が使う
デザインに強いこだわりがあり、プロの手で作りたい	外注したほうが早く、仕上がりにも満足しやすい
写真撮影や文章づくりから任せたい	私自身、写真だけは撮る人がいたほうがいいと感じた
今のドメインで会社のメールも使っていて、設定を自分で確かめられない	ドメインの切り替え方によってはメールに影響する。先に業者か詳しい人と順番を決める

逆に、自作が合いやすいのは、お知らせや採用情報の更新がよくあるのに、直すたびに連絡して数日待っている会社です。いま払っている保守費の中身がよく分からない会社も、ここに入ります。

自分でAIに指示を出して作るのは、まだ難しそうと感じるなら、段階を分けてもかまいません。最初は、質問に答えるだけでサイトができるサービスで1つ目を形にします。たとえばロリポップ！AIホームページは、AIの質問に答えるか、デザインのテンプレートを選んで作り、公開したあともAIとの会話で直せると書かれています。10日間無料で試せて、料金は契約期間によって月660円〜1,540円（税込）です（公式サイトで2026-10-04確認）。

そこで「何を載せるか」が決まり、AIと会話しながら直すことにも慣れたら、この記事の手順で、自分でAIに作らせる側に移れます。サービスの機能の範囲を超えて、デザインや見せ方を自由に決めたくなったときが、移りどきです。自分で作る手順は、AIへの指示文をそのまま貼って進められる形で、記事の最後の手順書にまとめています。

よくある質問

Q. AIでホームページを作るのに、プログラムの知識は要りますか？

要りません。私の作り方では、社長がやるのは中身を決めることと、出来上がりを確かめることです。ファイルを作る作業はAIがやります。途中で分からない画面が出たら、その文字をAIに貼って聞けば説明してくれます。

Q. 自作したホームページの維持費はいくらですか？

私の場合は、ドメイン代の年1,600円前後だけです。公開する場所はCloudflare Workersの無料プランの範囲に収まっています。直すときにAIを使えば、その月だけAIの利用料がかかります。

Q. 無料のAIだけで作れますか？

私は有料のプランで作りました。パソコンの中でファイルを作るAI（Claude Code）は、Claudeの有料プランに含まれる機能です。見た目の画像づくりは、画像を作れるAIの無料の範囲でもできます。料金と中身は変わるので、使う前に各社の料金ページで確かめてください。

Q. 作ったあと、更新は自分でできますか？

できます。「お知らせを1件追加して。日付は〇日、本文は〇〇」のように話しかけて、表示を確かめてから公開する流れです。お知らせ1件なら、1回5〜10分ほどが目安です。

まとめ

ホームページはAIで自作できる。変わるのは「何を見せるか」だけで、作る順番は業種によらず同じだった
言葉で直そうとせず、先に理想を画像で作ってからAIに渡す。人は中身を決めて、確かめる
仕組みが複雑なサイトが要る会社や、中身を決める人がいない会社は、自作をやめて外注のままにする

次の一歩は、自社のお客さんがホームページで最初に確かめたいことを、1行で書いてみることです。外注費全体をどう見直すかは、外注費のAI削減で内製にしていいもの・ダメなものにまとめています。見直す前に契約書で確かめることは、HPの外注費を見直す前に、確かめたい5つのことに書きました。

出典・参考

Plans & Pricing｜Claude（確認日：2026-09-30。Proは月払いで月20ドル、年払いで年200ドル。Claude Codeは有料プランに含まれる）
Pricing｜Cloudflare Workers docs（確認日：2026-09-30。無料プランは1日10万リクエスト、静的なファイルへのリクエストは無料で上限なし）