AIにホームページを丸ごと作らせてみた。人間がやったのは「OK」と言うことだけ

この記事でわかること

• ホームページ制作を「AIにほぼ丸投げ」したら、どこまで形になるのか
• AIが自分で作り、別のAIがレビューして仕上げる、という回し方の中身
• うまくいったこと／つまずいたこと、そして人間に残された役割

「自社のホームページ、そろそろ作り直したい」。そう思っても、外注すれば数十万円、しかも数週間待ち。かといって自分で作るのは、何から手をつければいいか分からない——。中小企業の経営者なら、一度はぶつかる壁ではないでしょうか。

そこで私たちは、ひとつの実験をしてみました。「ホームページを、AIに丸ごと作らせたらどこまでできるのか」を、最初から最後まで試したのです。しかも、人間（私）がやったのは、ほとんど「OK」と言うことだけ。

この記事では、その全工程を、実際の画面とともにお見せします。専門知識がなくても「あ、こういうことか」と追えるように書きました。まずは、できあがったサイトをご覧ください。

やったこと：架空の工務店サイトを、AIに丸投げ

題材にしたのは、実在しない架空の工務店「あおば工務店」です。架空にしたのは、お客様の情報を一切使わず、全部を包み隠さず公開するためです。

私が最初にAIへ伝えたのは、ざっくりした注文だけ。「地域密着の工務店。地元の安心感が伝わるサイトを作って」——この一言です。あとは、AIが勝手に進めていきました。

PR

工程①：トップページを、AIが“ひとりで”作る

面白いのはここからです。今回の仕組みは、1体のAIに作らせて終わり、ではありません。

• まずAIが「やることリスト」を自分で作る
• そのとおりに、AIがコードを書いてページを組み立てる
• 別のAIが“辛口のレビュアー”として、できあがりをチェックする
• 指摘を直し、問題なければ自分で公開（反映）まで

人間でいう「作る人」と「チェックする人」を、わざと分けているわけですね。自分で作って自分でチェックすると、どうしても甘くなる。だから別のAIにダメ出しさせています。

そして下の画面が、実際にAI同士がやり取りしたレビューの記録です。「電話番号のリンクが実在する番号につながってしまう」「文字のコントラストが弱い」——人間の先輩がするような指摘を、AIがAIに返しています。

こうして、最初のトップページができあがりました。

工程②：載せる写真も、AIが作る

ホームページで地味に困るのが「載せる写真がない」問題。施工写真を撮る時間も予算もなくて、ずっと「準備中」のまま……というのは、よくある話です。そこで、写真もAIに用意させました。

文章で「無垢材の木の家のリビング。自然光で、人物と文字は入れないで」とお願いすると、それらしい施工写真が次々に出てきます。

「準備中」だらけだったページが、写真が主役の完成形に変わりました。

工程③：ページを増やすのも、「いいよ」だけ

トップページができたあと、今度はAIの方から聞いてきました。「次は下層ページ（施工事例・会社案内・お問い合わせ）の作成に進んでいいですか？」

私が返したのは、ひとこと「いいよ」。それだけで、3ページが自動でできあがりました。

デザインはトップに合わせ、メニューも、今どのページにいるかの表示も、AIが整えています。

もちろん、つまずきもありました

うまくいった話ばかりではありません。引っかかったところも、正直に書きます。

ひとつは、最初の準備（コードの保存場所の権限設定）。ここは人間の操作が必要でした。もうひとつは、AIのレビュアーが厳しすぎたこと。何度直しても細かい粗を見つけ続けて、いつまでも「合格」を出さないのです。

そこで、レビューの指示を変えました。「公開を止めるレベルの致命的な問題だけ直して。細かい好みは“任意”にして」——こう伝えたら、一発で合格しました。

要は、AIは放っておくと「100点になるまで」止まりません。“どこまで妥協していいか”を先に教えると、現実的なところで仕上げてくれる。最後に「これでいい」と判断するのは、やっぱり人間の役割でした。

ちなみに、AIは裏でこんなに動いていました

ここまで「AIが勝手にやってくれた」と書いてきましたが、その“勝手に”の中身がこちらです。AIが今どこで何をしているのかを一覧できる、作業の監視画面です。

カードが次々と「作業中」「完了」に変わっていきます。私はこれを横で眺めて、進み具合を確認していただけ。指示を出したら、あとはAIたちが手分けして進めてくれます。

そして、この監視画面そのものも、実はAIに作らせたツールです。「AIの作業を、ひと目で把握したい」という困りごとから生まれました。どう作って、どう使っているかは、AIの作業状況をひと目で見える化したダッシュボードの記事で紹介しています。

結局、人間がやったことは？

ふり返ると、私が手を動かしたのは——

• 最初に「こういうサイトを作って」と一言伝えた
• 途中で「次に進んでいいよ」「これでOK」と承認した

これくらいです。コードは1行も書いていませんし、写真も1枚も撮っていません。スマホで見ても、ちゃんと整っています。

振り返って

出来上がったサイトを見て、正直「まだまだだな」と思いました。コンセプトから素材まで、全部をAIに任せきりにしたので、つくりはどうしても浅くなります。プロが本気で作り込むサイトには、まだ届きません。

ただ、これは裏を返せば「やり方しだいで、もっと伸びる」ということでもあります。

今回、私たちは事前にほとんど何も用意せず、丸投げに近い形でAIに任せました。もし——コンセプトを自分たちでしっかり決めて、完成イメージをきちんと伝えて、写真などの素材もできるだけ前もって用意し、AIが使える状態にしてあげれば、仕上がりはもっと良くなっていたはずです。

それでも、人間がほとんど手を動かさずに、ここまで形になりました。ということは、ここに人の知恵を少し足していけば——私たちが実際に、AIと何度も対話しながら作り込んだ astha.jp や TARSKホールディングス様のサイト のような、しっかりしたサイトも、いずれ自動で作れるようになるはずです。私たちは今回の結果を分析して、その精度をさらに高めているところです。

まとめ：AIは「丸投げ先」ではなく「桁違いに速い実行役」

今回の実験で分かったのは、AIに任せれば、ホームページ制作のような大きな作業でも、人間はほんの数回の判断で前に進められる、ということでした。

あなたの会社のホームページ、「いつか作り直さなきゃ」と思ったまま、止まっていませんか？AIをこう使いこなす方法や、その裏側を、メルマガでもう少し詳しくお伝えしています。よかったら覗いてみてください。

AI活用の第一歩、いっしょに整えませんか

「AIを使ってみたいけれど、安全面が不安」「自社の業務でどこから任せればいいか分からない」——そんなときは、お気軽にご相談ください。アスタは、AIを実際の業務で安全に活用するお手伝いをしています。

• AIを業務で使ってみたい方 → AI活用無料診断へ（所要時間：約30分）
• まず話だけ聞いてみたい方 → お問い合わせフォームへ

「まだ何も決まっていない」という段階でも大丈夫です。今の状況をお聞きかせください。