Google Mapで任意の幅・高さの物で埋め込みコードを取得出来る拡張機能を作成した

背景

• 以前、下記でWordpress用のプラグインとしてGoogle Mapの埋め込みコードを取得する物を作成した
• WPの管理画面からMap取得する導線分が余分で、スマホで使うぐらいでMacで作業する際にはほぼ使わなかった
• いっその事、拡張機能でサクッと取得出来る様にした

tameshitemita.hatenablog.jp

試してみた

• いつものCodex Cloudで作る
• 別のブログで使っている幅・高さが820x615の為、固定する
• プロンプト

拡張機能で住所や建物名などを入れて該当する物の埋め込みコードをクリップボードにコピーする物を作成したい。
複数ある場合は住所情報を出して、google mapへのリンクを出して、確認出来る様にして。また確認後、どちらでも埋め込みコードが取得ができるように。
またソースをクリックしたら、クリップボードに入る様にする。
820x615の埋め込みサイズにして

また使い勝手を良くするための2点修正をお願いします
1．拡張機能を開いたら検索テキストエリアにフォーカスが当たった状態にしてください
2．command+Shift+eで拡張機能が開ける様にショートカット設定してください

• 下記が出来た！

• UIもいい感じです！

振り返り

• WPで作るからプラグインが良いと思っていたが、実際の作業ではほぼMacなので普段使う方に寄せる方が良かった事に気がついた
• 拡張機能のショートカットはいろいろ被っているので、どれにするか今後検討が必要
• Codex Cloudはサクッとつくれるので良い