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


Ext JS
X Library
自力で実現するのは困難すぎる。

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

Ext JS

ext_s.png

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

Ext Documentation Center

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

Apolloのサンプルで使われた、美しきJavaScriptフレームワーク「Ext 1.0」

X Library

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

xSplitter

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

Mind Meister
mindmeister_s.png

Snipshot
snipshot_s.png

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

No Comments

コメントを残す

Your email is never shared.Required fields are marked *