指定したサイトのはてなスター総数を取得する
はてなスターAPIを使ってさくっと取得できます。JSONPに対応しているので、JavaScriptだけ書けばOK。
/** * はてなスター情報取得リクエストから呼ばれるコールバックハンドラ。 * @param {Object} data はてなスター情報 */ function showStar( data ) { document.getElementById( "title" ).innerHTML = data.title; document.getElementById( "stars" ).innerHTML = data.star_count; } /** * 指定URLのはてなスター情報を取得する。 * @param {String} url URL */ function requestStar( url ) { // YUI Get UtilityでJSONPをロード。 // ロード完了後、showStarハンドラが呼ばれる。 YAHOO.util.Get.script("http://s.hatena.ne.jp/blog.json/" + url + "?callback=showStar"); } // 'http://d.hatena.ne.jp/unageanu/'のはてなスター情報を取得。 requestStar('http://d.hatena.ne.jp/unageanu/');
なお、JSONPの読み込みには、YUI Get Utilityを使いました。以下のソースもヘッダでロードしています。
<script type="text/javascript" src="http://yui.yahooapis.com/2.4.1/build/yahoo/yahoo-min.js" ></script> <script type="text/javascript" src="http://yui.yahooapis.com/2.4.1/build/get/get-beta-min.js" ></script>