古籏一浩のJavaScriptラボ ― 第4回
jQueryとも共存できる「Ext JS 3.0」入門
2009年07月27日 08時00分更新
Ext JSのダウンロード
この記事ではExt JSフレームワークのダウンロードから、アラートダイアログにメッセージを表示する方法までを解説します。
Ext JSは本家米国のサイトとExt Japanが運営する日本版サイトがあり、日本語版サイトでは日本語によるAPIリファレンスも整備されています。今回は日本語版サイトからExt JSの最新版である3.0.0をダウンロードします。なお、本記事で掲載するサンプルコードは、旧バージョンの2.2.1でも問題なく動作します。
http://extjs.co.jp/にアクセスし、ページ左側の「詳細を見る」ボタンをクリックします。
 |  |
|---|
「Ext JS 3.0.0 SDK」の文字の右側にあるダウンロードボタンをクリックするとダウンロードが始まります。ダウンロードしたZIPファイルを展開すると、以下のようなファイル／フォルダー構成になっています。
 |
|---|
展開後のファイルには、jQueryやPrototype.jsなどのライブラリーと併用するためのスクリプトファイルが含まれていますが、ひとまずここでは動作に最低限必要なファイルだけをコピーしましょう。jQueryと併用する方法については後述します。
 |
|---|
| ハイライトしているものが、動作に必要なファイル／フォルダーです |
この記事では、以下のようなスタイルシート／スクリプトファイル構成にしました。resourcesフォルダーにはExt JSが使う各種画像ファイルやスタイルシートが含まれています。cssフォルダーには、サンプルとして作成する「index.html」で使うスタイルシートファイル「main.css」を入れてあります。maplist.xmlは、後の回で使用するXMLデータファイルです。
 |
|---|
この連載の記事
- 第53回 Mac用ウィジェットをHTML/CSSで自作
- 第52回 Web技術で作るDashboardウィジェット開発入門
- 第51回 iOS 4.2×localStorageで作るGPSレコーダー
- 第50回 HTML5 SVGで作るシューティングゲーム
- 第49回 HTML5のInline SVGをJavaScriptで操作
- 第48回 HTML5で注目！インラインSVGの使い方
- 第47回 iOS 4.2の新機能で作るHTML5+JSアプリ
- 第46回 JavaScriptでEPUBビューアーを自作してみた
- 第45回 Audio Data APIでブラウザーをシーケンサーに！
- 第44回 Firefoxでソフトシンセも作れるAudio Data APIの使い方
- この連載の一覧へ
![Microsoft Windows7 Home Premium 64bit 日本語 DSP版 + メモリ [DVD-ROM]](http://ascii.jp/img/amazon_noimg70.gif "Microsoft Windows7 Home Premium 64bit 日本語 DSP版 + メモリ [DVD-ROM]")
