Tetsu Tanimoto's Weblog

jMaki をやってみました

あけましておめでとうございます。
本年もよろしくお願いいたします。

あれよあれよと言う間に年が明けてしまいましたが、ブログの更新はマイペースでやっていきたいと思います。（回りくどい文章ではいりましたが、特に「どなたかに」言い訳をしているわけではありません。）

前回、インストールまでの手順をご紹介しましたが、今回はその続き。とりあえず「５分でできるAjax の Web アプリ」という感じで jMaki をご紹介いたします。 手順は、次のようになります。

1. NetBeans 6.0 を起動
インストールがまだの場合やjMaki のプラグインが設定されていない場合は、こちらをご覧ください。

2. 新規プロジェクトの作成
メニューバーにて「ファイル」→「新規プロジェクト...」を選択します。

3. プロジェクトカテゴリの選択
「カテゴリ: Web」「プロジェクト: Web アプリケーション」を選択し「次へ」をクリックします。

4. プロジェクト名の入力
デフォルトのまま「次へ」をクリックします。

5. フレームワークの設定
「フレームワーク: jMaki Ajax Framework」「CSS Layout: Standard」を選択し「完了」をクリックします。

7. 「Accordion Menu」の追加
NetBeans 右側のパレットから「jMaki Widgets」の「Accordion Menu」を「Sidebar Content Here」と書いてある場所にドラッグ＆ドロップします。

8. 「Map」の追加
「jMaki Google」の「Map」を「Main Content Area」と書いてある場所にドラッグ＆ドロップします。

9. JSP の整形
index.jsp 内で右クリックし「整形」を選択します。

9. プロジェクトの実行
メニューアイコンの「主プロジェクトを実行」ボタン（右から３番目）をクリックします。

10. 実行結果の確認
ブラウザにて実行結果を確認します。（地図が表示できない場合は、ホスト名を「localhost」に設定してください。）

いかがでしょうか？個人的にはかなり簡単に新しいことができるので、気に入っています。（この程度の内容であれば、Ajax なのに JavaScript を書かなくても作ることができますし・・・）

次回以降では、最近セミナーでやっているもう少し複雑な Web アプリの作り方を記載します。（データの書き方、Java での動的なデータ作成方法、jMaki の構造なども記載します。）

では、本年もよろしくお願いいたします。 

Posted at 01:45午後 1 08, 2008 by tanimoto in Java  |  投稿されたコメント[6]