Ext JSのUIをブックマークレットで読み込み

javascript ui

Ext JSで作ったアプリケーションのUIをブックマークレットで動的に読み込むサンプル。今見ているページに含まれているRSSを好みのUIで見ることが出来る。

以下のスクリプトをブックマークレットとしてブラウザに登録しておき、RSS情報を含む任意のサイトで起動する。

javascript:(function(){var s=document.createElement("script");s.type="text/javascript";s.src="http://stomita.sakura.ne.jp/lab/feedviewer/feed-viewer-bootstrap.js";document.body.appendChild(s);})()

livedoor newsのサイトから起動してみた例。RSSのリストはRSS Autodiscoveryの情報から抜き出している。


ちなみにfeed viewer自体の元ネタはこちら。自分がやったことはほぼbookmarklet化くらい。
http://extjs.com/deploy/ext/examples/layout/feed-viewer.html

UIの部分はJavaScriptで、データはXMLHttpRequestですべてブラウザ側から読み込んでいるので、例えばイントラとか認証が必要なページでも使える。

このfeed viewer自体のUIがRSSを読むのに最適かどうかは別にしておいて、もしイケてるUIをこういう感じで提供できるなら、Google Mapsと同様に価値あるよなあ、と思う。