sinatra + html + extjs で郵便番号検索

http://moriwaki.net/cms/?p=254
として、extjs で郵便番号検索 画面を作成している例をみつけた。
(郵便番号の頭の一部や、住所の一部を入力すると、候補が表示されて その中から確定することができる。候補が多い場合は paging して表示される)

それを sinatra + haml に書き換えてみた。

http://sourceforge.jp/projects/ruby-xbrl/svn/view/trunk/Edinet/tools/sec/public/zip.js?view=markup&root=ruby-xbrl

http://sourceforge.jp/projects/ruby-xbrl/svn/view/trunk/Edinet/tools/sec/views/zip.haml?view=markup&root=ruby-xbrl

$ ruby web-app.rb
としてから、http://localhost:3456/ へアクセスすればよい。

こういった候補表示が簡単に出来るのを知ると、一般の仮名漢字変換や入力サジェスチョンの ユーザーインターフェースを簡単にweb アプリに取り入れられそうに感じるなぁ。

ピックアップ：Snow Leopard で Input Switcher が不要に, コマンドラインからピクセル定規を作成する, etc...

- http://d.hatena.ne.jp/wander1985/20090829/1251472297
> 姿勢を良くする簡単エクササイズ２つ - 烏は歌う

- http://sankei.jp.msn.com/economy/it/090828/its0908282230000-n1.htm
> ＭＳの牙城崩しどこまで　アップル新ＯＳ「スノーレパード」発売 (1/2ページ) - MSN産経ニュース

- http://d.hatena.ne.jp/Psychs/20090828/1251467136
> Snow Leopard で Input Switcher が不要に - Windchase

- http://www.macotakara.jp/blog/index.php?ID=4748
> Mac OS X Snow Leopard：標準ガンマ2.2から従来のガンマ1.8に戻す − MACお宝鑑定団 blog（羅針盤）

- http://d.hatena.ne.jp/shokai/20090828/1251476361
> Snow Leopardインストール - 橋本詳解

- http://www.lifehacker.jp/2009/08/firefoxvacuum_places_improved.html
> クリックひとつでFirefoxのデータベースを"バキューム"するアドオン「Vacuum Places Improved」 : ライフハッカー［日本版］, 仕事も生活も上手くこなすライフハック情報満載のブログ・メディア

- http://www.youtube.com/watch?v=PMiDGZsXMPM
> YouTube - 熊井友理奈のレモンをかじった口から血が・・・・！？

- http://neta.ywcafe.net/001019.html
> だからパスワードを平文で保存するなとあれほど

- http://www.ibm.com/developerworks/jp/linux/library/l-pixelruler/?ca=drs-jp
> Linux のヒント: コマンドラインからピクセル定規を作成する

- http://canaria.cocolog-nifty.com/fusigi/2009/08/post-693f.html
> 銀河劇場で南アフリカの「ドラムストラック」を見てきた・・・いや体験してきた！: fusigi

- http://itpro.nikkeibp.co.jp/article/COLUMN/20090807/335271/
> 第7回　社内民主主義との戦い方（その3）　部門の人員を半分にすれば、適正人員数が分かる：ITpro