デジモノ狂想曲!

デジタルデバイスの活用方法を模索しています。
最近、OpenSocialを勉強中です!
[相互リンク募集中です!!]
コメント、リンク大歓迎!!
.

2009年07月04日

[google]【メモ】Google Web Toolkit をインストールしてみた その2〜Eclipseの開発環境を用意する〜


ディバッグの環境が整って、作成したアプリが正常に実行できると言うことが分かりました。

次は、アプリを作るための開発環境を整えてみようと思います。

1.必要なソフトのダウンロードとインストール

必要なソフトは、下記の通りです。

eclipseを適当なフォルダにインストールします。
自分の場合は、 C:\gwt\ に展開しました。

20090704_installeclipse.PNG

2.Eclipseの設定

下記の要領で、Eclipseを設定します。

○プラグイン「Google Plugin for Eclipse」をインストールする。

  • Eclipseを起動する。
  • メニューの[Help -> Software Update] を選びます。
  • "Software Updates and Add-on"ウィンドウの"Available Software"タブを選択します。
  • "Add sites"ボタンを押します。"Add sites"ウィンドウが現れるので、入力欄にプラグインのURLを入力します。
    プラグインのURL: http://dl.google.com/eclipse/plugin/3.4
  • Googleより入手可能なプラグインが追加されます。追加された項目をチェックします。
  • "Install"ボタンを押します。
  • "Install"ウィンドウに表示される項目を全てチェックして、"Next"を押します。
  • 次のウィンドウでライセンスに同意して"Finish"を押します。
  • インストールが開始します。終了したら、Eclipseの再起動を求められるので、Eclipseを再起動します。
20090704eclipse001.PNG

20090704eclipse002.PNG

20090704eclipse003.PNG

20090704eclipse004.PNG

20090704eclipse005.PNG

3.アプリケーション・プロジェクトの作成

アプリケーション・プロジェクトを作成するには、下記のように操作します。

  • Eclipseを起動します。
  • メニューより[New] -> [Web Application Project]を選択します。
  • "New Web Application Project"ウィンドウで、プロジェクト名とパッケージ名を入力します。
    ここでは、Project Name: "helloworld"、Package: "com.example.helloworld"と入力しました。
  • "Finish"を押します。
  • "Workbench"をクリックして、コードを表示します。

以上で、プロジェクトが作成されます。

 

20090704eclipse011.PNG

20090704eclipse012.PNG

20090704eclipse013.PNG

4.アプリケーション・プロジェクトの実行

作成したアプリは、下記のようにして実行します。

  • Project Explorerから、プロジェクトのルートを選択します。
    この場合だと"hello world"
  • メニューより[Run]->[Run As]->[Web Application]を選択します。

上記手順で、アプリケーションが実行できます。

20090704eclipse021.PNG

20090704eclipse022.PNG

とりあえず、これで一通りの開発環境が整いました。

次から、いろいろアプリを作ってみたいと思います。






投稿: はせこう。 at 23:50 | Comment(0) | TrackBack(0) | 技術-ITpro
この記事へのコメント
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント:

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
この記事へのトラックバックURL
http://blog.sakura.ne.jp/tb/30305020

この記事へのトラックバック

ランキング投票!

RSS取得