AIと一緒にサイトの企画と構成をする【シリーズ第2回】

こんにちは。今日はAIを活用してサイト制作・開発を企画し、構成していった話をしてみようと思います。

AIを活用した企画の始まり

AIを活用して本当に自分だけのサイトやブログを作ろうと決めた瞬間、頭の中には突然何千ものアイデアが浮かび、どうすれば多くの人が訪れるサイトを作れるのか、どんな記事を書けばより多くの人が興味を持って長く滞在してくれる良いサイトになるのか、本当にたくさん悩みました。

もし2〜3年前に同じ悩みをしていたら、おそらく悩んで企画するだけで2〜3週間はかかっていたと思います。じっくり考えて、浮かんだアイデアをマインドマップにして、その中からサイト全体の構造に合う記事とそうでない記事を選別し、さらにAdSense承認に必要な最低限の投稿数を満たすために質の高い記事を一つ一つ自分でタイピングしていたら、本当に大変なプロセスだったと思います。

でも今はAIがあり、このAIをうまく活用すれば、こうした企画やサイト構造を組み立てることもとても簡単な時代になったと感じています。自分の考えをただ愚痴るように全部話せば、それに合わせてAIが全体的な内容を把握し、それに沿った下書きを作ってくれるのが本当に良かったです。特に自分が思いつかなかった変数や考慮すべき点も一緒に言及してくれるので、その点でより信頼できました。

それでは、私がサイトの企画と構造を組み立てていったプロセスをもう少し詳しくお話しします。

1. 使用したAI：Gemini + Claude Code

私が使用したAIはGeminiとClaude Codeです。どちらもProプランを使用しており、この2つのAIは現在私にとって本当に大きな助けとなっている、ありがたいパートナーだと言えます。2つのAIの役割を、私が好む形で分担しました。

Geminiにはサイト構造、企画、法令などに関する変数の考慮、その他の変数など、企画とサイト運営において考慮すべき事項を把握してもらい、一緒に構成作業を進めていきました。Google Geminiは、何というか天才弁護士のような感じで、私にとっては弁護士に依頼して明確な答えを得るような形で活用しています。

**Claude（Code）**はGeminiとは違って、天才の友達のような感じで、文章作成において私が最も好むスタイルの文章を書いてくれています。AIという点では同じに見えますが、実際に文章が出来上がるのを見ると、AIごとに特性が違うという点も一方では不思議に感じます。そしてClaude Codeは開発者の天才友達のような感じで、私が望む要件をぴったり理解して作ってくれる役割を果たしています。

2. PRD作成（Product Requirements Documents）

では、私が企画してサイトを作る時に、最初から最後までただAIのチャット欄で会話しただけではなく、最初は会話しながらClaude Codeに正確にリクエストできるPRD制作をまず行いました。

開発者にとってPRDは製品の詳細仕様を示す文書で、ここにはサイトの概要、目的、構成要素などが含まれ、この文書を読むだけでこのサイトがどんなサイトで、どんな記事が書かれるのか、そしてこのサイトはこういうデザインになるだろうということがわかる文書です。

そして一度にすべての事項をリクエストするのは無理がありそうだったので、小さなサイトは2つの部分に、少し大きなプロジェクトは最大5段階に分けてClaudeにリクエストできるようにPRDを分割して作りました。

PRD作成も、今まで会話した内容をもとに「Claude CodeにリクエストできるPRD形式で作ってください」とお願いしました。頭の中にある明確ではないけれど漂っている要素や感覚も、ありのまま正直に話しながら、徐々に可視化できる形式にしていきました。

3. AIの長所が際立つ瞬間

AIの長所がここで際立つと思います。

もし私が会社で開発者として、頭の中に漂っているものをそのまま形式のない言葉や文書で各担当者にリクエストしていたら、おそらく私は仕事ができない人、一緒に仕事しにくい人、自分の仕事もちゃんとわかっていない人というレッテルを貼られていたかもしれません。

だから実際に仕事をする時は、協業する担当者に見せる資料を作るだけで少なくとも数日、クライアントに見せる資料なら1ヶ月も、その下書き作成だけに没頭することになります。

でも今は頭の中にあることをそのままAIに話すだけで、AIが整理、補完し、ほぼ完璧なガイドを作ってくれるので、サイト開発がどれだけ速く進むか驚くばかりです。

4. 気になること、参考にしたいことも、とにかく全部聞いてみよう

サイトを作る時に、最初の一歩が本当に難しいのは、自分でも正確に何を望んでいるのか、世の中が求めるサイト構造が何なのかよくわからないということです。

アイデアはあるけど、これをどう実装すれば多くの人が訪れるサイトになるのか、いくら自分が満足しても、自己満足で終わってはいけないので、以前はこうした部分もアンケート調査をしたり、周りの知人に相談したりしていました。

でも今はこうしたことAIにお願いすれば、これまでの膨大なデータをもとに、私が行ったアンケートよりもむしろ多くのデータを基準にした明確な条件を示してくれるので、このプロセスもAIにお願いしています。

その他にも少しでも気になる点、以前から知ってはいたけど正確には理解していなかった部分、ある意味作業中に発生するほとんどのことを質問しながら作業を進めていきました。

まとめ

こうして各サイトに合った企画と構成をすると、ただ漠然と一人でやるよりもはるかに速く正確にサイトの企画と構成ができるようになり、「Claude Codeさん、作業を進めてください」と入力すれば、AIが自ら私だけの素敵なサイトを作ってくれます。

もちろんこれが一度で100%完璧なサイトを完成させるわけではありませんが、とりあえず下書きが速くできるので、その後は追加の修正をしながら会話を続けてサイトを磨いていけるという点も長所だと思います。

次回予告

次回は、サイトを開設した後、どのようなプロセスを経てデプロイしたかについてお話ししようと思います。