及川WEB室|ホームページ制作

HTML、CSS、JavaScript、スマートフォンサイト、Facebookなど、サイト制作に関する事をメモしています。
個人的な備忘録です。
及川WEB室 ホームページ制作HOME
及川WEB室 > JavaScript > RSSについて

RSSについて

ショップサーブで構築されたサイトのサイドバーに[RSS]のリンクボタンが有りました。 RSS これは何かという質問を受けました。
RSSについて、簡単に説明しておきます。

RSSとは

サイトの更新情報を、RSS 1.0やRSS 2.0やAtom のフォーマット・仕様に従ってxmlファイルに書き出したもの。
タイトルや、更新日時概要などが書き出される。
そのRSSファイルへのリンクがこのボタン。 RSSちなみに、ボタンは下記のように色々なものが有る。統一はされていない。
  

RSSを公開・配信しておけば、サイトの更新情報を知りたい人がRSSリーダー等でRSSを取得して更新情報を表示・確認できる。

RSSを表示する

実際にRSSを表示してみる。

RSSリーダー

RSSリーダーというサービスがあるので、それを使って簡単にRSSを取得・表示できる。
RSSリーダのサービスにユーザー登録して、RSSリーダーにRSSのURLを追加・登録する。
RSSリーダーによって、更新頻度や更新時間の間隔は異なる。

RSSリーダー サービス
My Yahoo!
livedoor Reader
はてなアンテナ
・・・など・・・

ちなみに私は My Yahoo! を使用しています。

自分のホームページにRSSを表示する

自分のホームページにRSSを表示することも出来る。
以下で、「Google AJAX Feed API」というJavascript のライブラリを使って、下記の3つのRSSを取得して表示してみた。
http://architecture.sakura.ne.jp/map/blog/atom.xml
http://www.oikawa-sekkei.com/rss20.xml
http://www3.nhk.or.jp/rss/news/cat0.xml
Now Loading ...
「Google AJAX Feed API」を使ってRSSを表示する方法は、
以下のサイトを参考にさせていただきました。ありがとうございます。
Google AJAX Feed APIでRSS複数表示 - bass-inu's blog
APIの読み込みなどAPIを利用したスクリプトの構成 - Google AJAX Feed API入門
MENU Ξ