EclipseでJavaScript削減Ajax開発 − マスカットとはTERASOLUNAでAjaxもラクラク開発(後編)(2/4 ページ)

» 2010年06月07日 00時00分 公開
[小峰規行株式会社NTTデータ]

マスカットプロジェクトの新規作成

 初めに、マスカットプロジェクトを作成します。Eclipseのメニューから[ファイル]→[新規]→[その他]を選択してください(図4)。

図4 マスカットプロジェクトの新規作成 1 図4 マスカットプロジェクトの新規作成 1

 新規ウィザードにて、[マスカット]→[マスカットプロジェクト]を選択し、[次へ]ボタンをクリックします(図5)。

図5 マスカットプロジェクトの新規作成 2 図5 マスカットプロジェクトの新規作成 2

 図6のウィザードにて、プロジェクト名に「MaskatProject」と入力します。

 また、アプリケーションで利用するプラグインを選択します。本稿では利用しない[html][google][compat]プラグインのチェックを外し、[終了]ボタンをクリックします。

 各プラグイン、各部品の詳細については、「マスカット」ポータルサイトの「ドキュメント」をご確認ください。

図6 マスカットプロジェクトの新規作成 3 図6 マスカットプロジェクトの新規作成 3

 図7に示すダイアログが表示された場合は[常にこの設定を使用する]にチェックを入れ、[はい]ボタンをクリックします。

図7 [マスカット]パースペクティブの関連付け 図7 [マスカット]パースペクティブの関連付け

 選択したプラグインを含む「MaskatProject」が生成されます(図8)。

図8 生成されたマスカットプロジェクトの構成 図8 生成されたマスカットプロジェクトの構成

 AjaxアプリケーションはUTF-8で記述することが推奨されます。Eclipseデフォルトの文字エンコーディングは「MS932」のため、そのまま開発を進めると、文字化けが発生してしまう可能性があります。マスカットプロジェクト生成後、以下のようにプロジェクトのテキスト・ファイル・エンコードを変更しましょう(図9)。

  1. 「MaskatProject」を右クリックし、[プロパティ]を選択
  2. 表示されたプロパティダイアログにて[リソース]を選択
  3. テキスト・ファイル・エンコードにて[その他]にチェックを入れ、リストから「UTF-8」を選択し、[OK]ボタンをクリック
図9 テキスト・ファイル・エンコードの設定 図9 テキスト・ファイル・エンコードの設定

マスカットアプリケーションの新規作成

 続いて、Ajaxアプリケーションのひな型となるマスカットアプリケーションを作成します。

 MaskatProjectを右クリックし、[新規]→[マスカットアプリケーション]を選択してください(図10)。

図10 新規マスカットアプリケーションの作成 1 図10 新規マスカットアプリケーションの作成 1

 アプリケーション名に「MaskatApplication」、タイトルに「マスカットアプリケーション」と入力し、[終了]ボタンをクリックします(図11)。

図11 新規マスカットアプリケーションの作成 2 図11 新規マスカットアプリケーションの作成 2

 MaskatProject配下にMaskatApplicationが生成されます(図12)。

図12 生成されたマスカットアプリケーションの構成 図12 生成されたマスカットアプリケーションの構成

Copyright © ITmedia, Inc. All Rights Reserved.

スポンサーからのお知らせPR

注目のテーマ

AI for エンジニアリング
「サプライチェーン攻撃」対策
1P情シスのための脆弱性管理/対策の現実解
OSSのサプライチェーン管理、取るべきアクションとは
Microsoft & Windows最前線2024
システム開発ノウハウ 【発注ナビ】PR
あなたにおすすめの記事PR

RSSについて

アイティメディアIDについて

メールマガジン登録

@ITのメールマガジンは、 もちろん、すべて無料です。ぜひメールマガジンをご購読ください。