AIと一緒にWebサイトを作って感じたこと｜できなかったことが形になっていく面白さ

この「天翔公式サイト」も、AIを活用しながら作っています。

私は、Webサイトを自由自在に作れるプログラマーではありません。

コードを見ただけで、すべての意味が分かるわけでもありません。

それでも今、自分が考えたイメージを少しずつWebサイトとして形にすることができています。

これは、AIを使うようになって特に大きく変わったことの一つです。

今回は、実際にこの公式サイトを作りながら感じたことを書いてみます。

「作りたい」と「作れる」の間が近くなった

以前なら、

「こういうWebサイトが欲しい」

と思っても、その次に大きな壁がありました。

HTMLやCSS、プログラム、サーバー、公開方法など、知らなければならないことがたくさんあります。

興味はあっても、

「自分には難しそうだ」

と思って終わってしまうこともあります。

AIを使い始めて感じたのは、この「作りたい」と「実際に作る」の距離がかなり近くなったことです。

たとえば、

「もっと明るい雰囲気にしたい」

「この人物をもう少し目立たせたい」

「スマートフォンではこの並び方だと見にくい」

「ここは別のページではなく、同じサイトに見えるようにしたい」

といった希望を言葉で伝えることができます。

そこからAIがコードや構成に変えてくれる。

私は完成したものを見て、

「これは違う」

「これはいい」

「ここを直したい」

と判断する。

この繰り返しで、少しずつサイトが形になっていきます。

AIに任せれば何でも一発で完成するわけではない

実際に作ってみて分かったのは、AIを使えば最初から完璧になるわけではないということです。

今回のサイト制作でも、

「これは思っていたものと違う」

ということは何度もありました。

たとえば、トップページでは気に入っていたデザインでも、別のページを作ったときに同じサイトとは思えないようなレイアウトになることがありました。

文章の幅が狭くなりすぎて、見出しが不自然に何行にも折り返されたこともあります。

AI側では「完成した」と判断されていても、実際に自分の目で見ると違和感がある。

そこで、

「トップページのデザインを基準にする」

「別ページだからといって新しいデザインにしない」

「まず実際の表示を見てから決める」

といったルールを少しずつ作るようになりました。

これは、人と一緒にものを作る場合にも似ている気がします。

考えていることを伝え、出来上がったものを確認し、必要なら修正する。

AIだからすべて任せるのではなく、確認することがとても大切だと感じています。

自分がコードを書かなくても、決めることはたくさんある

Webサイト制作というと、どうしても「コードを書く作業」を想像します。

でも、実際に作ってみると、それ以外に決めることがたくさんあります。

たとえば、

このサイトは何のためにあるのか
誰に見てほしいのか
最初に何を見せるのか
どんな雰囲気にしたいのか
どの活動をどこに配置するのか
文章は分かりやすいか
スマートフォンでも見やすいか
不要な情報が増えていないか

こうした部分は、AIだけで勝手に決めてもらうものではありません。

むしろ、ここを自分で考えることがWebサイト作りの中心なのかもしれないと思うようになりました。

コードを書くことができなくても、

「何を作りたいのか」

を考えることはできます。

そして、その考えをAIに伝えて実際の形にしていく。

この役割分担は、自分にとってかなり面白い制作方法です。

「できた」で終わらず、実際に確認する

今回のサイトでは、ページを作った後に実際の表示を確認しています。

パソコンで見たとき。

タブレットで見たとき。

スマートフォンで見たとき。

同じページでも、画面の大きさによって見え方はかなり変わります。

パソコンでは問題なくても、スマートフォンでは文字が詰まっていたり、画像と文章が重なったりすることがあります。

そのため、

作る
↓
確認する
↓
直す
↓
もう一度確認する

という作業を繰り返しています。

さらに、公開した後も実際のWebサイトを確認します。

パソコンの中では正常でも、インターネット上へ公開した直後には、反映まで少し時間がかかることもありました。

「AIが成功と言ったから終わり」ではなく、最後は実物を見る。

この考え方は、今後ほかの制作にも活かしていきたいと思っています。

失敗しにくくするために、少しずつ進めるようになった

Webサイトを作っていると、一度に全部を変えたくなることがあります。

トップページも直す。

ABOUTページも作る。

記事も増やす。

新しい機能も入れる。

でも、一度にたくさん変更すると、問題が起きたときに何が原因だったのか分かりにくくなります。

そこで現在は、

一つ作る。
確認する。
問題がなければ公開する。
バックアップする。
それから次へ進む。

という方法で進めています。

少し遠回りに見えるかもしれません。

でも、この方が何かあったときにも戻りやすく、安心して続けられます。

今回の「活動記録」も同じです。

まず第1記事を作って確認し、正式に公開してから、第2記事を書いています。

最初から大量の記事を作るのではなく、一つずつ積み上げています。

AIを使うことで「分からないからやめる」が減った

私がAIを使っていて一番大きいと感じるのは、作業が速くなることだけではありません。

以前なら、

「分からない」

↓

「調べても難しい」

↓

「自分には無理そうだ」

となっていたことでも、

「これはどうすればできる？」

とAIに聞きながら先へ進めるようになりました。

もちろん、AIの答えが必ず正しいわけではありません。

実際に試して、違っていれば直す必要があります。

それでも「分からないところから一歩進むための相手」がいることは大きいです。

分からないことがなくなるのではなく、

分からないことがあっても進めるようになる。

そこにAIを使う面白さがあるように感じています。

この公式サイトもまだ完成ではない

天翔公式サイトも、まだ作っている途中です。

活動を紹介するページを整えたり、こうして活動記録の記事を増やしたり、今後やりたいことはまだあります。

おそらく、途中でまた失敗することもあると思います。

デザインを変えることもあるでしょう。

思っていた方法をやめて、別の方法を試すこともあるかもしれません。

でも、それも含めてこのサイトを育てていきたいと思っています。

完成した結果だけではなく、

「どうやって作っていったのか」

という過程も、この活動記録に残していきます。

できなかったことを、少しずつ形にしていく

AIを使えば、誰でも何でも簡単にできる。

そこまで単純ではありません。

考えることも必要です。

確認することも必要です。

間違えることもあります。

やり直すこともあります。

それでも、以前なら「自分にはできない」と思っていたことを、自分の考えを反映しながら形にできるようになった。

これは私にとって、とても大きな変化です。

このWebサイトも、その一つです。

これからもAIを道具として使いながら、自分では難しかったことに一つずつ挑戦していきたいと思っています。

そして、その過程もこの「活動記録」に残していきます。