はてなアンテナを自分のサイトにインポートしよう！

?はてなアンテナをサイトにインポートする

いわゆるブログというサイトが増え、それに伴ってMyblogListやBlogPeopleなど、RSSを基本とした更新通知システム（アンテナ）が充実しています。 これらのシステムはJavaScriptやphpでサイト内に結果を貼り付けることができてとても便利です。 なのですが、RSSをフィードしていないサイトの更新情報は手に入れられないという欠点があります。 そこでRSSをフィードしていないサイトの更新を追いかけることのできるはてなアンテナをサイトに貼り付ける方法を紹介します。

スクリプトは「コトウユウキの(ぅ)らぶろぐ。」さんが公開されているhatena2jsを使いました。 簡単に概要を説明すると、はてなアンテナが発行しているhina-di形式（LIRS形式）のデータを利用してそれを整形して出力しています。 ソースはphpなのでphpが動くサーバであることが条件になります。

配布されているhatena2js関連ソースはphp部分とJavaScript部分からなっていて、主な設定はphp部分で行います。 hatena2js.phpの最初にある$hina、$duration、$uplinkを設定します。

// はてなアンテナのURLを指定
$hina = file(”http://a.hatena.ne.jp/あなたのはてなID/source?mode=hina”);

// 新規更新の時間を設定（秒で指定：デフォルトは12時間）
$duration = 12 * 60 * 60;

// 新規更新のときにつける文字列を指定。（デフォルトは「 new!」）
// imgタグを使えば画像になります。
// このときの画像はURLで指定するのが良いかもしれません。
$uplink = ” new!”;

「//」で始まる行は僕がつけました。

このままだと文字化けしてしまったので、18行目あたりのエンコード部分を修正しました。

デフォルト：
$name = mb_convert_encoding($blog, “utf-8″, mb_internal_encoding());

修正後：
$name = mb_convert_encoding($blog, “utf-8″, “auto”);

これで文字化けが解消しました。 ついでにこのファイル自体の文字コードをサイトの文字コードと合わせておいた方が良いと思います。 このサイトはUTF-8なのでUTF-8で保存しました。

最後に出力部分をカスタマイズします。これは本質的ではないので、お好みで。

if($new < $duration) {
　　　　echo “‘<a href=\’$uri\’ title=\’Last updated: $update\’ target=\’_blank\’ >$name</a>’ + ‘$uplink’ + ‘<br />’ +”;
　　} else {
　　　　echo “‘<a href=\’$uri\’ title=\’Last updated: $update\’ target=\’_blank\’ >$name</a>’ + ‘<br />’ +”;
　　}

この部分では最近更新されたかどうか、最初に設定した$durationの時間以内かどうかで$uplinkをつけるかどうか決めています。 $uplinkの場所を先頭に持ってくれば先頭にマークされるようになるといった具合です。 このサイトでは、$uplinkは最後、先頭に固定のアイコンをつけています。（imgタグで指定）
ここでバックスラッシュ（/の逆になってる記号）はエディタだと「￥（半角）」で表示されます。

変更したhatena2js.phpをサーバ上にアップロードして、ソースのJavaScript部分をページの貼り付けたいところに貼ったら完了です。

<script type=”text/javascript” src=”hatena2js.phpをおいたパス”></script>

hatena2js.phpをおいたパスを指定するのを忘れないようにしましょう。 デフォルトではページと同じディレクトリにあるようになっています。

これで設置は完了です。 はてなアンテナに行かなくてもページで更新状況が確認できるのはとても便利ですよ。 もちろんblogツールを使っていないサイトでも設置できるので、是非ご利用ください。
ちなみに公開アンテナならどのアンテナでも情報を取得できてしまいますが、トラブルの元になる可能性がありますから了解を取ってからにしてくださいね！