* <a href="http://extjs.com/">Ext JS</a>
* <a href="http://cross-browser.com/">X Library</a>

自力で実現するのは困難すぎる。



CSSで縦横100%にして、ウィンドウの幅と高さに追随する３ペインを作ろうとすると、スクロールバーを幅に含むブラウザと含まないブラウザがあるので、それだけでげんなりする。それを縦横自在に分割するなんて気の遠くなる話。

<a href="http://extjs.com/">Ext JS</a>

<img alt="ext_s.png" src="/legacy/images/ext_s.png" width="450" height="320" />

もともとはYahoo! UI Libraryの拡張版として作られたライブラリで、現在のものはベースのフレームワークにprototype.jsやjQueryなども使用できるようになっている。

<a href="http://extjs.com/deploy/ext/docs/index.html">Ext Documentation Center</a>

上記のデモを見ると、その凄さがわかる。３ペイン分割は Examples and Demos の Layouts で見れる。商用利用にはパッケージを買わないといけないっぽい。

<a href="http://journal.mycom.co.jp/articles/2007/04/21/ext/index.html">Apolloのサンプルで使われた、美しきJavaScriptフレームワーク「Ext 1.0」</a>

<a href="http://cross-browser.com/">X Library</a>

Ext JS は素晴らしいんだけど、完璧すぎてちょっと扱い辛そう。その点、X Library は実現したい機能毎にライブラリ化されているので、「ちょっとこの機能だけ使いたい」時に便利。ペイン分割のデモはこちら。

<a href="http://cross-browser.com/x/examples/xsplitter.php">xSplitter</a>

Webアプリではこういうアプリケーション様のインターフェースって増えてくるんでしょうか。JavaScript もっと勉強せなな・・

<a href="http://www.mindmeister.com/">Mind Meister</a>

<img alt="mindmeister_s.png" src="/legacy/images/mindmeister_s.png" width="450" height="320" />

<a href="http://snipshot.com/">Snipshot</a>

<img alt="snipshot_s.png" src="/legacy/images/snipshot_s.png" width="450" height="320" />

ちなみにいずれ無くなるフレームは論外ですよ。

Webサイトでデスクトップアプリのような３ペイン

今月22日の両Ａ面シングル発売に合わせて、aikoがパーソナリティをつとめていたラジオ番組が一夜限りの復活。

aikoのオールナイトニッポンは1999年〜2003年の約３年半ほど、水曜日の深夜に放送されていました。僕がaikoにハマりだしたのは2005年ごろなのでリアルタイムで聴くのは初めてになります。ワクワク。

<a href="http://www.1242.com/week/200708/?22">ニッポン放送　スペシャルウィーク 2007 8/20-9/2</a>

「歌え！アイコ」とか「ジングル大作戦」とか即興のコーナーが聴けるといいなあ。

横顔 
<object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/qg8AWNET-_8"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/qg8AWNET-_8" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object>

星のない世界 
<object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/T5zn7C-yNkk"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/T5zn7C-yNkk" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object>

星のない世界のPVはまさにラジオのパーソナリティ風になっています。

aikoのオールナイトニッポンが復活！

<img alt="IMG_2402.jpg" src="/legacy/images/IMG_2402.jpg" width="450" height="337" /> 


大ウソ。お祝いが続いた週末。

<img alt="IMG_2372.jpg" src="/legacy/images/IMG_2372.jpg" width="450" height="337" /> 
まず結婚式。新郎が昆虫好きなのでこんな写真しか撮れなかった（笑

<img alt="IMG_2374.jpg" src="/legacy/images/IMG_2374.jpg" width="450" height="337" /> 
式のリハーサルにて。自然に囲まれた式場で、“らしい”結婚式でした。おめでとうございます。

<img alt="IMG_2380.jpg" src="/legacy/images/IMG_2380.jpg" width="450" height="337" /> 
翌日、父の喜寿のお祝いで実家に帰りました。

<img alt="IMG_2382.jpg" src="/legacy/images/IMG_2382.jpg" width="450" height="337" /> 
空港は中国、韓国からのツアー客でいっぱい。

兄夫婦が洞爺湖温泉の旅行をセッティングしてくれました。行った先でも中国、韓国からのツアーらしき団体をよく見かけました。地方の観光業の生き残り戦略でしょうか。

<img alt="IMG_2429.jpg" src="/legacy/images/IMG_2429.jpg" width="450" height="337" /> 
ここはどこ。

僕は父に nintendo DS Lite と大人の脳トレをプレゼントしました。目はあまりよく見えないと聞いたのですが、問題なく遊べそうで安心。残念ながら写真無し。僕も DS 欲しい。

<img alt="IMG_2446.jpg" src="/legacy/images/IMG_2446.jpg" width="450" height="337" /> 
天候が悪く、観光はいまいちでしたが、久しぶりに甥っ子と話もできて良かった。

Archive for 2007.08

Webサイトでデスクトップアプリのような３ペイン

aikoのオールナイトニッポンが復活！

中国に行ってきた