便利ブックマークレット その13: Yahoo!トピックスの内容を表示する

jQueryを使った web widgetの作り方 を参考にして、
Yahoo!のトップページにあるトピックスの内容を表示させる
ブックマークレットを作った。

javascript:function ld(u){var s=document.createElement('script');s.setAttribute('src',u);document.body.appendChild(s);}ld('http://www.geocities.jp/tanarky/blogger/tanarky/js/bookmarklet_yahoo_news.js?'+Date.now());void(0);

処理順番は以下の通り。

1. ブックマークレットを起動することにより、http://www.geocities.jp/tanarky/blogger/tanarky/js/bookmarklet_yahoo_news.jsが呼び出される。
2. 今見ているページにiframeで外部ページが呼び出される(http://www.geocities.jp/tanarky/blogger/tanarky/html/yahoo_news.html)
3. 外部ページの中で、YQL経由でYahoo!トピックスのRSSをJSONPに変換してデータを取得し、ページを表示する

これで、いちいちYahoo!トップページにいかなくても、
トピックスの内容が確認できます。

このブックマークレットを実行する
↑これを押せばブックマークレットを実行できます。
気に入ったら、右クリックで「このリンクをブックマーク」でブックマーク登録ができます。

デザインの調整は後でやります。（たぶん）

参考:
スクロールバーの座標を取得する