gettingStartedSetup の履歴(No.1)

履歴一覧
ソースを表示
gettingStartedSetup は削除されています。
- 1 (2006-10-30 (月) 09:30:00)

Teeda

Teedaの入門を試すのに必要な環境設定に付いて書いています。

環境作り
- インストール
- Eclipse の設定
プロジェクトの作成
動作確認 (Hello World)

環境作り†

まず、Teeda の動かせる環境を作りましょう。

実は、Teeda を動かす環境は簡単に作れます。ひがさんのBlog -- Super Agile Web Development with Seasar2 に書かれている環境を準備すればＯＫです。 ^^) *

↑

インストール†

JDK1.4または1.5をインストール
- JDK1.5 http://java.sun.com/j2se/1.5.0/ja/download.html
Eclipse3.2をインストール(3.1でも良いようです)
- 本体 http://download.eclipse.org/eclipse/downloads/drops/R-3.2.1-200609210945/index.php
- 日本語化パッケ−ジhttp://download.eclipse.org/eclipse/downloads/drops/L-3.2_Language_Packs-200607121700/index.php
Tomcat 5.5系をインストールする、今なら Tomcat 5.5.20
- http://tomcat.apache.org/download-55.cgi
Tomcat Plugin 3.1をインストール (3.2beta-2 でも動きました)
- http://www.sysdeo.com/eclipse/tomcatplugin
DoltengとDiiguをインストール(Teedaだけ動かす場合うはDoltengだけでよいです)
- EclipseでUpdateサイト http://eclipse.seasar.org/updates/3.1beta/ からインストール
- EclipseのHelp→ソフトウェアの更新→検索およびインストルで「インストルーする新規フィーチャーを検索」を選択し「次へ」→「新規リモートサイト」で上記ＵＲＬを指定、名前は任意ですが Seasar3.1beta とでも。

↑

Eclipse の設定†

複数のJDKが入ってるいる場合は Eclipse の起動ショットカット(オプション)に -vm でインストールした JDK 1.5 を指定
```
→ 詳しくは http://eclipsewiki.net/eclipse/index.php?%B5%AF%C6%B0%A5%AA%A5%D7%A5%B7%A5%E7%A5%F3#mdbf59ac
```
複数のJDKが入ってるいる場合は JDKの設定。ウィンドウ→設定→Java→インストール済みJRE でインストールした JDK 1.5 を指定
Tomcat の設定。ウィンドウ→設定で Tomcat を設定
- Tomcat バージョン 5.x を選択
- Tomcat ホームに上でインストールした Tomcat のパスを設定
- 複数のJDKが入ってるいる場合は、「JVM設定」を開きJRE に JDK1.5 を選択
日本語コードの設定、必須ではありませんが UTF-8 にするのが無難です。
- ウィンドウ→設定→一般→ワークスペースでテキスト・ファイル・エンコーディングを「その他」を選択し、UTF-8を選ぶ。

↑

プロジェクトの作成†

これから使う Teeda プロジェクトを作成します。

これも、Dolteng プラグインの Chura Project ウィザードを使うと簡単にです。 ^^) *

↑

1. 新規プロジェクト†

ファイル→新規→プロジェクトで「新規プロジェクト」画面を表示います。下の画像のように Chura という項目があります。そこで Chura → Chura Project を選択し、「次へ」をクリック。

↑

2. Chura Project†

下のような「Create a Chura Project」画面が表示されますので

プロジェクト名 -- 出来たアプリのURLの一部になります。今回は teeda-ex1 とします。
Poot PackageName -- Javaのパッケージ名、今回は学習目的なので example1 とします。
JRE Container -- JDK1.5 を選択します
Project Type -- Teeda Only を選択します

↑

3. プロジェクト完成†

2. の入力を行い「終了」を押すと、少しして以下のようなプロジェクトが自動的に作成されます。面倒なパッケージ作成やライブラリーのコピー、ビルドパスの設定などは、まったく不要です。

↑

動作確認 (Hello World)†

作成した teeda-ex1 プロジェクトに html ファイルを作ってみます。

src/main/webapp/view パッケージに hello フォルダーを作成します
hello フォルダーに hello.html ファイルを作成

hello.html の編集ウィンドウに以下のような HTML を記述します

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Hello</title>
</head>
<body>
Hello&nbsp;World!!!
</body>
</html>

&ref(): File not found: "teeda1.png" at page "gettingStartedSetup";

Tomcat を起動してみましょう。Tomcat→Tomcat起動

コンソールに以下のような文字が表示されます。

2006/10/27 0:37:59 org.apache.catalina.core.AprLifecycleListener lifecycleEvent
情報: The Apache Tomcat Native library which allows optimal performance in production environments was not found on ....
2006/10/27 0:37:59 org.apache.coyote.http11.Http11BaseProtocol init
情報: Coyote HTTP/1.1を http-8080 で初期化します
 
  ・・・省略・・・

情報: Find registry server-registry.xml at classpath resource
2006/10/27 0:38:00 org.apache.catalina.startup.Catalina start
情報: Server startup in 1437 ms

teeda-ex1 プロジェクトを Tomcatに登録します。(teeda-ex1プロジェクトを選択し、右クリック→Tomcatプロジェクト→コンテキスト定義の更新)。コンソールに以下のような文字が表示されます。

2006/10/27 0:49:12 org.apache.catalina.loader.WebappClassLoader validateJarFile
情報: validateJarFile(D:\EclipseWork3\teeda-ex1\src\main\webapp\WEB-INF\lib\geronimo-jsp_2.0_spec-1.0.jar) - jar not loaded. See Servlet Spec 2.3, section 9.7.2. Offending class: javax/servlet/jsp/JspPage.class
DEBUG 2006-10-27 00:49:12,718 [ContainerBackgroundProcessor[StandardEngine[Catalina]]] S2Container initialize start

  ・・・省略・・・

DEBUG 2006-10-27 00:49:15,359 [ContainerBackgroundProcessor[StandardEngine[Catalina]]] target file path = /faces-config.xml
DEBUG 2006-10-27 00:49:15,468 [ContainerBackgroundProcessor[StandardEngine[Catalina]]] JSF initialize end

ブラウザーで http://localhost:8080/teeda-ex1/view/hello/hello.html にアクセスしてみましょう。画面に Hello World!!! が表示されます。