Apple Store(Japan)
記事検索




充電式 SoundDock


Apple Store 限定

Apple Store(Japan)

Dashboard Widgets

stidb_thumb
iTunesの歌詞を検索・表示

gdic_thumb
英和・和英・国語辞書を検索


Konfabulator Widgets

stik_thumb
iTunesの歌詞を検索・表示

slickies_thumb
画面端から飛び出す付箋紙

text PayPal
Apple Store
Amazon.co.jp アソシエイト
text


Apple Store(Japan)
2004年09月26日

RSSフィードをサイドバーに埋め込む方法

サイドバー(→)の「iTunes Top 10 Songs」コーナー、情報元はAppleのRSSフィード(※1)なんですけど、それをサイドバーに埋め込むにはRSSから必要な情報のみを取り出し、スタイルを付加する必要があります。普通はCGIなんでしょうけど、ここでは場所柄そんなことはできません。世の中便利になったもんでそれをタダでやってくれるサービス(※2)が存在します。国内含めいくつかあるんですけど、安定性とカスタマイズのしやすさから「Feed2JS」が一番おすすめです。(うちの「iTunes Top 10 Songs」がたまに表示されないのはAppleのRSSフィードの方に問題があるようです)

設定は簡単で、ここの「Build」というところで表示したいRSSのURLを入れて「Generate JavaScript」ボタンを押すとJavaScriptが生成されるので、後はこれを自分のhtmlの好きな部分に貼付けるだけ。また見た目は「Style」の「CSS Classes」を見ながらCSSでカスタマイズすることができます。

注意点はRSSに日本語を含む場合、自サイトとテキストエンコーディングが異なると文字化けしてしまうこと。この場合RSSと同じエンコーディングでhtmlを書いてアップロードしたものをインラインフレームで読み込む必要があります。例えば、はてなアンテナ(UTF-8)をLivedoor Blog(EUC-JP)で表示させたい場合などがそうです。(→うちもインラインフレームを使っていますがこれはCSS絡みの違う問題からです)

※1 うちの場合はアフィリエイトかんでるので内容が若干異なるかもしれません
※2 これはまあCGIなんですけど自サーバーを用意する必要はないってことです


でもなんでこれタダなんだろ?って思いません?


この記事へのトラックバックURL
http://trackback.blogsys.jp/livedoor/widget236/7235099
この記事へのトラックバック
■02/11■ blogに弟嫁の日記リンク。 mixiなどのように、最新書き込みが表示されないかなぁ、 と調べてみる 「RSSフィードをサイドバーに埋め込む方法」を発見。 さっそく試してみる……が、 exciteブログではできないことが判明。 (JAVAscriptを動かす<script>...
blogにRSSフィードを埋めこみたい【自作汁生活】at 2006年02月11日 20:52
■02/11■ blogに弟嫁の日記リンク。 mixiなどのように、最新書き込みが表示されないかなぁ、 と調べてみる 「RSSフィードをサイドバーに埋め込む方法」を発見。 さっそく試してみる……が、 exciteブログではできないことが判明。 (JAVAscriptを動かす<script>...
blogにRSSフィードを埋めこみたい【自作汁生活】at 2006年02月22日 19:29
RSSフィードをサイドバーに埋め込む方法:こんふぁぶログ を参考にさせていただき
RSSフィードをサイドバーに表示【Generation Mosaic】at 2006年03月18日 21:34
この記事へのコメント
RSSフィードをどうやってコンテンツとしてサイト上で提供するかを検索していて、こちらにたどり着きました。

いやー、あるんですね便利なサイトが。
おかげさまで助かりました。

Feed2JSがタダな理由は・・・GPL とボランティア精神でしょうか?

いずれにしても感謝、感謝です!
Posted by AFNで英会話上級を狙う at 2006年04月20日 02:01