Posted at

ブックマークレットで簡易リンク集をひらくよ


まえがき

環境が複数あると、つい各環境のサイトをブックマークするんですが、

パッと見がよく似てるブックマークが並んでしまい、

たまーにリンクを間違えてイラッとしたりすることもあり…(´・ω・`)

そういうのを少しでも防ぎたかったので、ブックマークレットで対応したって話です。


ソースはこんなの

javascript: (function() {

list = [
{
"name": "ローカル",
"url": "https://local.example.com/"
},
{
"name": "開発",
"url": "https://dev.example.com/"
},
{
"name": "ステージング",
"url": "https://staging.example.com/"
},
{
"name": "本番",
"url": "https://example.com/"
}
];
newwin = window.open("", "_blank");
newwin.document.open();
newwin.document.write("<html><head></head><body>");
for (i in list) {
row = list[i];
newwin.document.write("<h3><a href='" + row.url + "admin/'>" + row.name + "</a></h3>");
}
newwin.document.write("</body></html>");
})();

これをbookmarklet makerなどブックマークレットの生成ツールを使って圧縮、ブックマークに登録します。

このブックマークレットをクリックすると、新規ページ(タブ)で↑のリンク集が表示されます。

H3タグで囲ってるのでちょっと文字が大きく表示されるから、押し間違いが減ってイラッとしなくなりました(個人差あり)。


あとがき

しょーもない・・・けど自分には必要だったので記録でした。

たぶんまた作りそうだったし、そのときコピペ出来た方が楽なので。

・・・まぁ、実はこれに飽き足らず自分用にChromeアプリを作ったりもしたんですが、、、

「正直、そこまでいらないな・・・(´・ω・`)」と思ったのでこっちだけ記録です。