AI × WEB CREATION / WHAT AI CAN DO
生成AIで
Webサイトは
どこまで作れる？
ChatGPT、Claude、Geminiと
制作環境の役割を整理
「AIでWebサイトを作る」。 この言葉には、実は二つの意味があります。
一つは、AIにWebサイトそのものを作らせること。 もう一つは、AIを使いながら、 人間がWebサイトを作ることです。
AIと一緒に作る。
この二つは、似ているようで違います。
では、生成AIはWebサイト制作のどこまで使えるのでしょうか。 そして、どこから先はWordPressやWebサイト作成サービス、 サーバーなど別の仕組みが必要になるのでしょうか。
この記事では、その境界を整理します。
「AIで作る」には、
二つの意味がある
AIにWebサイトそのものを作らせる
文章で希望を伝え、AIが構成、文章、 デザインやコードを生成する。 サービスによっては、そのまま公開まで進めます。
AIと一緒にWebサイトを作る
生成AIと構成、文章、コードなどを相談しながら、 WordPressなど別の制作環境でWebサイトを作ります。
同じ「AIで作る」でも、AIの役割が違います。 ここを最初に分けておくと、 Web制作ツールの話がかなり分かりやすくなります。
生成AIが特に強いのは、
「考える仕事」
ChatGPT、Claude、Geminiなどの生成AIが Webサイト制作で特に使いやすいのは、 制作前から制作途中にある「考える仕事」です。
Web制作の専門知識がなくても、 一つずつAIと壁打ちしながら進められます。
AIがWeb制作を変えた最大の理由は、
コードを書けることだけではない。
考える相手を、誰でも持てるようになった。
サイトマップやページ構成は、
かなり作れる
「会社のWebサイトを作りたい」とAIに伝えると、 必要なページ構成を一緒に考えられます。
さらに「この会社の強みは何か」「顧客は何を不安に思うか」 と質問を重ねることで、構成の精度を上げられます。
人間が選ぶ。
またAIに考えさせる。
Webサイトの文章は、
かなりのところまで作れる
生成AIは文章制作とも相性がいい分野です。
ただし、AIが一般的な文章を作れることと、 その会社らしい文章を作れることは同じではありません。
AIに何を渡すかが重要になる。
実際の経験、顧客とのやり取り、 現場で起きたこと、独自の判断、実績。 こうした一次情報をAIへ渡すことで、 Webサイトの文章は強くなります。
HTMLやCSSも書ける。
でも「公開」とは別の話
生成AIはHTML、CSS、JavaScriptなどの コードを書くこともできます。
「2カラムのヒーローを作って」
「スマートフォンでは縦積みにして」
「H1をもう少し小さく」
「このCSSのどこがおかしい？」
コードが分からなくても、 AIとやり取りしながら修正できます。
Webサイトが公開されたことは同じではない。
HTMLが完成しても、それをどこに置くのか。 どのドメインで公開するのか。 誰が更新するのか。 ブログをどう管理するのか。
ここから先には、 制作環境や公開環境が必要になります。
画面を見せながら
直せることの意味
Web制作初心者にとって、 コードだけを見て修正するのは難しいものです。
人間の普通の言葉へ近づけた。
ChatGPT、Claude、Geminiは
同じではない
すべて生成AIですが、 使い勝手や得意なこと、周辺機能は同じではありません。
「Web制作にはどのAIが一番いいか」という問いに、 一つの永久的な正解を作る必要はありません。
生成AIは、
CMSではない
制作パートナー
考える。書く。コードを作る。修正する。 Webサイト制作そのものを助けます。
運営する基盤
記事、固定ページ、画像などを蓄積し、 管理し、公開し続けます。
CMSはWebサイトを運営する基盤。
この二つは競合する存在ではありません。 組み合わせて使うことができます。
AIができても、
最後まで残る仕事がある
AIはサイト構成を作れる。 文章を書ける。 コードを書ける。 画像を作れる。 SEOの案も出せる。
しかし、AIができることが増えるほど、 選択肢も増えていきます。
「どれを選ぶか」へ。
最後に残るのは、 生成能力ではなく判断です。
生成AIで「作れる」と、
「運営できる」は同じではない
生成AIはWebサイト制作のかなり広い範囲で使えます。
企画。構成。文章。画像の方向性。 コード。修正。SEO相談。問題解決。
それでも、生成AIだけですべてが完結するとは限りません。
ドメインをどうするか。 どこで公開するか。 誰が更新するか。 コンテンツをどう管理するか。 バックアップをどうするか。 長期的にどう育てるか。
「生成AIでどこまで作れるか」ではなく、 「何をAIに任せ、何をどの環境で管理するか」。
ここまで理解すると、 AI時代のWebサイト制作がかなり整理できます。
AIでWebサイトを作る全体像を、
最初から見たい方へ。
この記事は、「AIでWebサイトを作る方法」をテーマにした CUDIORAのSEOクラスターの一記事です。
制作前の考え方、ツール選び、生成AI、 公開方法、Web用語、具体的な制作手順、 公開後の運用まで、シリーズ全体を俯瞰できます。
AIでWebサイトを作る方法｜シリーズ全体を見る →
このページには、
元になったnote記事があります。
このページは、noteで公開した記事を そのまま転載したものではありません。
note版では、AIサイト制作を学ぶ人に向けて、 生成AIが制作のどこで役立つのかを順番に説明しています。
CUDIORA版では、 「生成AIだけでWebサイトは作れるのか」 「ChatGPTとWordPressは何が違うのか」 という検索ユーザーの疑問を中心に再構成しています。
元のnote記事を読む →