はてなブックマークエントリー情報取得APIを利用して、blosxomのエントリ個別ページにはてなブックマークでそのエントリに付けられたコメントを引っ張ってこようとかいうネタ。blosxomでの話ということになっているけど、実装自体はほぼPure JavaScriptなので、どんなページにも応用できるはず。

プラグインは特に必要は無い。プラグインにする必要も無いとも言える。必要なのはflavourへのコードの追加とJavaScriptファイル。

head.html

<script type="text/javascript" src="/scripts/prototype.js"></script>
<script type="text/javascript" src="/scripts/hatena/bookmark.js"></script>

prototype.jsが必要。インクルードするだけ。

stoy.html

<?$path_info like="\.html$">
<div class="story" id="comments">
<h3>Comments</h3>
<p>JavaScriptに対応または有効な環境の場合、ここに<a href="http://b.hatena.ne.jp/">はてなブックマーク</a>でのこのエントリに対するコメントが表示されます。</p>
</div>
</?>

interplate_fancyが必要。$path_infoを利用して、エントリ個別ページかどうかを判別し、そうだった場合にコメントを流し込むためのノードを作っておくという感じ。

コメント表示スクリプト

bookmark.jsのみ。ソースが全てを物語る。はてなブックマークエントリー情報取得APIに対して一回リクエストすれば良いだけなので、単純な実装にした。HTMLの出力もinnerHTMLでガンガンぶっこんでいく形(今のところは)。


細かいことはあとで書く。かもしれない。とか書いておく時は大抵書かない。