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なんですけど自サーバーを用意する必要はないってことです


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

Posted by widget236 at 11:24Comments(1)TrackBack(3)Edit
2004年09月18日

サイトリニューアルしました

環境によって表示に問題があったのでちょこちょこいじっていたんですが、気付いてみるとデザインまで変わっていました。ちょっとハマりすぎ...でも、やり始めると切りないです、ホント。  
Posted by widget236 at 22:21Comments(0)TrackBack(0)Edit