Google Feed API で ameblo の最新記事を取得

Google Feed API で ameblo の最新記事を取得するサンプル。
jQuery も使用。

$(function() {
    var FEED_URL = 'http://rssblog.ameba.jp/my-blog/rss20.xml';
 
    var feed = new google.feeds.Feed(FEED_URL);
    feed.setNumEntries(30);
    feed.load(function(result) {
        if(!result.error) {
            result.feed.entries.forEach(function(entry) {
                if(!/^PR:/.test(entry.title)) {
                    console.log(entry);
                }
            });
        }
    });
});

JavaScript で RSS 取得・解析

Google が提供している JavaScript ライブラリ「Google Feed API」を使うと、
JavaScript から RSS を簡単に扱えるようになります。
WebStorage などと組み合わせるとローカルの RSS リーダなども
簡単に作れそうです。

Google Feed API
https://developers.google.com/feed/


例えばこのブログの最新記事を読み込む場合は以下のようになります。

google.load("feeds", "1");
google.setOnLoadCallback(initialize);

function initialize() {
    var feed = new google.feeds.Feed('http://yokano-jp.blogspot.com/feeds/posts/default');
    feed.setNumEntries(20);
    feed.load(function(result) {
        if(!result.error) {
            console.log(result);
        }
    });
}

RSS1.0, RSS2.0, Atom どれでも読み込めるようです。

Reeder 2 for Mac と Feedly の連携

RSS リーダは自作の Web アプリを使っていたのですが、
使い勝手が良いというレビューが多い Reeder の Mac 版を購入してみました。

Reeder
http://reederapp.com

Mac 版と iOS 版が別売りだったのですが、
ネットで調べたところ Reeder だけで Mac と iOS の同期ができないようなので、
Feedly のアカウントを経由して同期をとるようにしました。

Feedly
http://feedly.com

Feedly のアカウントを取得後、
Reeder のメニューから Accounts -> Add Accounts... をクリックします。

Reeder にはクライアントのみで RSS を管理することもできます。

スマホと同期してどちらでも読めるようにするものは Feedly で、

サーバ上に置きたくないものは Reeder のクライアント上で管理するのが良いと思います。