Ext JSによるウェブインターフェースの開発
翻訳校正:石橋啓一郎
Ext JSはYahoo! User Interface(YUI)Libraryを拡張したJavaScriptライブラリで、YUI以外のフレームワークでも利用できる完成度の高いライブラリだ。この記事では、Ext JSの基本事項を紹介する。
私のところには仕事が山積みになっており、どの新規ウェブ開発製品を試してみるべきかを見分ける必要がある。ウェブ開発フレームワークについては特にそうだ。私はExt JSについて肯定的な情報を多く聞いていたため、このJavaScript開発フレームワークについて詳しく調べてみることに決めた。Ext JSは強力なユーザーインターフェースを備えたウェブアプリケーションを構築するための基盤を提供するものだ。
Ext JSの背景
Ext JSの原動力となっているのは、尊敬を集めているJavaScript開発者Jack Slocum氏だ。Ext JSプロジェクトは、Yahoo! User Interface(YUI)Libraryが提供する機能を拡張したいという欲求から生まれている。YUI Libraryで重要な点はクロスブラウザサポートであり、これはExt JSでも受け継がれている。これによって、どのブラウザを対象とするかについて心配することなくウェブアプリケーションを作ることができる。
Ext JSはすばらしい性能を誇る。このフレームワークは完全にオブジェクト指向であり、拡張性を備えている。表現力に優れており、ダウンロードしてインストールすればすぐにExt JSの機能を使うことができる。
機能
Ext JSにはメッセージボックス、コンボボックス、データグリッド、ツールバーなどのさまざまなコントロールが含まれている。それに加え、レイアウトマネージャーを使って各要素がどのようにページ上で表現されるかを指定することができる。他にもフォームやウィンドウを使うための機能が多く備わっている。
他のフレームワーク(jQuery、YUI、scriptaculousなど)を使っている場合、JavaScriptのinclude順序を変更してもよいが、標準的なExt JSの使い方ではincludeを行う順序は次のようになる。
ext-base.js ext-all.js(あるいは他のユーザーが選んだファイル)
上記のリストのようにext-all.jsファイルを参照してもよいし、そのアプリケーションで使用している要素に必要なファイルだけをincludeしてもよい。インストールディレクトリのルートにはINCLUDE_ORDER.txtというファイルがインストールされている。このファイルに、Ext JSと一緒に他のJavaScriptライブラリを使う場合のinclude順序が記述されている。
- 昨日のトップ記事
- 2日前
- 3日前
- 4日前
- 5日前
- ホワイトペーパー
- 話題のタグ
動画再生耐久レース―フル充電からどれだけ耐えた?
心当たりありませんか--あなたの上司がイヤがる5つの話し方
フォームデザイン虎の巻:複数の選択肢を提供する
フォトレポート:技術サポートの悪夢
無料の「Oracle Database XE」で高速バッチ処理:実装のポイント
Firefoxで情報をカンタン・ベンリに整理する
iPhone Safari、Acidテストでは高得点でも…… Firefoxは載らないの?:WebサイトのiPhone 3G対応問題を考える(ソフト編)
WebサイトのiPhone 3G対応問題を考える(ハード編)
フォトレポート:時代を振り返る--「MS-DOS 4」のインストール
SOAと仮想化の関係は?--常に進化を続けるBEAのミドルウェア戦略
ウェブ開発の生産性はどうしたら上がる?--MODIPHI Appsで半日で作るマッシュアップサイト(1)
JailBreakついに:PwnageTool公開
プロジェクトの進行でよくある4つのトラブル
ZDNet Japan Green IT
Techno Exchange
DELLが掲げる「新・仮想化アセスメントサービス」
ZDNet Japan ホスティング特集