これ無いと無理!! ブログを書く為に使っている６つのブックマークレット

2012年12月5日2016年9月24日

おはよう御座います @Ebba_oBL です。

ブログを書く上で特にリンクを貼る作業というのは面倒なもんです。

実はブログを本格的に書き始めるまで、そもそも「ブックマークレット」の存在すら知らなかったのですが、いざ使って見るとコレ考えた人神じゃね！？というくらい便利なわけです。

今回はボクがブログを書くのに使っているブックマークレットを晒そうと思いますが、本題に入る前にブックマークレットってどうやって使うんだよ!?　と言う方は以下のエントリから読んでみて下さい。

ブロガー眼から鱗、ブックマークレットの導入方法と使い方 Chrome でやってみた | ハヤクユケ

それでは行ってみましょう!!

ブログ執筆に必須のブックマークレット6選

1.ページのタイトルをリンクにする

javascript:(function(){var ele=document.createElement('textarea');ele.style.width='100%';ele.value='<span class="removed_link" title="&#039;+location.href+&#039;">'+document.title+'</span>';document.body.insertBefore(ele,document.body.firstChild);ele.focus();ele.select();ele.ondblclick=function(){ele.parentNode.removeChild(ele);};ele.oncopy=function(){setTimeout(function(){ele.parentNode.removeChild(ele);},1);return true;}})()<br />

シンプルですが、意外と使いどころは多いです。

【例】
IE をモダンブラウザに変身させる魔法の js 2行のうち1行は地雷だった件 | ハヤクユケ

2.引用

javascript:(function()%7Bvar%20ele=document.createElement('textarea');ele.style.width='100%25';ele.value='%3Cblockquote%3E%3Cp%3E'+window.getSelection()+'%3C/p%3E%3Ccite%3E%E5%BC%95%E7%94%A8%E5%85%83%EF%BC%9A%3Ca%20href=%22'+location.href+'%22%20target=%22_blank%22%3E'+document.title+'%3C/a%3E%3C/cite%3E%3C/blockquote%3E';document.body.insertBefore(ele,document.body.firstChild);ele.focus();ele.select();ele.ondblclick=function()%7Bele.parentNode.removeChild(ele);%7D;ele.oncopy=function()%7BsetTimeout(function()%7Bele.parentNode.removeChild(ele);%7D,1);return%20true;%7D%7D)()<br />

引用する際に引用元もリンクで付与してくれるので便利

【例】

参考にさせていただいた A!attrip さんが後日記事を書かれており、このスクリプトを書くと確かに IE 5.5 〜 IE 8 がモダンブラウザのような挙動を見せるのですが、激烈に重くてクライアントが離脱してしまうレベルで有ることがわかりました(；´Д｀)

引用元：IE をモダンブラウザに変身させる魔法の js 2行のうち1行は地雷だった件 | ハヤクユケ

3.リンク先のサムネイル付きでリンクを貼る

ShareHtmlとFocusHtmlもリニューアルしました♪ | 普通のサラリーマンのiPhone日記

↑こんな感じでリンクを生成するブックマークレット。

上記に貼り付けたサイトが配布元なのですが、普通の「サラリーマンのiPhone日記さん」で公開されています。

ブックマークレットは上記サイトで自由に作成できますが、面倒な方で上記フォーマットと同じでいい、と言う方はボクの使っているものをどうぞ。

javascript:(function()%7Bvar%20d=document,e=d.createElement('script'),url='https://dl.dropbox.com/u/2271551/javascript/sharehtml.js';if(!url.match(/%5C?/))url+='?t='+(new%20Date()).getTime();url+='&out='+'preview'+'&cnt='+'100'+'&sts='+'%3Cbr%3E%3Cspan%20style=%22color:%20%23808080;font-size:%2080%25;%22%3E'+'&ste='+'%3C/span%3E'+'&cts='+'%3Cbr%3E%3Cstrong%3E'+'&cte='+'%3C/strong%3E'+'&fmt='+'%3Ca%20href=%22$%7Bposturl%7D%22%20target=%22_blank%22%3E%3Cimg%20class=%22alignleft%22%20align=%22left%22%20border=%220%22%20src=%22https://capture.heartrails.com/150x130/shadow?$%7Bposturl%7D%22%20alt=%22%22%20width=%22150%22%20height=%22130%22%20/%3E%3C/a%3E%3Ca%20style=%22color:%230070C5;%22%20href=%22$%7Bposturl%7D%22%20target=%22_blank%22%3E$%7Bposttitle%7D%3C/a%3E%3Ca%20href=%22https://b.hatena.ne.jp/entry/$%7Bposturl%7D%22%20target=%22_blank%22%3E%3Cimg%20border=%220%22%20src=%22https://b.hatena.ne.jp/entry/image/$%7Bposturl%7D%22%20alt=%22%22%20/%3E%3C/a%3E$%7Bpostselect%7D$%7Bmemo%7D%3Cbr%20style=%22clear:both;%22%20/%3E%3Cbr%3E';e.charset='utf-8';e.src=url;e.id='bmlt';d.body.appendChild(e);%7D)();<br />

4.Android アプリのリンクを貼る

マップ
Google Inc.
価格：undefined　　平均評価：4.4（2,329,874）

このように Google Play ストアのアプリへのリンクを生成してくれます。

【Xperia arc】AndroidMarketへのリンクを作るブックマークレットを改良！

こちらのサイトから頂戴しました。

ただ、なぜかボクの環境では Chrome で動作せず、このブックマークレットを使う時だけ Safari を起動しています。

Android アプリの紹介をする時はリンクが付いていると、読者の方は便利ですよね。

javascript:%22http%3A%2F%2Flet.st-hatelabo.com%2Fpantherlamd0219%2Flet%2FgYC-xMeL1bGsMQ.bookmarklet.js%20%28arg%29%22.replace%28%2F%28%5CS%2B%29%5Cs%2B%28%5CS%2A%29%2F%2Cfunction%28s%2Curl%2Carg%29%7Bs%3Ddocument.createElement%28%22script%22%29%3Bs.charset%3D%22utf-8%22%3Bs.src%3Durl%2B%22%3Fs%3D%22%2BencodeURIComponent%28arg%29%3Bdocument.body.appendChild%28s%29%7D%29%3Bvoid%280%29%3B<br />