bricklife.weblog.*

Ajax で巡る Amazon の旅〜「Amazon Explorer」

FeedAmazon の登録ジャンルが多くなってきた対策として導入した「Ajax によるインクリメンタル検索機能」に続き、Ajax を使った便利機能を作ってみました。「Amazon Explorer」という安直な名前で誠に恐縮ですが、Amazon.co.jp の各ジャンルを Explorer 風に辿っていけるツールです。

以下のリンクをクリックしてみて下さい。Bookmarklet になっています。

Amazon Explorer

はい、そのまんまですね。こういうツールです。丸いボタンで開閉、文字リンクで Amazon.co.jp にジャンプします。RSS ボタンを押すと該当するジャンルの新着 RSS を生成してくれます。Ajax じゃないですが検索窓もつけてみました。Bookmarklet として起動したときに選択していた文字や ISBN で商品を自動的に検索してくれます。もちろん自分で入力しても大丈夫。

Amazon.co.jp にどんなジャンルがあるか巡るのはなかなか面白いので、しばらくあちこち開いて遊んでみて下さい♪

これで FeedAmazon もちょっとは使いやすくなったでしょうか。あとはデザインをなんとかしなきゃ…。行く行くはいつもお世話になっている naoya 氏の「amazlet.com」などとの連携を考えていますが、もうちょっと構想がまとまってから着手したいと思います。Amazon.co.jp と他サービスをシームレスにつなぐ「ハブ」的役割として機能するようにしたいですねー。

さて、昔から JavaScript を使ったこういったタイプのディレクトリ型ナビゲーションはよくありましたが、どれもが全てのディレクトリ構造をあらかじめロードしておく必要がありました。しかしこれでは Amazon.co.jp などの巨大なディレクトリ群にはとても対応しきれません。また、ディレクトリを辿るたびに対応する HTML をロードする仕組み(Yahoo や Amazon などのディレクトリ型サイトをご想像下さい)では、Explorer のように各ディレクトリの情報(内容や開閉状態)を保持・表示するのは困難ですし、あちこち見て回りたいときに不便です。

そこで Web サービスと Ajax の出番です。

Ajax の最大の利点は「サーバのレスポンスを使って HTML の一部を書き換えられる」点だと僕は思っているのですが、「Amazon Explorer」はその利点を利用したツールとなっています。ディレクトリの開閉指示があったときに「Web サービスのレスポンスを使ってそのディレクトリだけ書き換える」ことで、とても簡単に Explorer 風インターフェイスを実現しています。僕にはとてもじゃないですが Amazon.co.jp の全ジャンルを把握することはできませんが、指定された親ディレクトリに含まれる子ディレクトリの情報を参照できる Web サービスさえあれば、全構造を理解していなくてもこういうアプリケーションが作れるのです。全体問題を部分問題にするというかそんな感じ。Ajax ＆ ECS 最高。

JavaScript のアクセス制限もあって、実際には ECS4.0 で得た情報を CGI 経由で都合のよいように加工して利用しています。また、まだ試験中なのかテストディレクトリのようなものが出てきたりするので、やばそうなものはなるべく見えないようにしています。BrowseNodeLookup ってまだ使っちゃいけない Operation なのかな？ どきどき。

Safari や IE、FireFox、DonutP などで動作を確認していますが、もし動かないなどありましたらご連絡いただければ幸いです。

■ 追記

naoyaのブックマーク効果だと思いますが、はてなブックマークで注目エントリー上位にランクインされました！ びっくり。んで、さっき見たら奇遇にも弊社社長の記事と並んでいたので、記念にスクリーンショットとってみた(^^

Posted by ooba at 23:01 | Comments (5) | TrackBacks (4) |