試してみたブログ

AI関連・iPhone/Pixelなどのガジェット・音声入力・サーマルプリンタなど興味をある事をどんどん試してみた際の記録

Codexでよく使う顧客ID検索と該当URLへのリンクをする拡張機能を作ってみた

背景

  • 顧客や自社のサービスなどで名称に対応するIDやリンクなどの管理に困っていた
  • 具体例でいうと下記の様なマッピング 顧客名:AAA社、ID:ABCDEFGHIJKLM 顧客名:AAA社、URL:https://xxx.xxx/?id=abc-def-ghi
  • 顧客名は30〜50ぐらいで毎回社内のまとまっているポータルにアクセスして探すか、IDやURLを顧客名称に近い形で辞書登録するかをしていた
  • 全てを辞書登録するのはしんどい+意図しない時に変換されるので困っていた
  • raycastなどでごにょごにょすればなんとかなりそうだったが、作っていく際の切り口が思い付かなかった
  • これもCodexでサクッと拡張機能で出来そうと思ったので作ってみた

試したこと

  • プロンプト
chromeの拡張機能を作りたい。仕様は下記です。

拡張機能のメニュークリックしたら検索ボックスが出て、テキスト入力するとjson内を検索して、keyをサジェスト表示する。確定したらvalueをクリップボードにコピーする、もしくはURLの場合はリンクを開く。

jsonのkeyは同一の物が複数ある事もあります。

json入ってくるイメージサンプル
key:"AAA社", value:"XXXXXXXXXXXX",
key:"BBB社", value:"YYYYYYYYYYYY",
key:"CCC社", value:"ZZZZZZZZZZZZ",
key:"AAA社",value:"https://xxx.xxx/aaa.html",
key:"BBB社",value:"https://xxx.xxx/bbb.html"
  • 5分ほどで出来上がり、拡張機能を発動させるとイメージ通りの物が!
  • 細かくは文字色だったり、文字の大きさなどは調整が必要そう

今後試したい事

  • ショートカットキーで拡張機能をアクティブに出来るようにする
  • 拡張機能にアイコンを付けて分かりやすくする
  • カーソルキーでの選択移動対応+Enterで実行出来るように