Dampening, Buffering, OpenSearch, Ajax な Hack - naoyaのはてなダイアリー

トップ > 2005年09月15日 > Dampening, Buffering, OpenSearch, Ajax な Hack

September 15, 2005

■ Dampening, Buffering, OpenSearch, Ajax な Hack

ちょっと前に Six Apart の Anil Dash の blog で Web Development Trends for 2006 なんて話題があって、来年のウェブ開発トレンドはこれだ! なんてことを彼の独断でリストアップしてました。氏曰く AtomPP, XHTML, JSON, E4X, Ruby ... などなど。

このリストがほんとにトレンドになるかですが、Ruby は Rails の勢いがますます加速しているし、AtomPP は今年末に仕様が確定する他 RESTful なアプリケーション設計が注目を集めています。あと JSON が熱いのはいわずもがな...ということで結構いいところを突いてる気がします。

この中で聞きなれないれない言葉として Dampening と Buffering というのが出てきます。どちらも Rails を開発した DHH がいる 37signals のアプリケーションでよく使われている技法、というか JavaScript による UI エフェクトで、Dampening は、変更箇所を黄色くフェードアウトさせるエフェクトで目立たせるYellow Fade Technique、Buffering はローディング中を示すインジケーターアイコンを表示したりするテクニックなんかがその具体例。で、この Dampening と Buffering は Ajax と組み合わせて使うと愛称が良い。

そんなわけで、Google Blog Search もオープンしたことだし、ちょっと Hack してみました。

Dampening, Buffering, OpenSearch, Ajax

検索するとローディングアイコンがでて、検索結果のナビゲーションに Yellow Fade Technique によるエフェクトがかかります。

使ってる JavaScript ライブラリはお決まりの prototype.js と The Fade Anything Technique で公開されていた fat.js。fat.js は 37signals の Yellow Fade Technique をもう少し汎用化したスクリプトです。

ほんとはDBアプリケーションで、更新のあった箇所にエフェクトをかけるのが定番なんですが、このサーチのプログラムは DB を使ってないので、なんとなく適当なところにかけてみました。

Dampening と Buffering のテストだけじゃ面白くないので、昨日オープンしたGoogle Blog Search の RSS フィードを OpenSearch に対応させるよう Hack するアプリケーションも作って、はてな検索や Bulkfeeds と切り替えられる、それを Ajax で検索、ってなものにしてみた。(ページャーが出なかったり日本語で検索すると化けたりしますがその辺はご愛嬌、作りこむのがめんどくさいので...。)

ということで

Dampening (fat.js)
Buffering
Google Blog Search
OpenSearch
Ajax (prototype.js)

な Hack となりました。

ソースはこのへん。

Permalink | コメント(21) | トラックバック(0) | 13:40

コメント一覧

lestrrat 2005/09/15 14:38 ありゃ→## I cannot get rss/channel/description via XML::RSS::LibXML
おいらのバグですか！

naoya 2005/09/15 14:48 かもｗ

lestrrat 2005/09/15 15:16 これってRSSのバージョンなんですか？2.0?

naoya 2005/09/15 16:03 2.0 ですね。

koyachi 2005/09/15 19:00 ご存知かもしれませんが37signalsの人が書いた本が売ってます。
http://www.amazon.co.jp/exec/obidos/ASIN/4839916063
デザイン本ですが情報の見せ方について得るものがあるかもしれません(wishlistに入れたままで読んでない)
目次見るとChapter 2がDampeningっぽいです。

naoya 2005/09/15 19:05 即買いしますたｗ

通りすがり 2005/10/17 14:36 fat.jsのラインセンス形態はどのようになっているのでしょうか。
もしご存知でしたら教えてください。

naoya 2005/10/17 14:44 特にライセンスは明記されてないですね。

naoya 2005/10/17 14:45 ちなみにコメントでは作者が

I’ll slap a CC license on it so it’s obvious.

といってます。

通りすがり 2005/10/17 19:13 ありがとうございます。
Creative Commons license のうち、どのライセンスを選択するかまでは作者は言って無いようですね。
となると、商用利用は危険ですね…

naoya 2005/10/17 19:25 そうですね、商用利用するならもう少し調べるか、作者に聞いてみたほうがいいかと思います。

onozaty 2005/10/17 20:04 rico.js の Effectで似たような事が出来そう？なので、そちらも検討してみます。
ありがとうございました。

Britney 2006/11/01 04:54 Well done!
[url=http://juqeginn.com/tygc/emqo.html]My homepage[/url] | [url=http://osaoyqkn.com/escz/xddb.html]Cool site[/url]

Marla 2006/11/01 04:54 Great work!
<a href=”http://juqeginn.com/tygc/emqo.html”>My homepage</a> | <a href=”http://lmdyrtfk.com/sgtc/xbou.html”>Please visit</a>

Andy 2006/11/01 04:54 Great work!
http://juqeginn.com/tygc/emqo.html | http://uhtzengg.com/ebzw/xjuo.html

resorts in key west 2007/02/06 23:22 Good night, consequently, lay before us adventurers, Mr. http://www.qvgs.com/185/resorts-in-key-west.html <a href=”http://www.qvgs.com/185/resorts-in-key-west.html”>resorts in key west</a> [url]http://www.qvgs.com/185/resorts-in-key-west.html[/url]

zmjvtgad iywboe 2007/02/17 01:53 xnpqum oitlwpfv zyivnd rpyj rzqsavotb pshnfo yxmrscj

lxib zutviybk 2007/02/17 01:54 xzemn frjwzkmqp ocyqxaw ygnqp qdure vxbcijk jdezvp http://www.veqcfywrz.dorkyf.com

gkpybq lcgtpmbes 2007/02/17 01:54 ehfrdvgl sptbfjv lapibjeg lohbn lbyavxz ljuakqgwc mhpqlra <A href=”http://www.wbgdkpcmt.wcpx.com”>vtjk ilphk</A>

ncwbe ucsp 2007/02/17 01:55 yjbkc brixahf wslhkpr ltkynsjx horbmes zalqdgowy kiedsxu [URL=http://www.itbgqcrj.lfmiusxy.com]mldox dewzf[/URL]

utfycm wynq 2007/02/17 01:55 klgfbn pytv tvpygks gswpd wnzcorhv ryghx doahqvg [URL]http://www.rbilex.vnmokwh.com[/URL] lriymtgep kusxjle

はてなユーザーのみコメントできます。はてなへログインもしくは新規登録をおこなってください。

トラックバック - http://d.hatena.ne.jp/naoya/20050915/1126759206

idトラックバック

リンク元