Home > blog > Web 関連 > 簡単 RSS 配信
簡単 RSS 配信
- 『 簡単オンラインRSSメーカーが凄すぎる件。 』 も併せてどうぞ。
更新情報を RSS で配信するサイトさまが増えれば良いなあという訳で、意外と簡単で驚きの RSS 配信方法の解説です。 「 やってみたかったんだけどやり方が判らなかった 」 「 興味がある 」 という方に参考にしていただけたら嬉しいです。
RSS とは何か
「 RSS とは何か 」 については Wikipedia の解説 や IT 用語辞典の解説 をご覧ください。 簡単にいうと、更新情報を自動的にお知らせしてくれるものです （ 自動的にといっても、提供者は手動で作成する必要がありますけれど ）。
配信された RSS を取得・購読するためには、RSS リーダーと呼ばれる専用のソフトが必要です。 代表的なものとしては、livedoor Reader や はてな RSS などがあります。
Sleipnir を愛用されている方には、プラグインの 『 Headline-Reader 』 がイチオシです。 説明されてもちんぷんかんぷんだと思うのですけれど、こればかりは実際使ってみるしかないかと。
RSS リーダーがあれば、「 更新されているかな？」 といちいち何度もサイトへ赴く必要がありません。 そのサイトさまが RSS を配信していれば、それを RSS リーダーに登録するだけで、ほぼリアルタイムに （ ソフトによってはタイムラグが生じる場合があります ） 更新情報を知ることが出来ます。 とっても便利ですね。
配信されている RSS の登録の仕方などはご利用のソフトの解説をご覧ください。
RSS 配信方法
次は、ウェブサイトをお持ちの方への RSS 配信方法のご説明です。
今回わたしが使用したのは、『 RSS Writer 』 というフリーソフトです。 ダウンロードファイルは圧縮してあるので解凍しましょう （ 解凍の仕方をご存知ない方は ググって ください ） 解凍されたフォルダの中に RSS Writer という名の蝶のアイコンがあるので、そちらをダブルクリック。
- ご自分のサイトの URL とサイト名を入力します。
- 左上の ［ 追加 ］ ボタンをクリック。 更新内容を一つずつ追加していきます。
-
- Item Title は更新内容が判り易く短いものにしましょう。
- Item Link URL は更新したページへの URL を入力します （ イラストを更新した場合は、そのイラストを掲載したページの URL を ）
- Discription は更新内容の要約を入力します。 タグは使用出来ません。
- Update Time は自動的に取得されるので入力の必要はありません。
- RSS Item の一覧はこのようになりました。 右端の ［ RSS 作成 ］ をクリックして保存します。 拡張子 （ .rdf ） は自動的に付加されるので、ファイル名のみ入力します。 更新情報の配信なので、record としました。 保存先はサイトの HTML を置いてあるフォルダと同じだと管理しやすいかと思います。
RSS を配信する HTML （ 例えばインデックスやメニューページなど ） をメモ帳や 『 TeraPad 』 などのテキストエディタで開きます。
<head> ～ </head> に囲まれた内に、次の一行を追加します。
<link rel="alternate" href="/record.rdf" type="application/rss+xml" title="更新情報RSS" />href="/record.rdf" は、この一行を追加した HTML と先ほど保存した RDF の置き場所が異なる場合は、適宜変更する必要があります。
そうしましたらば、RSS を配信していることを閲覧者に知っていただくべく、インデックスなど判り易いところに record.rdf へのリンクを張りましょう。 eclucifer の場合、更新日付の横の RSS アイコンからリンクしています。
ブラウザによっては、アドレスバーなどに自動的に RSS アイコン （ オレンジ色をした電波発信中！っぽいアイコン ） が表示されるので丸判りなのですけれど、ページにリンクもあるとより良いのではないかと思います。
最後に、いつもの更新と同じくサーバーにアップロードして完了です！ 実際どのようになったかは、お手持ちの RSS リーダーで確認してみてくださいね。
わたしも今日始めたばかりなので、間違いなどありましたらご指摘お願いします。 もっと難しいと思っていた RSS 配信が、こんなワンタッチで出来るというのを知っていただきたくて （ よしんば配信サイトさまが増えることを願って ） 解説してみました。 ご質問などありましたらお気軽にどうぞ！
おまけ
ただ RSS へのリンクを張っただけ では、実際左記のリンクをクリックしていただくとお判りのように、難解な文字列が表示されて初心者には意味不明のため、JavaScript を使って RSS リーダーに登録する URL だけを簡単コピペ出来る仕様にするともっと良いかもしれません。
件の JavaScript は、SYNCK GRAPHICA で配布されている 『 RSS URL のアレ 』 です。 ダウンロードしましょう。 zip 圧縮のため、まずは展開します。
不必要なファイルが多数ありますが、リンクアイコンとして使用出来る GIF アイコンが同梱されているので、これを使わない手はない。 という訳で、この中で使用するのは以下の3点です。 サイトの HTML と同じフォルダに置きましょう。
- getrssurl.js JavaScript 本体
- getrssurl.html 埋め込むソースが記述してあります （ 見るだけ ）
- rss_icon_03.gif リンクの際使用するアイコン
RSS を配信する HTML の <head> ～ </head> に囲まれた内に、次の一行を追加します。
<script type="text/javascript" src="./getrssurl.js"></script>次に、RSS へのリンクを張る任意の場所 （ <body> ～ </body> 内 ） に、次の一行を追加します。
<a href="./record.rdf" id="getRssUrl" onclick="getRSSurl(this.id);" onkeypress="getRSSurl(this.id);" title="更新情報RSS"><img src="./rss_icon_03.gif" width="45" height="14" alt="更新情報RSS" /></a>サーバーに忘れずすべてのファイルをアップロードして確認してみましょう。
- リンクをクリックして、このようなダイアログが出れば成功です！
- 最初から URL が選択されている状態なので、このままコピーして RSS リーダーへ URL を登録するだけで OK！
普通にアンカータグの href もあるので、JavaScript が OFF の環境でも問題ありません。 onkeypress も追加すると、キーボードのエンターキーでも動作するようになります。
ただ一つ問題なのは、RDF をクリックすると自動的に RSS リーダーに登録する設定をしている方の場合、一手間増えてしまうのですよね； わたしも Firefox はこの設定で使用しているので、この一手間がね、ちょっとアレかも。 一長一短～
このお得情報は ささら餅さん より教えていただきました。 ありがとうございます～！ 初心者にも優しい配慮なトコが良いですよね！
Data Information
- WebClap
10- Date
- 2006-12-19 19:18
- Category
- blog / Web 関連
- Tags
- blog / How to / HTML / JavaScript / push!! / RSS / software / tips / Web 関連 / Web制作
Comments / Trackbacks