喫茶LAPON-β

Google AJAX Feed API

ブログのRSS、AtomなどのFeedを取得するAPIです。
クロスドメインの制約を気にすることなく他サイトのFeedを利用できます。
無料のレンタルブログから静的なページに新着記事の表示、といったことも可能になります。

MTだとMTFeedタグ（Feeds.App Lite：MT4.1～標準のプラグイン）というのがあり、チャレンジしてみましたが、 読み込んだFeedを表示させるページが静的だと、再構築しなければ最新の記事を表示してくれなかったり、 有償版のプラグインでなければ投稿日時など細かい部分の読み込みができないなどがあるようです。
が、これだと、スクリプト部分にRSSのURLをコピペして表示件数を指定するだけで読み込みができて、修正も楽チンです。
（jsいじるよりかお金払ったほうが楽チン、な方もいるかもですが･･･）

参考サイト：Movable Type 備忘録 - Google AJAX Feed API

1. http://code.google.com/apis/ajaxfeeds/signup.html　でAPIKeyを取得。
   • 「I have read and agree with the terms and conditions」にチェック
   • 「My web site URL」に各自のサイトのURLを入力
   • 「Generate API Key」をクリック
2. Googleアカウントでのログインを促されるのでログイン。
3. 結果、以下の情報がもらえます。
   • Your key is:
     取得したAPI Key。
   • This key is good for all URLs in this directory:
     先ほど入力した、各自のサイトのURLが表示される
   • Here is an example web page to get you started:
     Feedを表示するためのサンプルHTML

はじめはGoogleのサンプルを使って試しましたが、複数のブログからRSSを読み込んでサイドバーに読み込ませたい･･･など欲求が増え、上記の参考サイトにたどり着き、そのソースでサンプルづくりをしてみると
<dl></dl><dt>ブログタイトル</dt><dd>記事タイトル+投稿日時</dd>　といった感じに <dl>開始直後に勝手に閉じタグを追加されてしまっています。
参考サイトのサンプルもよく見ると<dl>直後に終了タグが。
これでは指定したCSSが無視されてデザインが崩れてしまいます。。

そこで　及川CTOに少し見ていただきまして、修正を加えていただいたのが
こちらのサンプル（Basic認証あり）です。
ネ申です。
どうもありがとうございます。
※注釈付け加えてみましたが（自信ないところは飛ばしたり--;）問題あれば指摘してください。

あと気になるのは　読み込みに多少時間がかかってしまうくらいでしょうか。
これはどうしようもないのかな。。個人的には許容範囲かなと思います。