読者です 読者をやめる 読者になる 読者になる

太陽がまぶしかったから

C'etait a cause du soleil.

他人のブログに勝手に感想一覧の表示機能を拡張するブックマークレット

プログラミング プログラミング-はてなブログカスタマイズ

f:id:bulldra:20141021162439p:plain

感想書き放題ブックマークレットの向こう側へ

 他人のブログに感想書き放題にする機能を追加するのが流行っています。実行すると自身のブログからこのエントリに言及するエントリの編集画面に飛ぶ機能です。

 感想を書き放題にする機能については既に言及一覧を表示させるブログパーツで利用している事もあるし、他人のブログを勝手に感想を書き放題にするなら、他人のブログに勝手に感想の一覧表示もさせてしまえば捗ると思って作りました。

ブックマークレットで勝手に感想一覧表示機能を拡張

 以下のブックマークレットによって他人のブログでも感想を読み放題にできる機能を勝手に動かせます。本体のソースコードは『bulldra.github.io/trackbackbm.js at master · bulldra/bulldra.github.io · GitHub』にあります。一応ちゃんと動いているっぽいけど、結構無茶してる。

javascript:function loadJS(url) { var s = document.createElement('SCRIPT'); s.setAttribute('language', 'JavaScript'); s.setAttribute('src', url); document.body.appendChild(s); };  var f = document.getElementsByClassName('entry-content')[0];  f.innerHTML += '<span id=\'trackback_entry\'></span>'; loadJS("https://www.google.com/jsapi"); loadJS('http://bulldra.github.io/commons.js');loadJS('http://bulldra.github.io/trackbackbm.js');

 『感想一覧を表示』をブックマークしてURLを上記スクリプトにすることでブックマークを作成。ブックマークツールバーにドラッグしても作れます。

 以下のサービスにも公開しました。

使用方法

https://vine.co/v/ObQBLJul2T7

 あとは任意のはてなブログのエントリを表示している時にブックマークレットボタンを押下したら感想一覧が末尾に追加表示されます。感想書き放題機能のリンクも自動的に表示。

感想書き放題ブックマークレット作りました. - 無知を晒す

 いろんなブログから感想を書かれたエントリで実行したら、いっぱい表示される。炎上エントリで感想の一覧を表示させると面白いかも。

f:id:bulldra:20141021165012p:plain

プログラミングとは何なのか - hitode909の日記

iPhoneでも感想読み放題

まとめ

 はてなブックマークの個別エントリ画面内にある「このエントリを含むはてなブログ」をスクレイピング表示させているので、ブックマークされてないブログの感想は表示できないのと、言及されてから反映されるまでに時間がかかります。ろくにテストしてないので一発芸としてお楽しみ下さい。

 そんなわけで、他のブログでどんな感想をされているのかについて、いちいちブックマークページを見なくても表示させる事ができるようになりました。こんな感じで他人のブログでも勝手に感想を書き放題、見放題にしていきましょう。

 というか、はてな側が『記事へのリアクションがわかる「言及の一覧」パネルを追加しました - はてなブログ開発ブログ』っていうから苦渋の決断で「言及」にしてたのに「感想」に戻してよいのかな。なお、設置サポートや表示スタイル/アルゴリズムのカスタマイズ等のご依頼がありましたらサポートライセンスの購入をお願いいたします。

jQuery最高の教科書

jQuery最高の教科書

関連記事