[ブックマークレット] GitHubのMarkDownファイルをプリントして改善するBookmarklet

ブックマークレットは、ブックマークに登録して、JavaScriptを使用できるようにしてくれるやつだ。クリックすると、機能が実行される。ヨトン、ブックマークレット原理説明する文章ではないのでパスして。（考えてみると原理の説明文も一つあれば良いという気がする。）

GitHubは、markdownファイルをすっきりとしたフォーマットで出力されます。要塞GitHubのセミナー資料を蓄積しているが、GitHubのページでmarkdownファイルを直接出力しようとしたところ、外付けの要素がすべてのように出力されて出ようとするのだ。その内容だけを残し、残りはすべて飛ばしてしまうブックマークレットを作った。

javascript:(function(){$(".pagehead, .header, .file-history-tease, .breadcrumb, .file .meta, #footer").remove();$(".file").css("border","none");$(".entry-content p").css({margin:0,"text-indent":"1em"});$(".entry-content").css("color","#000")})()

さらにpはマージンをすべてなくしつけてしまい、インデントをしてくれる。上記のコードでブックマーク（お気に入り）を作成し、GitHubのmdファイルを見るところからブックマークレットを実行すると、内容が残る。ちょうど下のリンクをブックマークバーに直接ドラッグアンドおいてもされている。

GitHub Printable

コードの説明

javascript:(function () {
  $('.pagehead, .header, .file-history-tease, .breadcrumb, .file .meta, #footer').remove();
  $('.file').css('border', 'none');
  $('.entry-content p').css({'margin': 0, 'text-indent': '1em'});
  $('.entry-content').css('color', '#000');
}());

最初の行は、それだけの内容のほかの要素をすべて飛ばしてしまうスクリプトです。 $は当然jQueryだ。 GitHubはjQueryを使用していてよかった。

二行目は、 borderが出力されないように処理するやつで、3行目はpのマージンをなくし、インデントをしてくれるやつだ。

4行目は、文字を黒に変えてくれる。

今後GitHubに上がってきた使えるマークダウン文章を簡単に出力して見られる。

- コメント機能はありません。コメントの代わりに[email protected]にメールを送ってください。

コー​​ドの説明

コードの説明