Web制作者はAIをどう使うべき？

最近、Web制作でもAIを使う機会がかなり増えました。

HTMLやCSSを書いてもらったり、JavaScriptのエラーを調べてもらったり、文章を考えてもらったり。

僕自身もWeb制作の中でAIを使うことがあります。

ただ、AIを使っていると、

「どこまでAIに任せていいんだろう？」

と考えることがあります。

今回は、Web制作者がAIをどう使うべきなのか、自分なりに考えてみます。

AIは「代わりに作ってくれる人」ではない

AIに、

「こんなデザインをHTMLとCSSで作って」

とお願いすると、かなりそれっぽいコードを出してくれます。

少し前までは、自分で検索しながら何十分もかけて書いていたものが、数秒で出てくることもあります。

これは本当に便利です。

ただし、ここで注意したいのが、

AIが出したコードが、そのまま正しいとは限らない

ということです。

一見動いていても、

不要なコードが多い

レスポンシブで崩れる

アクセシビリティが考慮されていない

WordPressの構成に合っていない

後から修正しにくい

そもそも書き方が古い

ということもあります。

だから、AIにコードを書いてもらったとしても、最終的に判断するのはWeb制作者です。

AIは「優秀なアシスタント」として使う

個人的には、AIはWeb制作者の代わりではなく、

かなり優秀なアシスタント

くらいの位置づけがちょうどいいと思っています。

例えば、

「このCSSが効かない原因を考えて」

「このコードをもっとシンプルにできる？」

「WordPressでこの処理を実装する方法は？」

「このJavaScriptのエラーの原因は？」

といった使い方です。

ゼロから全部考えてもらうというより、

自分が考えるスピードを上げるために使う。

この使い方がかなり強いと思います。

分からないことを調べる速度が圧倒的に速くなった

Web制作をしていると、分からないことは必ず出てきます。

以前なら、

Googleで検索する

↓

記事を何個か読む

↓

Stack Overflowを見る

↓

公式ドキュメントを見る

↓

試してみる

という流れになることが多かったと思います。

もちろん今でも検索や公式ドキュメントは重要です。

ただ、最初にAIへ質問することで、

「何を調べればいいのか」

をかなり早く整理できるようになりました。

例えば、

「WordPressで固定ページだけCSSを読み込みたい」

と聞けば、

is_page()を使う方法など、調べるべき方向性をすぐ提示してくれます。

そこから必要に応じて公式ドキュメントを確認する。

この流れにすると、かなり効率が良くなります。

エラー解決との相性はかなりいい

AIを使っていて特に便利だと感じるのがエラー解決です。

例えば、

PHPのエラー

JavaScriptのエラー

CSSが効かない

WordPressが真っ白になった

Dockerが立ち上がらない

Gitでエラーが出た

こういった問題が起きたとき、

エラーメッセージと状況をAIに渡すと、原因候補を整理してくれます。

自分一人で調べると、

「そもそも何が原因なのか分からない」

という状態になることがあります。

AIはそこから、

「まずここを確認してください」

と切り分けてくれるので、デバッグのスタート地点を作るのがかなり上手です。

コードレビューにも使える

自分が書いたコードをAIに見てもらうのも便利です。

例えば、

「このコードに問題がないかレビューして」

とお願いすると、

重複している処理

読みにくい部分

バグになりそうな部分

セキュリティ上の問題

より簡単な書き方

などを指摘してくれることがあります。

自分で書いたコードは、自分では問題に気付きにくいものです。

AIを第三者のレビュー役として使うことで、自分では気付かなかった改善点が見つかることがあります。

文章作成もかなり助けてもらえる

Web制作はコードを書く仕事だけではありません。

実際には、

見出し

キャッチコピー

サービス説明

FAQ

お問い合わせ文

ブログ

SEOタイトル

meta description

など、文章を書く場面もかなりあります。

この部分でもAIは便利です。

例えば、

「塗装会社の強みを3つ考えて」

とお願いして叩き台を作ってもらい、そこから実際の会社に合わせて修正する。

こうすると、文章をゼロから考えるよりかなり速くなります。

ただし、AIの文章をそのまま使わない

これはかなり重要だと思っています。

AIが作った文章は整っています。

ただ、整いすぎていて、

どの会社でも使えそうな文章

になっていることも多いです。

例えば、

「お客様一人ひとりに寄り添い、丁寧なサービスを提供します。」

