Bloggerトップページを新着記事リストにする(1)：BloggerフィードをJSONで取得する

通常、ブログのトップページは新着記事の本文が並んで表示されていますが、当ブログは「Tips」「書評
」の各ラベルの新着記事の概要がリスト表示されています。
これは実は、各ラベルのフィードをJSONオブジェクトでjavascriptに取り込み、加工することで実現しています。

この記事では、実際に当ブログがどのようにしてトップページの表示を実現したのか、説明します。

JSONでBloggerのフィードを取得する

Bloggerでは、ブログのフィード情報をJSONで取得することができます。（JSONとは何か、ということについてはこちらのページを参照してください）

たとえば、以下のようにブラウザのアドレス欄に入力してみると、

• http://i-jupiter.blogspot.jp/feeds/posts/default?alt=json-in-script

このように、当ブログのフィード情報がズラッと列挙されます。
（jsonの表示がわかりやすいよう、ChromeのJSONViewアドオンを使用しています）

参考：Simple example of retrieving JSON feeds from Blogger Data API - Google Developers


上の例ですとブログ内の全ポストが取得対象となりますが、例えば

• http://i-jupiter.blogspot.jp/feeds/posts/default/-/書評?alt=json-in-script

と記述すると、書評ラベルの記事のみを取得することができます。