RSS利用のオボエガキ(中編)
2007-06-06 Wed[Web制作]
はいよ。やっと後編と思ったら、まだ書くことがありそうなので中編としておきます。もしここで終わったら…終わったら、まあ、終わったんだなということで。いつものことよねと思っていただけると非常に助かります。導入編で終わっている記事もあることだしな。…という、皆さまの愛情あるご理解の元に成り立っている毎日考です。
「RSSリーダー」「RSS取得」といった表記がありふれているから何の気なしにタイトルに付けましたけど、これはコンテンツを配信するフォーマットの一つに過ぎません。「RSS」自体も複数の規格があるし、Atomってな規格もありますよね。なので、文中では総称の「フィード」と表記させていただきます。詳しくはWikipediaのRSSの項を参照のこと。(*ryumuさん、気づかせてくれて感謝)
さて。
好みのサイトのフィードを自分のサイトなりブログなりに表示するには、自分でツールをインストールして使う方法と、提供されているjs吐き出しサービスを利用するという、大まかに言って二つの方法があるようです。
うまくまとめられているページがあったので追記。(07.06.07)
.Mac Tipsさんが配布されている、「CRssFeed.js(JavaScript のみで RSS を HTML に表示するスクリプト)」の説明の中の1ページ。チャートなどを使用した系統立てての説明がわかりやすい。
調べてみたら、「お気に入りのサイトの最新情報を表示するようにできます」というサービスって多いんですね。自分の好みのニュースを表示させて、自分好みにカスタマイズしたニュースページもお手のもの。あんまり置きすぎると読み込みに時間がかかってしまうのですが、それを回避する方法もあるようです。あ、ちなみにこの記事にはテストとして置いてあるんですが、そういった対応はしていないのでちょっと表示に時間がかかります。ご容赦ください。
RSS FeedをJavascriptでウェブページに表示 (ベータ版)
moondakotaさんのRSS FeedをJavascriptでウェブページに表示というページから。jsを書き出してくれて、それを自分のページに貼り付けるだけ。けっこう有名なスクリプトらしいです。
moondakotaさんのトップページでは、これを利用して占いRSSを表示させています。なるほどねー。クリエイティブな方ならいろんな使い方がありそうです。で、とりあえずテストとして取得してみたのが以下。(表示されてなかったら申し訳ない、何度かリロードしてみてください。しかしこれ向こうさんのサーバに負荷かからないのかなあ)
Macからだと? なのかな、ちょっと安定しないんですが。サイト情報の表示(概要を表示する/しない)、表示記事数、記事の概要の表示と文字数、投稿日時の表示、ターゲット指定…と、必要十分な設定ができます。ただ、取れるフィードとそうでないフィードがありますね。はてなは何回やっても取れなかった。
ま、こういったサービスの一番のネックとしては、スクリプト自体は他人様のふところだということ。フィードが取れない、もしくは突然表示されなくなった、などは文句言えないというのが考えものではございます。
RSSリスティング
(最新ニュースのホームページ貼り付け ブログパーツ)
同じく、jsを書き出してくれるサービス。サンプルとしてあげられているサイトから好みのフィードを選択するか、その中に無ければ直接入力するか、という二種類があるようです。
下記は、拝読しているultravisitorさんのブログ。
上記はそのまま貼り付けましたが、ウィザードの後の方で出てくるCSSを張って修飾することもできます。無料だと一行目にPRが入っちゃいますね。こちらはとっても軽くていいです。表示の設定などは、上のスクリプトの方が親切かもしれません。こういうたぐいのものは、探せばいくらでも出てきます。きりがないのでこれにて。
ところがー。
ここまで書いて、この記事が二番、三番煎じであることを知るんだな(笑)。そりゃそうか、今さらな話ですものね。いや、別に私だって大発見!みたいな感じじゃないんだけどさ。
- RSS Feed(フィード)を表示する(小粋空間)…やっぱり自分のサーバーにアップして使いたい、そんな方のための「Feed2JS」の紹介。UTF-8前提ですが、他の文字コードにも対応できるみたいです。
- RSS Feed(フィード)を表示する(サービス利用編)(小粋空間)…ツールをインストールせずに使う、サービスとしての「Feed2JS」の紹介。つーか英語。
- 他のRSS Feedをウェブページに表示する(設置編)(商用BLOG専門店)
- RSSフィードをサイドバーに表示するには(hibilog)…参考になるんだけど、それより気になるのが、なんでファイル名がフツーに日本語2バイト文字なん? Wikipediaといい、これってもう普通なんですか? リンクタグは実体参照で書かんと飛べないんだよ。WindowsさんはOKなん?
(※追記…hibilogの管理者様より「使用しているWordPressのパーマリンクの設定の選び方で変えられるが、記事のタイトルは2バイト文字風にエンコードされている」との情報を頂きました。ありがとうございます)
記事の最初で例に挙げたmoondakotaさんのスクリプトは結構良かったんです。しかしコーダーのくせにプログラムっぽいものになるとだめだめなんですよね…。まあ、本気でフィードを表示させたいとなったら、インストールする方向で考えよう。今はjsファイルを使って、二つのブログにそれぞれのブログの新着を表示させるようにしているんですが、サイトトップにモブログも入れた三つのブログの新着を表示させたっていいですしね。勉強がてらやってみるかあ。(いつ?
で、これはRSSフィードを読んだり、表示させたりするという話。
そのうちRSSでコンテンツを提供する側、RSSフィードを発信したいという企業サイト(ブログ形態でないサイト)も手がけるだろうなので、そうなったらまた調べます。
他の業界もそうだと思いますが、いろいろな技術が出てくるわ、今までヨシとされていたものが非推奨になるわ、Web屋も気が抜けないのぅ。
そんではまた。
<< Yahoo!ブログにちょっとだけ物申す | main | モテた話 >>
同じカテゴリの新着記事
- こんな環境で仕事してますの話 (2010-04-23)
- CSSエディタのCSSEditを愛用してます。 (2009-04-21)
- 非対応の環境の方に謝ってみる。 (2009-03-31)
- FeedBurner、ある意味諦める/フィード購読者数の現状 (2009-03-29)
- 春だからおブログの衣替えをしましたの。 (2009-03-26)
- Internet Explorer6とWeb屋とツレヅレ (2009-03-25)
- Yahoo!サイトエクスプローラーのカスタム検索が意外によいかもしれない (2009-03-12)
- 見ているだけでセンスが良くなる気がする海外Webデザイン系サイト5つ (2009-03-11)
- 会社生活における自分流LifeHack (2009-02-23)
- 「一万円キッチリ買いまショー」再び、Web本とカメラ本 (2009-02-13)