EclipseでJavaScript削減Ajax開発 − マスカットとは：TERASOLUNAでAjaxもラクラク開発（後編）（2/4 ページ）
マスカットプロジェクトの新規作成
初めに、マスカットプロジェクトを作成します。Eclipseのメニューから［ファイル］→［新規］→［その他］を選択してください（図4）。
図4 マスカットプロジェクトの新規作成 1新規ウィザードにて、［マスカット］→［マスカットプロジェクト］を選択し、［次へ］ボタンをクリックします（図5）。
図5 マスカットプロジェクトの新規作成 2図6のウィザードにて、プロジェクト名に「MaskatProject」と入力します。
また、アプリケーションで利用するプラグインを選択します。本稿では利用しない［html］［google］［compat］プラグインのチェックを外し、［終了］ボタンをクリックします。
各プラグイン、各部品の詳細については、「マスカット」ポータルサイトの「ドキュメント」をご確認ください。
図6 マスカットプロジェクトの新規作成 3図7に示すダイアログが表示された場合は［常にこの設定を使用する］にチェックを入れ、［はい］ボタンをクリックします。
図7 ［マスカット］パースペクティブの関連付け選択したプラグインを含む「MaskatProject」が生成されます（図8）。
図8 生成されたマスカットプロジェクトの構成AjaxアプリケーションはUTF-8で記述することが推奨されます。Eclipseデフォルトの文字エンコーディングは「MS932」のため、そのまま開発を進めると、文字化けが発生してしまう可能性があります。マスカットプロジェクト生成後、以下のようにプロジェクトのテキスト・ファイル・エンコードを変更しましょう（図9）。
- 「MaskatProject」を右クリックし、［プロパティ］を選択
- 表示されたプロパティダイアログにて［リソース］を選択
- テキスト・ファイル・エンコードにて［その他］にチェックを入れ、リストから「UTF-8」を選択し、［OK］ボタンをクリック
図9 テキスト・ファイル・エンコードの設定マスカットアプリケーションの新規作成
続いて、Ajaxアプリケーションのひな型となるマスカットアプリケーションを作成します。
MaskatProjectを右クリックし、［新規］→［マスカットアプリケーション］を選択してください（図10）。
図10 新規マスカットアプリケーションの作成 1アプリケーション名に「MaskatApplication」、タイトルに「マスカットアプリケーション」と入力し、［終了］ボタンをクリックします（図11）。
図11 新規マスカットアプリケーションの作成 2MaskatProject配下にMaskatApplicationが生成されます（図12）。
図12 生成されたマスカットアプリケーションの構成Copyright © ITmedia, Inc. All Rights Reserved.
注目のテーマ
ITmediaはアイティメディア株式会社の登録商標です。