おどるダメ人間

Web系の技術のこととか、そうじゃないこととか、思いついたことをメモする。

参考リンクの保存に便利なMarkdown形式のリンクを表示するブックマークレット

何か調べ物したときに参考リンクを保存するのに、ブラウザのブックマークって使いにくいなあといつも思います。テーマ毎にディレクトリ分けてると手間がかかるしディレクトリが大量にできてしまって探しづらい。

結局、調べた内容に関するメモと一緒に参考にしたサイトのURLを貼り付けるのが一番いいかなと。

普段、調べたことや作業記録などをとにかくメモするのにKobitoを使ってます。

Kobito - プログラミングのメモやスニペットの記録に最適なMacアプリケーション

で、参考リンクを貼るときにMarkdown形式で、プレビュー画面が見やすくなります。

上のKobitoのリンクは、Markdownだとこう↓

[Kobito - プログラミングのメモやスニペットの記録に最適なMacアプリケーション](http://kobito.qiita.com/ja)

これをいちいち作るのが面倒臭かったので、ブックマークレットにして使ってます。

以下をブックマークに登録して、保存したいwebページ開いて実行すれば[ページタイトル](URL)の形式を表示します。

javascript:(function(){if(document.getElementById("mdlinkview")==null){var%20text="["+document.title+"]("+document.URL+")";var%20elem=document.createElement("textarea");elem.id="mdlinkview";elem.innerText=text;elem.textContent=text;var%20style="position:fixed%20!important;position:absolute;top:0;left:0;width:100%;height:20px;z-index:999999;font-size:20px;line-height:20px;";elem.setAttribute("style",style);var%20body=document.getElementsByTagName("body").item(0);body.appendChild(elem);var%20el=document.getElementById("mdlinkview");el.addEventListener('click',function(){el.focus();el.select();},false);el.addEventListener('blur',function(){el.remove();},false);el.click();}})()

かなーり適当なのでブラウザによって動かないこともあるかも。