« [P2P]位置情報を数値1つで表す手法「Z-ordering」 | トップページ | [音楽]ポップスオーケストラ shiffon with THE NEW BREED »

2007.03.15

[はてブ]blog記事のはてブのブックマーク数を簡単表示する方法!

□はじめに
最近Javascriptを勉強しているので、その中で考えた応用例を少しずつご紹介します。

記事の右側にある「はてなブックマーク」の欄を見てください。簡単にはてなブックマークに登録できるリンクと記事のブックマーク数が表示している画像があるのがわかります。

(注意!ブックマーク数が0だと画像を表示しません。またはてなシステムの内部キャッシュの関係上ブックマークしている実際の人数と表示される人数にずれがある場合があるとのことです。ですので、実際にはてブ数が表示されるのはBlogにブックマークされてしばらく経ってからのようです。)

実はどちらもJavascriptを使って表示させています。ですので大抵のBlogは今回ご紹介するJavascriptのソースをコピペすれば簡単に実現できます。もちろん、Blogの各種情報記入欄がJavascriptソースの入力に対応している事が必要です。今回はまず記事のブックマーク数を表示させる方法をご紹介します。

□はてブのブックマーク数を表示する方法

「はてな」にはてブのブックマーク数を表示する方法の記事があります。
ブックマーク数を画像で取得する API の公開について

本日はてなブックマークの各エントリーのブックマーク数を画像で取得するための API を公開しました。
http://b.hatena.ne.jp/entry/image/エントリーのURL
という URL を指定すると、そのエントリーのブックマーク数を画像で取得することが可能です。

ということは、エントリーのURLを取得する方法があれば、簡単にブックマーク数がわかることになります。
Javascriptではdocument.URLを使えば、現在表示しているBlogのURLがわかります。
以後がソースです。

興味がある方は是非blogに貼り付けて試してみましょう。

|

« [P2P]位置情報を数値1つで表す手法「Z-ordering」 | トップページ | [音楽]ポップスオーケストラ shiffon with THE NEW BREED »

ウェブログ・ココログ関連」カテゴリの記事

コメント

この記事へのコメントは終了しました。

トラックバック


この記事へのトラックバック一覧です: [はてブ]blog記事のはてブのブックマーク数を簡単表示する方法!:

« [P2P]位置情報を数値1つで表す手法「Z-ordering」 | トップページ | [音楽]ポップスオーケストラ shiffon with THE NEW BREED »