AIでホームページは本当に作れる？初心者が実際に作って分かったこと

AIでホームページは本当に作れる？初心者が実際に作って分かったこと

「AIでホームページが作れる」とSNSでよく見るけれど、本当に自分でもできるの？

プログラミングは分からないし、Codex、GitHub、Vercelと言われても正直よく分からない。そんな状態だと、「AIでホームページ作成」と言われても、自分にはまだ早い話に見えると思います。

僕自身も、最初からコードを書けたわけではありません。今のAscent Studioも、コードを1行ずつ自分で書いて作ったというより、ChatGPTで相談し、AIに実装してもらい、画面を見て直しながら作ってきました。

先に結論を言うと、初心者でもAIを使ってホームページを作ることはできます。

ただし、「AIにホームページを作って、と一言伝えれば、そのまま完璧なサイトが完成する」というイメージとは少し違います。

大事なのは、自分に合う作り方を選ぶことです。

この記事では、AIでホームページを作る3つの方法と、Ascent Studioを実際に作って分かったことを、専門用語をできるだけ減らして紹介します。

この記事でわかること

• プログラミング未経験でもAIでホームページを作れるのか

• AIホームページ作成サービス、WordPress、AIコーディングの違い

• ChatGPTとCodexは何をしてくれるのか

• Ascent Studioを実際に作った流れ

• AIに任せてよい部分と、人が確認すべき部分

• 初心者ならどの方法から始めるとよいか

まず結論｜初心者でも作れる。でも「何を作るか」は人が決める

AIは、ホームページ制作のかなり多くの作業を手伝えるようになっています。

ページ構成を考える、見出しや文章を作る、デザイン案を出す、画像を作る、コードを書く、エラーを調べる。以前ならそれぞれ別の知識が必要だった作業を、会話しながら進められます。

一方で、AIが勝手に決めてくれないこともあります。

「誰に来てほしいのか」「何を一番伝えたいのか」「問い合わせと購入のどちらにつなげたいのか」「この写真で本当にお店の魅力が伝わるのか」といった判断です。

僕が実際に作ってみて感じたのは、AIでホームページ制作のハードルはかなり下がったけれど、ホームページの目的までAIへ丸投げできるわけではない、ということでした。

AIでホームページを作る方法は大きく3つある

「AIでホームページを作る」と言っても、実はやり方は同じではありません。

方法1｜AIホームページ作成サービスを使う

一番分かりやすいのは、AIとの会話や質問への回答だけでサイトを作れるサービスを使う方法です。

たとえばロリポップ！AIホームページ（外部サイトを新しいタブで開く）は、AIとの会話または用意されたデザインからサイトを作り、そのまま公開できるサービスです。2026年9月時点では、10日間無料、クレジットカード不要で試せます。公開後もAIとの会話や画面から直接内容を直せます。お知らせやブログを自分で更新する仕組み、スマホで見やすくする機能、自分専用のWebアドレス（独自ドメイン）を使う設定なども用意されています。

料金は契約期間によって変わり、1サイトあたり月額660円〜です。36ヶ月契約の場合が月額660円で、1ヶ月契約は月額1,540円です。

こうしたサービスが向いているのは、「まずは難しい設定なしで、自分のお店や事業のホームページを早く持ちたい」という人です。

僕自身はこの記事を書いている時点ではロリポップ！AIホームページを実際には使っていません。そのため、使いやすさや完成したサイトの品質を実体験として評価することはまだできません。その後、実際に試した内容はロリポップ！AIホームページを実際に使ってみたで公開しています。

方法2｜WordPressを使い、AIに手伝ってもらう

次はWordPressを使う方法です。

WordPressではレンタルサーバーやドメインを用意し、テーマやプラグインを使ってサイトを作ります。AIが登場する前から広く使われている方法ですが、現在はChatGPTを相談相手にすることで、初心者でも進めやすくなっています。

たとえば、「トップページには何が必要？」「このお店ならどんなページ構成がいい？」「この文章をもっと分かりやすくして」といった部分はAIに相談できます。

AIホームページ作成サービスより設定することは増えますが、ブログを継続的に更新したい場合や、WordPressを前提に長く運用したい場合には候補になります。

WordPressを選ぶ場合は、最初にサーバーを契約する必要があります。Ascent Studioでは、初心者が契約前に見るポイントをWordPressサーバーの選び方で整理しています。

WordPressの運用サポートまで含めて選びたいなら、エックスサーバー for WordPressと通常プランの違いを確認できます。一般的なレンタルサーバー同士で迷っているなら、エックスサーバーとConoHa WINGの比較から検討できます。

方法3｜ChatGPT＋CodexのようなAIでコードから作る

Ascent Studioはこの方法に近いです。

ここで「Codexって何？」となっても大丈夫です。

かなり簡単に言うと、ChatGPTが「何を作るか、どう直すかを一緒に考える役」なら、Codexは「実際にコードやファイルを触って作業する役」というイメージです。

OpenAIではCodexを、コードの作成、レビュー、リリースを支援するAIコーディングエージェントとして案内しています。

僕はコードを全部自分で書くのではなく、ChatGPTで「こうしたい」を整理し、その内容をAIの実装担当へ渡して、できた画面を確認するという進め方をしています。

この方法は自由度が高く、サイトの見た目や機能を細かく作れます。一方で、AIホームページ作成サービスに比べると、確認することも増えます。

「GitHubって何？」「Vercelって何？」という言葉も出てきますが、最初から全部覚える必要はありません。僕も必要になったものから一つずつ理解してきました。

Ascent Studioは実際にどう作った？

