HeathStoneカード画像表示Chrome拡張機能
Cloudflareのいろんなサービスをお試ししてた結果できた
（Workers, KV, Vectorize あたり）
実用性は微妙かもだけど、興味があれば触ってみてね
この記事では拡張機能そのものを紹介して、技術部分は別記事にしたい
機能紹介
適当なページの文字列を選択するとボタンが出てきて
クリックするとカード画像が出る
類似検索に対応していて、表記揺れとかにも対応
かっこ付きとか、ちょっと選びすぎとかはだいたい大丈夫
日本語以外は未対応だけど場合によってはできるかも
拡張機能メニューから直接入力して検索できる
その他フィルタ設定、テキスト選択時のボタン表示の有効無効切替が可能
ダウンロード&設定
手順はChromeのものだけど、Chromeベースのブラウザなら使えるはず
（関係ないけど、 Vivaldi ブラウザはかっこよくて便利なのでおすすめ！）
※ Edgeの手順だけ、別途下部に記載
https://sigto.net/HSImageGetter.zip
ダウンロードして解凍する
Chromeの設定→拡張機能を管理
画面右上「デベロッパーモード」を有効化して、「パッケージ化されていない拡張機能を読み込む」をクリックし、解凍した "HSImageGetter" フォルダを選択
拡張機能が表示されたらOK！
拡張機能メニューボタンを常に表示する場合、Chrome右上のメニューからピン止めする
Edgeの場合
拡張機能メニューから開発者モード有効にして、zipを解凍せず拡張機能画面にドラッグ&ドロップでいけるはず
使い方
だいたい機能紹介にある通りだけど、デフォルトで検索フィルタは「構築」「バトグラ」になっているので、必要に応じて変更すること
例えば "ハファー" とかは、検索フィルタで「トークン」を有効にしないと出てこない
あと、全然関係ない文字列でも検索はできるので、ひまつぶしにいいかも
その他実装に関すること
運用はCloudflareの無料枠内に収めているので、しばらくは動かし続ける予定だけど、何らかの理由で止まる可能性はあるのでご了承ください
月100,000回くらいのリクエストが来ると上限で止まるかもしれない
画像等データは公式APIを利用、今のところ手動更新だけど、たぶん自動化予定
なにかアイデアがあればコメントか、 Discord や X までお気軽に
ソースも希望があれば公開できるのでお問い合わせください
追加したい機能
気が向いたらやりたい
次の検索結果的なボタン・表示
次に類似度が高いカードとか、あるいは関連カードとか
データ的にはもう取れてるので、設計さえ固まれば作れる
多言語のカード名に対応したい
英語や中国語のカード名がわからないパターンが多そう
類似検索はDB側の制限がすこしきつい
完全一致ならすぐできるのでそのうちやる
拡張機能だとブラウザ内でしか使えないので、単体のアプリケーションにしたい
常駐させてショートカットキーでクリップボードのカード表示的な
まんまDeepLのそれ
アプリとしては、ここまでやってようやく便利かも？という感じ
ページの文字列にマウスオーバーするだけでカード画像を表示したい
内部にカード情報を持つ必要があるのと、全文検索する処理の重さが見当つかないのでまだやってないけど、便利そう
完全一致だけなら割とできるかなーという見込みでいる
カード名が部分一致するカードをもう少し優先させたい
"サルゲラス" で《破壊者サルゲラス》が出ないのが気になっている
特に漢字+カタカナのカード名をカタカナだけで検索、みたいなのが多い気がするので、それ用に別インデックスを用意すべきかも
テキスト検索に対応したい
別にあるDiscordBotではもうできてて、技術的にはできるんだけど、使っているDBの無料枠でいい感じに収められないか思案中
"ターン終わりに隣の雄たけびを発動させる" とかそんなふわっとした内容で検索できる、はず
ツイートポストボタンをつけたいちょっと便利かも
公式サイトのカードページ上にも出せばなお便利か？
デッキ画像や、カードを並べた画像などの生成機能
元の機能の枠外だが、こっちのほうが必要な場面は多そう