整理整頓が苦手で、作業しているうちにScrapboxのタブが増えてきて、あのページはどこだっけ…になることが多くて困っていた。 各ページには見やすいアイコンをつけていることが多いので、これをfaviconに設定して、ブラウザのタブ一覧で各ページのアイコンが見えると便利では?と思ったので、UserScriptを書いてみた。 皮膚科でもらった薬を一通り開いてみている様子。 あのチューブの薬のページはどこだっけ、というときに、faviconになってると探しやすいような気がするし、あまりに自由すぎて、Scrapboxを見ていることに気づけないような気もする。 とてもシンプルな作りで、page:changedというイベントを発火してもらっているので、iconのlinkタグに、ページタイトル画像のURLを指定しているだけ。 const setFavicon = () => { if (scrapbox
![Scrapboxで表示中のページタイトル画像をfaviconにするUserScript - hitode909の日記](https://cdn-ak-scissors.b.st-hatena.com/image/square/755a52f783fa888a4aab788c1d5e5af47f29f101/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fh%2Fhitode909%2F20230822%2F20230822154955.png)