こういった文章は間違ってはいません。

ただ、その会社だからこその魅力はほとんど伝わりません。

AIに文章を書いてもらう場合でも、

「この会社にしか言えないことは何か？」

を考えて修正する必要があります。

デザインをAIだけに任せるのも危険

最近では、AIがWebデザインまで作ってくれるようになっています。

ただ、AIが作ったデザインをそのまま採用するだけでは、Web制作者としては弱いと思います。

なぜなら、

なぜこのレイアウトなのか

なぜこの余白なのか

なぜこの色なのか

を説明できないからです。

Webデザインは、単に見た目をきれいにするだけではありません。

ユーザーに、

「どこを見てほしいのか」

「次に何をしてほしいのか」

を考えて設計する必要があります。

AIからデザイン案を出してもらうのは便利ですが、最終的な設計は人間が考えるべきだと思います。

AIを使うほど基礎知識が重要になる

一見すると、

「AIがコードを書いてくれるなら、プログラミングを勉強しなくてもいいのでは？」

と思うかもしれません。

でも実際は逆だと思っています。

AIが出したコードを見て、

「これは正しい」

「これはおかしい」

と判断するためには、基礎知識が必要だからです。

HTMLを知らなければ、HTMLの間違いに気付けません。

CSSを知らなければ、なぜレイアウトが崩れたのか分かりません。

JavaScriptを知らなければ、AIが書いた処理を修正できません。

WordPressを知らなければ、AIが提案した実装方法が適切なのか判断できません。

つまり、

AIを使いこなすためにも基礎知識が必要

ということです。

「作る力」より「判断する力」が重要になる

これからWeb制作では、

コードを書くスピードそのものの価値は少しずつ下がっていくかもしれません。

AIがコードを書けるようになっているからです。

その代わりに、

何を作るべきか

どの方法で実装するべきか

AIの回答が正しいか

どこを修正するべきか

クライアントにとって本当に必要か

といった、

判断する力

の価値が上がっていくと思います。

例えばAIが3つの実装方法を出してくれたとしても、

その案件に一番適した方法を選ぶのは人間です。

AIに全部任せると成長しにくい

便利だからこそ気を付けたいのが、

分からないことが出るたびに、すぐAIへ丸投げしてしまうことです。

例えば、

「このサイト作って」

「動かないから直して」

「エラーだから全部修正して」

という使い方だけをしていると、

完成はするかもしれません。

でも、自分にはあまり知識が残りません。

個人的には、

まず自分で原因を考える

AIに質問する

AIの回答を理解する

自分で修正する

くらいの使い方が良いと思っています。

AIに答えをもらうことより、

なぜその答えになるのか理解すること

のほうが重要です。

AIが作ったものの責任は自分にある

Web制作の仕事としてAIを使うなら、ここは特に重要です。

AIが間違ったコードを書いたとしても、

クライアントから見れば、

「AIが書いたから仕方ない」

とはなりません。

納品したWebサイトに問題があれば、基本的には制作者側の責任です。

だから、

AIに作ってもらったものほど確認する

くらいでいいと思います。

表示確認、スマホ確認、フォーム送信、リンク確認、エラー確認など、最後は必ず自分でチェックする必要があります。

AIを使わないことが強みになるわけでもない

逆に、

「自分は全部手作業でやっています」

ということ自体が価値になるとも限りません。

クライアントが求めているのは、

コードを何時間かけて書いたかではなく、

必要なWebサイトがきちんと完成すること

だからです。

AIを使って3時間かかっていた作業が1時間になるのであれば、その2時間を、

デザインを改善する

動作確認をする

クライアントと話す

SEOを考える

コンテンツを改善する

といった部分に使えます。

こちらのほうが、Webサイト全体の品質は上がる可能性があります。

まとめ

Web制作者にとってAIは、かなり強力なツールです。

コードを書いてもらうこともできますし、エラー調査、コードレビュー、文章作成、アイデア出しなど、さまざまな場面で使えます。

ただ、

AIに全部任せればいい

という話ではないと思っています。

AIが出した答えを理解し、正しいか判断し、必要なら修正する。

最終的に責任を持つのはWeb制作者です。

これから重要になるのは、

「AIを使える人」ではなく、「AIを使いながら正しく判断できる人」

なのかもしれません。

僕自身もAIを使いながら、任せるところと自分で考えるところをうまく分けていきたいと思います。