概要
Webサイトにちょっとした動的な機能を追加するにもPHPやJavascript等のプログラムの専門知識がある程度必要で、普段HTML・CSSを中心としたコーディングを担当しているWebデザイナーには敷居が高い…ということになりがちでした。（jQueryのカスタマイズをするにしても構文の凡ミスで動かない、など…）そこでプログラム記述の部分でチャットAIの力を借りることはできないか？と試してみました。
利用サービスと手順
利用サービス
Perplexity：https://www.perplexity.ai/
Microsoft Copilot：https://www.microsoft.com/ja-jp/microsoft-365/copilot/copilot-for-work
手順
①実装したい機能を文章にしてチャットAIに質問。場合によってはベースとなるソースコードも送信します。
②チャットAIが生成したプログラミングコードを制作中データに反映。追加の挙動や不具合等、細かく指示してソースコードに手を加えていきます。
③生成されたプログラミングコードを実装。同時にレイアウトについても調整していきます。
まとめ
プログラミング部分にAIを利用することで、専門知識がない作業者でも実装可能になる部分が増えると感じました。デザイン構築と同時に動的な機能も追加出来るようになり、作業時間の短縮にも繋がりそうです。