ikuma-t.

検索

Next.jsで作成したブログにRSS機能を追加する

このブログにRSS機能を実装したので、メモを残しておきます。

RSSについて

RSSの概要

具体的な実装の前にRSSそのもの仕組みを確認していきます。

  • RSSとは、“Rich Site Summary”の略で、サイトの概要を記述する為のXML形式の文書のこと
  • 提供されたRSSのことをRSSフィードという

RSSの拡張子

RSSの歴史

  1. RSS 0.9：NexScape社が自社のポータルサイトで使用したのが始まり。元々はRDFを使用していたので、「RDF site summary」と呼ばれていた
  2. RSS 0.91：XMLで記述される。より多くの情報が配信できるようになったため、「rich site summary」と呼ばれるようになる
  3. RSS 1.0：NetScape社がRSS開発から撤退したことにより、「RSS-DEV Working Group」と「Dave WinnerとUserLand Software社」の二派に分かれる。1.0は前者により実装されたもので、RDFで実装されている
  4. RSS 2.0：RSS1.0の実装方針（拡張子、名前空間の複雑化）は一部層から不満があるものであったため、UserLand Software社はRSS 0.91からの派生（≠RSS 1.0の後継）としてRSS 0.92~0.94をXMLで実装した。2003年にDave Winnerが移籍したことにより、この流れを汲むRSS 2.0系はハーバード大学へ移管された。

Atom

  • Atomも配信形式の一つである　
  • RSSは上記のような論争があるため、しがらみのないところで始めたいという動悸もあってAtomが生まれた。
  • RFC 4287 - The Atom Syndication Format

参考

RSS機能の実装

このブログはSSGを利用しているため、getStaticPropsの中でfeedを作成するように追加します。 実際に行った変更は以下の部分です。

https://github.com/IkumaTadokoro/blog/pull/1/files

タスクとしてはこんな感じです。

  • RSSフィードを生成する処理を作成する（generateRssFeed）
    • feed - npmを導入する
    • FeedクラスをnewしてRSSフィードの基本設定をする
    • Feed#addItemで記事のRSSフィードを登録する
    • public/rss配下に各仕様ごとのRSSフィードを出力する
  • getStaticPropsの中でgenerateRssFeedを呼び出す

RSS自体の仕様がよく分からなくてとりあえずで作ってみたら、リーダーの中でコンテンツが表示されず、RSS 2.0 Specification 日本語訳 - futomi’s CGI Cafeを参考にして値を設定し直しました。

そのため、Feedlyに一度コンテンツがないRSSフィードが載っかってしまったのですが、どうもFeedlyは一度載っかったフィードはFeedly側でキャッシュされてしまうらしく、今もFeedly上の最初の数本の記事のコンテンツはなくなったままです…。 どこか別のところで試せばよかった…。

ikuma-t

ikuma-t

about

9割笑顔、1割 (´・ω・)