前回スマートミラー的なものを作って、AIについて少しお話ししました。
今回は、AIを使ってこのブログのデザインを変更してみました。今皆様がご覧になっているデザインは、AIを使って作ったものです。
まずは、Google AI Studioでデザインの骨子を作ってもらいます。イメージなどをできるだけ伝えて、「カラーパレット・タイポグラフィ・レイアウト構造・UIコンポーネント」を詳細に出力し、Markdown形式で整理してくださいと伝えます。「WordPressの標準機能で実装しやすい、シンプルかつメンテナンス性の高い構造にしてください」と添えると、WordPressのテーマを作りやすくなります。
出力してもらった「デザイン仕様書」を元に、今度はGeminiでWordPressのテーマファイルを作っていきます。まずはGeminiに「デザイン仕様書」をよく読んで理解してくださいと伝えます。
Geminiに仕様書を理解させたらデザイン仕様書に従って一つ一つテーマファイルを作っていってもらいます。
- style.css
- functions.php
- header.php
- footer.php
- index.php
- single.php
- page.php
- search.php
- category.php
- 404.php
私はFTPでアップしながら、随時確認し、Geminiに修正依頼し、修正してもらったものをアップロードし直して構築していきました。
今回一度もテーマファイルを自分で修正しないということをルールに作成してみました。一日もかけずにこれが出来上がってしまったことに驚いています。
AIは表だって活躍が見える「画像・動画を生成すること」に目が行きがちですが、こういった人間ではミスを発見しづらいプログラミングなどの分野の適性はとても高いのではないでしょうか。
今回この作業をしながら、ああ今後HTML・PHP・CSSはほとんど自分で書くことがなくなるんだろうなぁと思った今日この頃です。