Ascent Studioでは、AIにいきなり「かっこいいサイトを作って」と頼むところからは始めませんでした。

最初に決めたのは、「誰のためのサイトなのか」と「何を伝えたいのか」です。

小さなお店や個人事業主が、AI・Web・発信について何から始めればよいか分からないときに、次の一歩を見つけられる場所にする。この方向を先に整理しました。

次に、ブランドの考え方、記事のテーマ、必要なページ、ユーザーがどこへ進むのかをChatGPTと整理しました。

その設計をもとにAIへ実装を頼みます。

実装されたら終わりではありません。Previewで実際の画面を見て、「文字が読みにくい」「この導線は遠い」「スマホでは見づらい」といった部分を修正します。

さらに、重要な変更では別のAIにもレビューしてもらっています。

AIで作ったのに、別のAIで確認するの？と思うかもしれません。

でも、ここがかなり重要でした。

実際に、トップページの見た目をかなり良くできたと思ったあと、別AIでIndependent Reviewをしたところ、パソコンの画面幅によってHero画像の右端が切れる問題が見つかりました。

自分が普段見ている画面だけなら、そのまま完成として公開していたかもしれません。

この経験から、僕は「AIで作れば一発で完成する」というより、「AIで作る → 自分で見る → 別の視点で確認する → 直す」という使い方の方が現実的だと感じています。

AIに任せやすいこと、人が確認した方がいいこと

AIに任せやすいのは、たたき台を作る作業です。ページ構成、文章案、デザイン案、コード作成、エラー調査などはかなり助けてもらえます。

一方、人が確認した方がよいのは、事業の目的、伝える内容の正確さ、商品の見え方、料金や営業時間などの重要情報、問い合わせ導線、公開して問題ないかという最終判断です。

特に小さなお店のホームページでは、「綺麗なサイトができたか」より、「初めて来た人が必要な情報を見つけられるか」の方が重要です。

AIで作る場合も、ここは変わりません。

初心者ならどの作り方を選べばいい？

とにかく早くホームページを持ちたい、コードやサーバーのことをできるだけ考えたくない場合は、ロリポップ！AIホームページのようなAIホームページ作成サービスが一番入りやすい方法です。

ブログを増やしたり、WordPressを使って長く育てたい場合は、WordPress＋AIという方法があります。

デザインや機能を細かく作り込みたい、AIを使いながらWeb制作そのものも学んでみたい場合は、ChatGPT＋Codexのようなコード制作が候補になります。

どれが一番優れているというより、「今の自分がどこまでやりたいか」で選ぶ方が失敗しにくいと思います。

AIならホームページを無料で作れる？

AIを使っても、必ず無料になるわけではありません。

ホームページを公開して運営するには、サービス利用料、レンタルサーバー、独自ドメインなどの費用がかかる場合があります。

たとえばロリポップ！AIホームページは10日間無料で試せますが、継続利用は有料です。WordPressも本体は無料で使えますが、一般的にはサーバーやドメインなどの費用が必要です。

コードから作る場合も、ドメインや利用するサービスによって費用が変わります。

「AIだから無料」と考えるより、制作会社へ全部依頼する方法、自分で作る方法、AIを使って自分で作る方法の中で、時間と費用のバランスを見るのがおすすめです。

初心者が最初にやるなら「作り始める前の整理」から

僕なら、最初にツールを決めるより先に、「誰に見てもらうホームページなのか」「その人に何をしてほしいのか」を一文で書きます。

飲食店なら、来店してほしいのか、予約してほしいのか、通販を知ってほしいのかで必要なページは変わります。

次に、店名、商品やサービス、料金、営業時間、場所、写真、よくある質問など、ホームページに載せる元情報をまとめます。

ここまで整理できれば、AIへ「この情報からホームページの構成を考えて」と頼めます。

いきなりCodexやプログラミングを勉強する必要はありません。

まずは「ホームページを作りたい。何から決めればいい？」とChatGPTへ相談するところからでも十分です。

まとめ｜AIでホームページ制作の入口はかなり低くなった

以前なら「ホームページを作りたい」と思ったとき、制作会社へ依頼するか、自分で専門知識を勉強するか、という選択が中心でした。

今はその間に、「AIと一緒に自分で作る」という選択肢があります。

コードを知らなくても、まず形にすることはできます。

ただし、AIが全部決めてくれるわけではありません。

誰に何を伝えるのかを決め、AIに作ってもらい、自分で確認し、必要なら直す。この流れができれば、初心者でもかなり先まで進めます。

僕自身も、分からない言葉が出るたびに一つずつ調べながらここまで来ました。

「Codexって何？」「GitHubって何？」というところからでも大丈夫です。

Ascent Studioでは、そうした今さら聞きにくいところも含めて、実際に使った流れを一つずつ紹介していきます。

次に読むなら

AIホームページ作成サービスを実際に試した記録 → ロリポップ！AIホームページを実際に使ってみた｜初心者でも本当に質問に答えるだけで作れる？へ

自作・AI・外注のどれにするか迷っている → ホームページは自作・AI・外注どれがいい？初心者向けに費用と向き不向きを比較へ

サーバーとドメインの違いから知りたい → サーバーとドメインとは？ホームページ初心者向けに違いと役割をやさしく解説へ

WordPressで作りたい → WordPressサーバーの選び方｜初心者が契約前に見るポイントへ

ホームページを作る前の情報整理から始めたい → ホームページを作る前に、「ブランドの原本」を作る理由へ

AI自体をまだ使い始めたばかり → ChatGPTの有料版（Plus）で何ができる？へ

実践する道具も確認したい方へ。用途と確認方法からツールを探す