まえがき

環境が複数あると、つい各環境のサイトをブックマークするんですが、
パッと見がよく似てるブックマークが並んでしまい、
たまーにリンクを間違えてイラッとしたりすることもあり…(´・ω・｀)

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

ソースはこんなの

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アプリを作ったりもしたんですが、、、
「正直、そこまでいらないな・・・(´・ω・｀)」と思ったのでこっちだけ記録です。