まえがき
環境が複数あると、つい各環境のサイトをブックマークするんですが、
パッと見がよく似てるブックマークが並んでしまい、
たまーにリンクを間違えてイラッとしたりすることもあり…(´・ω・｀)
そういうのを少しでも防ぎたかったので、ブックマークレットで対応したって話です。
ソースはこんなの
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アプリを作ったりもしたんですが、、、
「正直、そこまでいらないな・・・(´・ω・｀)」と思ったのでこっちだけ記録です。