長い。3行で。
- ブックマーカー図鑑のキャッチフレーズを表示させるユーザースクリプト
- くりかえして使えませんが、ブックマークレットとしても動作します。
- まあ、ねこだいすき。
導入
ブックマーカー図鑑、面白いですよね。
bookmarker-encyclopedia.netlify.app
作者の方がAPIを公開されてまして、それに対してブコメで「CORS許可しろやこらああああ！」と文句をつけたら秒で対応してくれました*1。中の人はたぶんいい人。
ここまでされちゃあ、なんか作らなくちゃなんめえな、と、とりあえずで作ったのがこちらになります*2。
使い方
ユーザースクリプトをインストールすると、ブクマのエントリーページにマウスカーソルをかざしてキャッチフレーズを表示させることができます。
↓こんな感じです。
一応、ブックマークレットとしても動作します。動作するはずです。
工夫したところ
なにげに、ここ最近実装のHTML・CSS仕様をいろいろ使っています。 popover とか position-area とか interpolate-size: allow-keywords; とか。
あと、関心インボーカーも使いました。Chromiumしか対応してないので、polyfill使ってます。
どうぞご利用ください。
更新履歴
2026/7/29 ver0.1 公開
2026/7/31 ver0.2 ローカルストレージのキャッシュに1週間の期限を設定
2026/8/10 ver0.3 ローカルストレージ容量オーバー対応のためIndexedDBに移行・「思想・政治傾向」を子ポップオーバーに表示
