Change: 」をクックします。2回目以降はキャッシュ済みのものが使用されるので、ダウンロードは行われません。」をクリックします。2回目以降はキャッシュ済みのものが使用されるので、ダウンロードは行われません。ダウンロードが完了すると、J2EEパースペクティブへの変更ダイアログが出ますが、今回はJavaパースペクティブで実行するので、「いいえ」をクリックします。このようにhelloプロジェクトが作成されます。Tomcatやclickライブラリ(jar)はすでに登録され、Clickの動作に必要なclick.xmlも用意されています。またweb.xmlファイルにも最低限必要な設定が作成されています。このようにhelloプロジェクトが作成されます。TomcatやClickフレームワーク(click*jar)はすでに登録され、Clickの動作に必要なclick.xmlも用意されています。またweb.xmlファイルにも最低限必要な設定が作成されています。HTMLテンプレートとページクラスの作成Clickでは、HTMLで書かれたテンプレートとJavaクラス（ページクラス）を対で作成します。HTMLでビューを作成し、それに対応したページクラスでロジックを定義します。HTML内にはVelocityを使う事で動的に変化する内容を組みこむ事が可能です。ＨＴＭＬテンプレートとページクラスの組み合わせは、以下のどちらかの方法で設定します。click.xmlファイルに<page>タグで組み合わせを定義する自動マッピング(auto mapping)機能を使用する1.だとページ毎にclick.xmlに設定を追加しなければいけません。ClickIDEのおかげで非常に簡単に設定が追加できますが、ページが多くなってくると管理も大変になりますので2.の自動マッピングを使う方がお勧めです。自動マッピングは、ページクラスを置くパッケージ名を設定する事で、HTMLへのパス(HTMLのファイル名)から対応するページクラスが自動的に決定される仕組みの事です。たとえばページクラスを作成するパッケージをtest.pageとして、自動マッピングをONにした場合、以下のように対応するクラスが自動的に決定します。（例）URLクラス/hello.htmtest.page.Hello/list-data.htmtest.page.ListData/admin/control_page.htmtest.page.admin.ControlPage自動マッピングと、click.xmlでの手動定義は組み合わせて使えますので、基本は自動マッピング機能を使用し、自動マッピングのルールで対応できない場合のみclick.xmlファイルに定義を追加するようにすると良いでしょう。今回は、アプリケーション用のパッケージはhelloとし、hello.page以下にページクラスを作成するようにします。click.xmlで自動マッピングを有効にします。パッケージエクスプローラー上のclick.xmlをダブルクリックするとClickIDEのClick設定エディタによってclick.xmlが開かれます。全体タブで、文字コードがUTF-8になっている事を確認してください。また「ログの出力先」をconsoleに設定します。動作モードは開発中はdevelopmentかdebugで良いでしょう。モードの違いはここ（原文ではここ）のモードの欄に解説されています。次にページタブで自動マッピングを設定します。click-appと書かれているところで右クリックをし、pages要素を作成します。pages要素の詳細にパッケージという欄があるのでそこにhello.page   View changes from previous version. (Word count: 172)

