お問い合わせ・無料相談
WEBのこと

AIにコードを書かせるときほど、設計は先に考えよう

WRITER
Hirabayashi Kazuaki コーダー
Hirabayashi Kazuaki

コーダー。WordPressでのオリジナルテーマ作成・カスタマイズが得意。

AIにコードを書かせるときほど、設計は先に考えよう

こんにちは。かずです。

最近、AIにコーディングをしてもらう機会がかなり増えました。
HTMLやCSSはもちろん、WordPressのテンプレートやPHPまで、お願いすればそれっぽいコードをすぐに作ってくれます。便利な時代になったもんです。
テーブルを一生懸命書いていた時代の人間からするともうとんでもないですね。

そして今では、AIに任せるようになったからこそ、自分で考える時間が増えてきました。
それが、コードを書く前に、構造の設計です。

とりあえずでAIに投げる

最初の頃は、とりあえずAIにお願いしていました。
「このデザインをHTMLとCSSで作って」プロンプトもくそもないですね

まぁ当然これだけでも、それなりに形になります。そして細かいところを修正していけば完成まで持っていけます。

でも、ページや裏側を見ると、気になるところがぽこぽこ出てきます。
余計なHTMLタグが増えていたり、似たようなCSSがあったり、同じような処理が別々の場所に書かれていたり。
その場では動いていても、あとから自分で修正するときに「あれ、これどこを直せばいいんだ?」となることがあります。

先に決めておくと、AIにもお願いしやすい

そこで最近は、AIにコードを書いてもらう前に、ある程度自分で考えるようになりました。
HTMLはどういう構造にしようとか、どこを共通パーツにするか、WordPressならどこをテンプレート化するか、CSSはどういう単位で分けるか、ページ固有のものなのか、他のページでも使うものなのか・・・といった感じです。

言葉にすると結構大量ですね・・・

とまぁこのあたりを先に決めてからAIにお願いします。
すると、同じ「作って」という指示でも、出てくるコードがかなり変わります。

何をどう作るのかが明確にしたほうが、いいものを作れるのは人間もAIも一緒ですね。

AIに全部決めてもらわない

AIはコードを書くのがかなり速いです。
なので、コードそのものはどんどん任せてしまっていいと思っています。
ただ、サイト全体の構成まで全部決めてもらうとなると、少し話が変わってきます。

似たようなパーツがあったとしても、AIはそれぞれ別のHTMLとして作ることがあります。
もちろん、それでも表示はできます。

ただ、後から修正することを考えれば、共通化できるものは最初から共通化しておいたほうが便利です。
こういう判断は、実際にサイトを作ったり、修正したりしてきた経験がないと気付きにくいところだと思います。

以前記事にした通り、全部を共通化しすぎると、それはそれでやりにくくなることもあります。
よろしければ以下を参考に。

便利なWordPress関数「get_template_part」

コードを書く人から、コードを判断する人へ

AIを使うようになってから、コードを書く時間そのものは減りました。
その代わり、「この書き方でいいかな?」と考える時間は増えた気がします。

AIが出してきたコードを見て、まずガイドラインとの差がないかとか、もっとシンプルにできないか考えたり、既存のコードに合わせて書き直したり。
全部を自分で書く必要がなくなったからこそ、コードそのものを見る時間が増えたのかもしれません。
コードの質もSEOに間接的に影響してきますし。

コードを書くのが好きなので全部なくなるわけではないのもちょっと救いかななんて。

まとめ

AIにコーディングを任せるようになって、コードを書くこと自体はかなり楽になりました。
でも、全部を任せればいいわけではありません。

むしろAIを使うようになった今だからこそ、コードを書く前の設計を以前よりも考えています。
とりあえず作ってではなく、こういう構造で、こういった手法で作って!とお願いする。
このちょっとした違いだけでも、AIとの付き合い方はかなり変わると思います。

これからさらにAIが賢くなっていっても、こういう部分はしばらく自分で考えていたいなと思う今日このごろです。

それでは!

JOURNALが気に入ったら「いいね」してね!

Contact

ブランディング・WEB制作・運用まで、まずは一度お話を聞かせてください。 初回のご相談は無料で承っています。

お電話

0120-622835

10:00〜18:00 / 土日祝休

メールフォーム

お問い合わせはこちら