統一された美しいデザインのユーザーインターフェイス(UI)を作れるJavaScript/Ajaxフレームワーク「Ext JS」。前回は、Ext JSを使ったもっとも簡単なサンプルとして「アラートダイアログ」を表示してみましたが、今回はより実用的な「ウィンドウ」の表示に挑戦しましょう。Ext JSで開いたウィンドウの中に、GoogleマップAPIを利用した地図を表示します。 単純なウィンドウを表示する 最初に、もっともシンプルなウィンドウを表示してみましょう。Ext JSのウィンドウには非常に多くのオプション(設定)がありますが、オプションを指定しない状態でもとりあえず表示はできます。 ウィンドウを表示するには、new Ext.Window() によりインスタンス(ウィンドウオブジェクト)を作成した後、show()メソッドによって実際に画面上に表示する、という手順をとります。ウィンドウを表示
![Ext JSでGoogleマップを表示するチュートリアル (1/4)](https://cdn-ak-scissors.b.st-hatena.com/image/square/6147a377c39ecff7850a7d2caed2c41042668989/height=288;version=1;width=512/https%3A%2F%2Fascii.jp%2Fimg%2F2009%2F08%2F25%2F243939%2Fl%2F2e124b2a79322be3.jpg)