Change: 何も題材が無いと始められないので、ここでは単純に現在時刻を画面に表示するだけの「hello」プロジェクトを作成する事にします。何も題材が無いと始められないので、ここでは単純に現在時刻を画面に表示するだけの「hello」プロジェクトを作成する事にします。(このhelloのソースコードの内容は、clickホームページのIntroductionの内容を、ほぼそのまま使っています）プロジェクトの作成まず、Eclipseを起動して、新規にプロジェクトを作成します。プロジェクトのタイプは「動的WEBプロジェクト」で作成します。メニューのファイル⇒新規⇒プロジェクトで、「動的WEBプロジェクト」を選択し、次へを押します。プロジェクト名はhelloにし、ターゲットランタイムには事前に登録したTomcat 5.5を指定し、次へをクリックします。プロジェクトのファセットとしてClickにチェックを入れ、次へを押します。最後はディレクトリの指定です。今回はデフォルトのままで終了を押します。初回のみ、インターネット経由でXMLスキーマファイルのダウンロードが行われますので、「同意します」をクックします。2回目以降はキャッシュ済みのものが使用されるので、ダウンロードは行われません。ダウンロードが完了すると、J2EEパースペクティブへの変更ダイアログが出ますが、今回はJavaパースペクティブで実行するので、「いいえ」をクリックします。このようにhelloプロジェクトが作成されます。Tomcatやclickライブラリ(jar)はすでに登録され、Clickの動作に必要なclick.xmlも用意されています。またweb.xmlファイルにも最低限必要な設定が作成されています。HTMLテンプレートとページクラスの作成Clickでは、HTMLで書かれたテンプレートとJavaクラス（ページクラス）を対で作成します。HTMLでビューを作成し、それに対応したページクラスでロジックを定義します。HTML内にはVelocityを使う事で動的に変化する内容を組みこむ事が可能です。ＨＴＭＬテンプレートとページクラスの組み合わせは、以下のどちらかの方法で設定します。click.xmlファイルに<page>タグで組み合わせを定義する自動マッピング(auto mapping)機能を使用する1.だとページ毎にclick.xmlに設定を追加しなければいけません。ClickIDEのおかげで非常に簡単に設定が追加できますが、ページが多くなってくると管理も大変になりますので2.の自動マッピングを使う方がお勧めです。自動マッピングは、ページクラスを置くパッケージ名を設定する事で、HTMLへのパス(HTMLのファイル名)から対応するページクラスが自動的に決定される仕組みの事です。たとえばページクラスをtest.pageとして自動マッピングをONにした場合、以下のように自動的にクラスが決定します。（例）URLクラス/hello.htmtest.page.Hello/list-data.htmtest.page.ListData/admin/control_page.htmtest.page   View changes from previous version. (Word count: 171)

Change: Eclipse+ClickIDEによる開発を開始するEclipse+ClickIDEによる開発ここではClickIDEを使った、基本的な開発の始め方について説明します。ここではClickIDEを使った、基本的な開発の方法について説明します。何も題材が無いと始められないので、ここでは単純に現在時刻を画面に表示するだけの「hello」プロジェクトを作成する事にします。プロジェクトの作成まず、Eclipseを起動して、新規にプロジェクトを作成します。プロジェクトのタイプは「動的WEBプロジェクト」で作成します。メニューのファイル⇒新規⇒プロジェクトで、「動的WEBプロジェクト」を選択し、次へを押します。プロジェクト名はhelloにし、ターゲットランタイムには事前に登録したTomcat 5.5を指定し、次へをクリックします。プロジェクトのファセットとしてClickにチェックを入れ、次へを押します。最後はディレクトリの指定です。今回はデフォルトのままで終了を押します。初回のみ、インターネット経由でXMLスキーマファイルのダウンロードが行われますので、「同意します」をクックします。2回目以降はキャッシュ済みのものが使用されるので、ダウンロードは行われません。ダウンロードが完了すると、J2EEパースペクティブへの変更ダイアログが出ますが、今回はJavaパースペクティブで実行するので、「いいえ」をクリックします。このようにhelloプロジェクトが作成されます。Tomcatやclickライブラリ(jar)はすでに登録され、Clickの動作に必要なclick.xmlも用意されています。またweb.xmlファイルにも最低限必要な設定が作成されています。HTMLテンプレートとページクラスの作成Clickでは、HTMLで書かれたテンプレートとJavaクラス（ページクラス）を対で作成します。HTMLでビューを作成し、それに対応したページクラスでロジックを定義します。HTML内にはVelocityを使う事で動的に変化する内容を組みこむ事が可能です。ＨＴＭＬテンプレートとページクラスの組み合わせは、以下のどちらかの方法で設定します。click.xmlファイルに<page>タグで組み合わせを定義する自動マッピング(auto mapping)機能を使用する1.だとページ毎にclick.xmlに設定を追加しなければいけません。ClickIDEのおかげで非常に簡単に設定が追加できますが、ページが多くなってくると管理も大変になりますので2.の自動マッピングを使う方がお勧めです。自動マッピングは、ページクラスを置くパッケージ名を設定する事で、HTMLへのパス(HTMLのファイル名)から対応するページクラスが自動的に決定される仕組みの事です。たとえばページクラスをtest.pageとして自動マッピングをONにした場合、以下のように自動的にクラスが決定します。（例）URLクラス/hello.htmtest.page.Hello/list-data.htmtest.page.ListData/admin/control_page.htm   View changes from previous version. (Word count: 161)

Change: に設定します。CTRL-sでセーブした後にclick.xmlを閉じます。HTMLファイルと、Javaページクラスのペアを作成する時刻を表示するdisplay-time.htmと対応するページクラスを作成します。プロジェクトを右クリックして新規⇒Clickページを選択します。設定ダイアログでファイル名にdisplay-time.htmと入力します。するとClickIDEによって自動的に適切なJavaクラス名が設定されます。ソースフォルダなどは自動的に適切な値が設定されています。また一番下にある「click.xmlにマッピングを追加する」からチェックを外します。今回は自動マッピング機能が有効なのでclick.xmlにマッピングを追加する必要が無いためです。また、今回のweb.xmlの設定が*.htmをClickサーブレットにマッピングするようになっているのでHTMLファイルの拡張子を*.htmにします。終了を押すと、HTMLテンプレートファイルとそのペアになるJavaソースファイルが作成されます。まずJavaソースコードにロジックを実装します。とはいっても単純にjava.util.Dateオブジェクトをpublicフィールドに定義してnewするだけです。今回はtimeという変数を定義します。次に、HTMLファイルを編集します。display-time.htmファイルを開くとClickIDE内臓のclickテンプレートエディタでHTMLファイルが開かれています。HTMLのヘッダ部分には$importと書かれていますが、これは必要なCSSの参照等が入るのでそのままで問題ありません。<body>タグ内にコンテンツを書きますが、今回は時刻を表示するだけですので今の時刻は$timeです。と書くだけです。$timeの部分がVelocityテンプレートで、対になっているJavaページクラスのtimeというプロパティを参照しています（今回はpublicフィールドのtimeを参照）。HTML内参照されたオブジェクトは単純にtoStringメソッドが呼び出され、その結果で$timeの部分を置き換えます。HTMLを編集する際には、$と書いてからSHIFT+スペースを押すとClickIDEによって変数名が自動的に補完されます。これによってタイプミスによるエラーを防ぐ事ができ、開発効率が向上します。HTMLとJavaソースコードが書けたらセーブします。これでコーディングは完了です。Tomcatへプロジェクトを登録する作成したhelloアプリケーションをTomcat上で実行します。まずWTPのサーバービューを表示します。メニューのウィンドウ⇒ビューの表示でダイアログを表示し、その中のサーバー⇒サーバーを選択します。下部に空のサーバービューが表示されますので、右クリック⇒新規⇒サーバーを選択します。新規サーバーダイアログの下部にあるサーバー・ランタイムのところが登録済みのApache Tomcat 5.5になっている事を確認して「次へ」を押します。次にプロジェクトをTomcatに登録します。helloプロジェクトを選択して、「追加」を押し、「終了」を押します。正しく登録されると以下のようになります。Tomcatの設定を確認するサーバービューのTomcat v5.5 サーバーをダブルクリックするとWTP上のTomcat 5.5の設定が表示されます。基本的にデフォルトのままで何も変更する必要は無いのですが、内容を確認しておきます。まず概説タブでは「自動公開」の部分を確認します。以下のようにデフォルトを上書きして1秒で公開されるようになっているはずです。次にモジュールタブに切り替えると、登録したプロジェクト（モジュール）がどのコンテキストパスで公開されるかと自動再ロードが有効かどうかが確認できます。特に自動再ロードはTomcatを再起動せずにclassファイルを読み直せるようにする設定ですので、開発中は使用可能になっている方が便利です。内容が確認できたら閉じます。Tomcatを起動し、アプリケーションの動作を確認するTomcatはサーバービューから右クリック⇒始動でサーバが起動します。サーバビューに「始動済み」と表示されたら、以下のボタンでブラウザを起動して(もしくは別のブラウザでもOKです）、http://localhost:8080/hello/display-time.htmにアクセスします。現在の時刻が表示されたら正しく動作しています。ブラウザをリロードすると時刻が更新される事を確認してください。これで情報: このコンテキストの再ロードを開始しました[Click] [info ] initialized in development mode[TIPS]テンプレートを使って<body>タグが無い場合にHTMLの補完をするには[TIPS]ほかのライブラリを登録するにはWTP環境では、WEB-INF/lib以下にライブラリ(jar)ファイルをドラッグ＆ドロップすると、自動的にビルドパスに登録され、かつデプロイ時に含まれるようになります。   View changes from previous version. (Word count: 155)

Change: test.page.admin.ControlPage自動マッピングと、click.xmlでの手動定義は組み合わせて使えますので、基本は自動マッピング機能を使用し、自動マッピングのルールで対応できない場合のみclick.xmlファイルに定義を追加するようにすると良いでしょう。今回は、アプリケーション用のパッケージはhelloとし、hello.page以下にページクラスを作成するようにします。click.xmlで自動マッピングを有効にします。パッケージエクスプローラー上のclick.xmlをダブルクリックするとClickIDEのClick設定エディタによってclick.xmlが開かれます。全体タブで、文字コードがUTF-8になっている事を確認してください。また「ログの出力先」をconsoleに設定します。動作モードは開発中はdevelopmentかdebugで良いでしょう。モードの違いはここ（原文ではここ）のモードの欄に解説されています。次にページタブで自動マッピングを設定します。click-appと書かれているところで右クリックをし、pages要素を作成します。pages要素の詳細にパッケージという欄があるのでそこにhello.pageと入力し、自動マッピングをtrueに設定します。CTRL-sでセーブした後にclick.xmlを閉じます。HTMLファイルと、Javaページクラスのペアを作成する時刻を表示するdisplay-time.htmと対応するページクラスを作成します。プロジェクトを右クリックして新規⇒Clickページを選択します。設定ダイアログでファイル名にdisplay-time.htmと入力します。するとClickIDEによって自動的に適切なJavaクラス名が設定されます。ソースフォルダなどは自動的に適切な値が設定されています。また一番下にある「click.xmlにマッピングを追加する」からチェックを外します。今回は自動マッピング機能が有効なのでclick.xmlにマッピングを追加する必要が無いためです。また、今回のweb.xmlの設定が*.htmをClickサーブレットにマッピングするようになっているのでHTMLファイルの拡張子を*.htmにします。終了を押すと、HTMLテンプレートファイルとそのペアになるJavaソースファイルが作成されます。まずJavaソースコードにロジックを実装します。とはいっても単純にjava.util.Dateオブジェクトをpublicフィールドに定義してnewするだけです。今回はtimeという変数を定義します。次に、HTMLファイルを編集します。display-time.htmファイルを開くとClickIDE内臓のclickテンプレートエディタでHTMLファイルが開かれています。HTMLのヘッダ部分には$importと書かれていますが、これは必要なCSSの参照等が入るのでそのままで問題ありません。<body>タグ内にコンテンツを書きますが、今回は時刻を表示するだけですので今の時刻は$timeです。と書くだけです。$timeの部分がVelocityテンプレートで、対になっているJavaページクラスのtimeというプロパティを参照しています（今回はpublicフィールドのtimeを参照）。HTML内参照されたオブジェクトは単純にtoStringメソッドが呼び出され、その結果で$timeの部分を置き換えます。HTMLを編集する際には、$と書いてからSHIFT+スペースを押すとClickIDEによって変数名が自動的に補完されます。これによってタイプミスによるエラーを防ぐ事ができ、開発効率が向上します。HTMLとJavaソースコードが書けたらセーブします。これでコーディングは完了です。Tomcatへの登録とアプリケーションの起動作成したhelloアプリケーションをTomcat上で実行します。まずWTPのサーバービューを表示します。メニューのウィンドウ⇒ビューの表示でダイアログを表示し、その中のサーバー⇒サーバーを選択します。下部に空のサーバービューが表示されますので、右クリック⇒新規⇒サーバーを選択します。新規サーバーダイアログの下部にあるサーバー・ランタイムのところが登録済みのApache Tomcat 5.5になっている事を確認して「次へ」を押します。次にプロジェクトをTomcatに登録します。helloプロジェクトを選択して、「追加」を押し、「終了」を押します。正しく登録されると以下のようになります。リケーション設定（デフォルトのままでOK）[TIPS]テンプレートを使って<body>タグが無い場合にHTMLの補完をするには[TIPS]ほかのライブラリを登録するにはWTP環境では、WEB-INF/lib以下にライブラリ(jar)ファイルをドラッグ＆ドロップすると、自動的にビルドパスに登録され、かつデプロイ時に含まれるようになります。   View changes from previous version. (Word count: 135)

Change: HTMLページとページクラスの作成HTMLテンプレートとページクラスの作成Clickでは、HTMLとJavaクラス（ページクラス）を対で作成します。HTMLでビューを作成し、それに対応したページクラスでロジックを定義します。HTMLにはClickでは、HTMLで書かれたテンプレートとJavaクラス（ページクラス）を対で作成します。HTMLでビューを作成し、それに対応したページクラスでロジックを定義します。HTML内にはVelocityを使う事で動的に変化する内容を組みこむ事が可能です。ページとページクラスの組み合わせは、以下のどちらかの方法で設定します。ＨＴＭＬテンプレートとページクラスの組み合わせは、以下のどちらかの方法で設定します。click.xmlファイルに<page>タグで組み合わせを定義する自動マッピング(auto mapping)機能を使用する1.だとページ毎にclick.xmlに設定を追加しなければいけません。ClickIDEのおかげで非常に簡単に設定が追加できますが、ページが多くなってくると管理も大変になりますので2.の自動マッピングを使う方がお勧めです。自動マッピングは、ページクラスを置くパッケージ名を設定する事で、HTMLのパス(HTMLのファイル名)から対応するページクラスが自動的に決定される仕組みの事です。自動マッピングは、ページクラスを置くパッケージ名を設定する事で、HTMLへのパス(HTMLのファイル名)から対応するページクラスが自動的に決定される仕組みの事です。たとえばページクラスをtest.pageとして自動マッピングをONにした場合、以下のように自動的にクラスが決定します。（例）ページのURLURLクラス/hello.htmtest.page.Hello/list-data.htmtest.page.ListData/admin/control_page.htmtest.page.admin.ControlPage自動マッピングと、click.xmlでの手動定義は組み合わせて使えますので、基本は自動マッピング機能を使用し、自動マッピングのルールで対応できない場合のみclick.xmlファイルに定義を追加するようにすると良いでしょう。今回は、アプリケーション用のパッケージはhelloとし、hello.page以下にページクラスを作成するようにします。click.xmlで自動マッピングを有効にします。パッケージエクスプローラー上のclick.xmlをダブルクリックするとClickIDEのClick設定エディタによってclick.xmlが開かれます。全体タブで、文字コードがUTF-8になっている事を確認してください。また「ログの出力先」をconsoleに設定します。動作モードは開発中はdevelopmentかdebugで良いでしょう。モードの違いはここ（原文ではここ）のモードの欄に解説されています。次にページタブで自動マッピングを設定します。click-appと書かれているところで右クリックをし、pages要素を作成します。pages要素の詳細にパッケージ：パッケージという欄があるのでそこにhello.pageと入力し、自動マッピングを   View changes from previous version. (Word count: 128)

Change: test.pageとして自動マッピングをONにした場合、以下のように自動的にクラスが決定します。（例）ページのURLクラス/hello.htmtest.page.Hello/list-data.htmtest.page.ListData/admin/control_page.htmtest.page.admin.ControlPage自動マッピングと、click.xmlでの手動定義は組み合わせて使えますので、基本は自動マッピング機能を使用し、自動マッピングのルールで対応できない場合のみclick.xmlファイルに定義を追加するようにすると良いでしょう。今回は、アプリケーション用のパッケージはhelloとし、hello.page以下にページクラスを作成するようにします。click.xmlで自動マッピングを有効にします。パッケージエクスプローラー上のclick.xmlをダブルクリックするとClickIDEのClick設定エディタによってclick.xmlが開かれます。全体タブで、文字コードがUTF-8になっている事を確認してください。また「ログの出力先」をconsoleに設定します。動作モードは開発中はdevelopmentかdebugで良いでしょう。モードの違いはここのモードの欄に解説されています。（原文ではここ）のモードの欄に解説されています。次にページタブで自動マッピングを設定します。click-appと書かれているところで右クリックをし、pages要素を作成します。pages要素の詳細にパッケージ：という欄があるのでそこにhello.pageと入力し、自動マッピングをtrueに設定します。CTRL-sでセーブした後にclick.xmlを閉じます。HTMLファイルと、Javaページクラスのペアを作成する次に時刻を表示するdisplay-time.htmと対応するページクラスを作成します。プロジェクトを右クリックして新規⇒Clickページを選択します。時刻を表示するdisplay-time.htmと対応するページクラスを作成します。プロジェクトを右クリックして新規⇒Clickページを選択します。設定ダイアログでファイル名にdisplay-time.htmと入力します。するとClickIDEによって自動的に適切なJavaクラス名が設定されます。一番下にある「click.xmlにマッピングを追加する」からチェックを外します。今回は自動マッピング機能が有効なのでclick.xmlにマッピングを追加する必要が無いためです。また、今回のweb.xmlの設定が*.htmをClickサーブレットにマッピングするようになっているのでHTMLファイルの拡張子を*.htmにします。終了を押すと、HTMLファイルとそのペアになるJavaソースファイルが作成されます。まずHTMLファイルにロジックを実装します。とはいっても単純にjava.util.Dateオブジェクトをpublicフィールドに定義してnewするだけです。HTMLの$importにはCSSの参照や必要な内容が入るのでそのままでTOMCATへのアプaペアを作るリケーション設定（デフォルトのままでOK）[TIPS]テンプレートを使って<body>タグが無い場合にHTMLの補完をするには[TIPS]ほかのライブラリを登録するにはWTP環境では、WEB-INF/lib以下にライブラリ(jar)ファイルをドラッグ＆ドロップすると、自動的にビルドパスに登録され、かつデプロイ時に含まれるようになります。   View changes from previous version. (Word count: 114)

Change: Clickでは、HTMLとJavaクラス（ページクラス）を対で作成します。HTMLでビューを作成し、それに対応したページクラスでロジックを定義します。HTMLにはVelocityを使う事で動的に変化する内容を組みこむ事が可能です。Clickでは、HTMLとJavaクラス（ページクラス）を対で作成します。HTMLでビューを作成し、それに対応したページクラスでロジックを定義します。HTMLにはVelocityを使う事で動的に変化する内容を組みこむ事が可能です。ページとページクラスの組み合わせは、以下のどちらかの方法で設定します。click.xmlファイルに<page>タグで組み合わせを定義する自動マッピング(auto mapping)機能を使用する1.だとページ毎にclick.xmlに設定を追加しなければいけません。ClickIDEのおかげで非常に簡単に設定が追加できますが、ページが多くなってくると管理も大変になりますので2.の自動マッピングを使う方がお勧めです。自動マッピングは、ページクラスを置くパッケージ名を設定する事で、HTMLのパス(HTMLのファイル名)から対応するページクラスが自動的に決定される仕組みの事です。たとえばページクラスをtest.pageとして自動マッピングをONにした場合、以下のように自動的にクラスが決定します。（例）ページのURLクラス/hello.htmtest.page.Hello/list-data.htmtest.page.ListData/admin/control_page.htmtest.page.admin.ControlPage自動マッピングと、click.xmlでの手動定義は組み合わせて使えますので、基本は自動マッピング機能を使用し、自動マッピングのルールで対応できない場合のみclick.xmlファイルに定義を追加するようにすると良いでしょう。今回は、アプリケーション用のパッケージはhelloとし、hello.page以下にページクラスを作成するようにします。まず、click.xmlで自動マッピングを有効にします。パッケージエクスプローラー上のclick.xmlをダブルクリックするとClickIDEのClick設定エディタによってclick.xmlが開かれます。click.xmlで自動マッピングを有効にします。パッケージエクスプローラー上のclick.xmlをダブルクリックするとClickIDEのClick設定エディタによってclick.xmlが開かれます。全体タブで、文字コードがUTF-8になっている事を確認してください。また「ログの出力先」をconsoleに設定します。動作モードは開発中はdevelopmentかdebugで良いでしょう。モードの違いはここのモードの欄に解説されています。次にページタブで自動マッピングを設定します。click-appと書かれているところで右クリックをし、pages要素を作成します。pages要素の詳細にパッケージ：という欄があるのでそこにhello.pageと入力し、自動マッピングをtrueに設定します。ページクラスのパッケージを設定するHTMファイルとJavaペアを作るHTMLの$importにはCSSの参照や必要な内容が入るのでそのままでTOMCATへのアプリケーション設定（デフォルトのままでOK）[TIPS]テンプレートを使って<body>タグが無い場合にHTMLの補完をするには   View changes from previous version. (Word count: 95)

Change: 動的WEBプロジェクト」を選択し、次へを押します。プロジェクト名はhelloにし、ターゲットランタイムには事前に登録したTomcat 5.5を指定し、次へをクリックします。プロジェクトのファセットとしてClickにチェックを入れ、次へを押します。最後はディレクトリの指定です。今回はデフォルトのままで終了を押します。初回のみ、インターネット経由でXMLスキーマファイルのダウンロードが行われますので、「同意します」をクックします。2回目以降はキャッシュ済みのものが使用されるので、ダウンロードは行われません。ダウンロードが完了すると、J2EEパースペクティブへの変更ダイアログが出ますが、今回はJavaパースペクティブで実行するので、「いいえ」をクリックします。このようにhelloプロジェクトが作成されます。clickライブラリ(jar)はすでに登録され、click.xmlも用意されています。またweb.xmlファイルにも最低限必要な設定が作成されています。HTMLページとページクラスの作成Clickでは、HTMLとJavaクラス（ページクラス）を対で作成します。HTMLでビューを作成し、それに対応したページクラスでロジックを定義します。HTMLにはVelocityを使う事で動的に変化する内容を組みこむ事が可能です。ページとページクラスの組み合わせは、以下のどちらかの方法で設定します。click.xmlファイルに<page>タグで組み合わせを定義する自動マッピング(auto mapping)機能を使用する1.だとページ毎にclick.xmlに設定を追加しなければいけません。ClickIDEのおかげで非常に簡単に設定が追加できますが、ページが多くなってくると管理も大変になりますので自動マッピングを使う方がお勧めです。自動マッピングは、ページクラスを置くパッケージ名を設定する事で、HTMLのパス(HTMLのファイル名)から対応するページクラスが自動的に決定される仕組みの事です。たとえばページクラスをtest.pageとして自動マッピングをONにした場合、以下のように自動的にクラスが決定します。（例）ページのURLクラス/hello.htmtest.page.Hello/list-data.htmtest.page.ListData/admin/control_page.htmtest.page.admin.ControlPageこの2つは組み合わせて使えますので、自動マッピング機能を使用しつつ、自動マッピングのルールで対応できない場合のみclick.xmlファイルに定義を追加するようにすると良いでしょう。ページクラスのパッケージを設定するHTMファイルとJavaペアを作るHTMLの$importにはCSSの参照や必要な内容が入るのでそのままでTOMCATへのアプリケーション設定（デフォルトのままでOK）[TIPS]テンプレートを使って<body>タグが無い場合にHTMLの補完をするには[TIPS]ほかのライブラリを登録するにはWTP環境では、WEB-INF/lib以下にライブラリ(jar)ファイルをドラッグ＆ドロップすると、自動的にビルドパスに登録され、かつデプロイ時に含まれるようになります。   View changes from previous version. (Word count: 76)

Change:  （このページの内容は、Eclipse(ClickIDE)環境の構築の続きです）Eclipseのパースペクティブ設定Eclipseを使った開発方法は人それぞれで、色々な方法がありますが、ここではJavaパースペクティブを使用して開発を行います。（Java EEパースぺクティブではなく）まず現在のパースペクティブがJavaになっている事を確認します。なっていない場合はメニューのウィンドウ⇒パースペクティブを開く⇒Javaを選択してパースペクティブをJavaに変更します。その状態でウィンドウ⇒パースペクティブのカスタマイズを選択します。まず「ショートカット」タブで、サブメニューに「新規」を選び、ショートカット・カテゴリーから「Click」にチェックを入れます。「コマンド」タブに切り替え、使用可能なコマンド・グループから「Click Action Set」にチェックを入れ、OKを押します。 Eclipse+ClickIDEによる開発を開始するここではClickIDEを使った、基本的な開発の始め方について説明します。何も題材が無いと始められないので、ここでは単純に現在時刻を画面に表示するだけの「hello」プロジェクトを作成する事にします。プロジェクトの作成まず、Eclipseを起動して、新規にプロジェクトを作成します。プロジェクトのタイプは「動的WEBプロジェクト」で作成します。メニューのファイル⇒新規⇒プロジェクトで、「動的WEBプロジェクト」を選択し、次へを押します。プロジェクト名はhelloにし、ターゲットランタイムには事前に登録したTomcat 5.5を指定し、次へをクリックします。プロジェクトのファセットとしてClickにチェックを入れ、次へを押します。最後はディレクトリの指定です。今回はデフォルトのままで終了を押します。初回のみ、インターネット経由でXMLスキーマファイルのダウンロードが行われますので、「同意します」をクックします。2回目以降はキャッシュ済みのものが使用されるので、ダウンロードは行われません。ダウンロードが完了すると、J2EEパースペクティブへの変更ダイアログが出ますが、今回はJavaパースペクティブで実行するので、「いいえ」をクリックします。このようにhelloプロジェクトが作成されます。clickライブラリ(jar)はすでに登録され、click.xmlも用意されています。またweb.xmlファイルにも最低限必要な設定が作成されています。HTMLページとページクラスの作成Clickでは、HTMLのページとそれに対応したJavaクラス（ページクラス）でロジックを作成する事でページクラスのパッケージを設定するHTMファイルとJavaペアを作るHTMLの$importにはCSSの参照や必要な内容が入るのでそのままでTOMCATへのアプリケーション設定（デフォルトのままでOK）[TIPS]テンプレートを使って<body>タグが無い場合にHTMLの補完をするには[TIPS]ほかのライブラリを登録するにはWTP環境では、WEB-INF/lib以下にライブラリ(jar)ファイルをドラッグ＆ドロップすると、自動的にビルドパスに登録され、かつデプロイ時に含まれるようになります。   View changes from previous version. (Word count: 43)