CodexでWordpressのプラグインを作ってみた（GoogleMapの埋め込みコードを取得するプラグイン）

背景

• スマホだけでWPの更新を簡単に行いたい
• Google Mapの埋め込みコードを取得するがPC版のみになる

作成

• ChatGPTに下記の要件で足りるか、より伝わりやすい形に変更してもらった

codexに下記のWPのプラグインを作って貰おうと思います。 追加で伝えた方が良い事や不明確な部分、一発でちゃんとした物を作る為のプロンプトにして

--- 
Wordpressでスマホから管理画面を触った時に使うプラグインを作りたい。 
・UIとしては、住所情報を入れると下記の物出力される 　
・Google Mapのiframeの埋め込みコードを出力する物を作る 　
・デフォルトは衛星写真のレイヤにする 　
・サイズはwidth="820" height="615" にする 
・住所では無い名称や複数の候補がある場合はリストアップし、GoogleMapへのリンクを張り、選択できるようにする。選択された物は上記の様に出力される 
・出力されたコードはクリックするとコピーされるようにする

↓

事前準備

• Codexで上記のプロンプトで作成、完了
• PRしてmasterにマージ
• ローカルにclone
• フォルダをzip化しておく

インストール

• WPのプラグインページ、「プラグインを追加」

APIキーの取得

• Google Cloudにログイン、下記のAPIを有効化
  • Maps Embed API
  • Places API
• 「鍵と認証情報」からAPIキーの発行

使い方

- サイドメニューに追加されている - Settings、Google API Keyを入力し「変更を保存」 - Map Embed Generatorから住所や地域名を入力してSearch

感想

思ったよりも簡単にWordpressのプラグインが完成出来た！AIのメインの使い所として、業務のメインとなる所があり、その中で手間だな・手数が多いという部分に対してのサブシステム的な物をちょこっと作るというのが自分の中でのAIエージェントの一番の使い所なのかもしれない。 APIの取得や使い方などの知見が無いとやれないのでそこをしっかりと抑えていれば、開発知見が少なくとも生産性をあげていける。