Clickフレームワークを使用した開発

Clickはシンプルなフレームワークで、事前に用意するライブラリやXMLの設定ファイルなども非常に少なく、開発中の作業にも難しいXMLの編集等がほとんど無く、またテンプレートを活用し始めるとHTMLの編集も非常に少なく済むため、IDEなどのサポートが無くてもテキストエディタとJDKだけでも十分開発が可能です。

とはいえ、より楽になるに越したことはありません。
Click用の開発環境としては非常に高機能なClick IDEがあり、これとEclipse＋WTPを組み合わせると非常に開発が楽になるので、お勧めです。

ここではWindows XP上に、Eclipse 3.2 + WTP 1.5 + ClickIDEを導入する方法を説明します。

※追記：この情報はやや古くなっています。すでにClickIDE※追記：この情報は古くなっています。すでにClickIDE 2.0がリリースされ、WTP2.1がリリースされ、Eclipse3.4/WTP 2.0に対応しています。3.0に対応しています

ファイルのダウンロード

まず必要なファイルをPCにダウンロードします。
JDKを入れていない人は、まずSUNからJDKをダウンロードします。ここではJava SDK 6を使用しますが、JDK 5でも問題ありません。

IDE周りですが、ClickIDEの動作環境がEclipse 3.2+WTP 1.5 なので、まずEclipse 3.2環境が必要になります。

Eclipse.orgからEclipse 3.2 SDKをダウンロードして、プラグインのアップデート機能で機能を追加していっても良いのですが、関連パッケージが多く、更新に結構時間がかかるので、wtp、eclipse、必須パッケージがひとまとめになっているwtp-all-in-oneをダウンロードして使用する事にします。加えてメニュー周りを日本語化するために、Eclipse SDK用とWTP用のNL Pack1 をダウンロードします。（動作に必須ではありません）

次にClickIDEをダウンロードします。この中にClickIDEと、必要なClickフレームワーク本体も含まれています。

開発用のアプリケーションサーバとしてTomcatをダウンロードします。バージョン5.5.x系がお勧めです（WTP 1.5ではTomcat 6.xをサポートしていません）。またtcnative-1.dllもダウンロードしておくと良いでしょう。これはWindows上でTomcatの動作を高速化するためのJNIラッパライブラリなのですが、これを入れる事でTomcat起動/終了時にでる警告メッセージを出さないようにするためにも必要です。（詳しくはこちらに解説があります）

最後に、Clickフレームワーク本体をダウンロードします。上述のようにClickIDEにClickフレームワークが含まれているので無くても開発できるのですが、ドキュメントやソースコードを閲覧するためにダウンロードしておく事をお勧めします。

ClickIDEclickide-1.70.zipSourceForgeclick-1.3.1.zip

名前	ダウンロード先	今回ダウンロードしたファイル	備考
Java SE 6	SUN	Java SE 6 update 2	JDK 5でも問題ありません
WTP 1.5 all-in-one	Eclipse.org	wtp-all-in-one-sdk-R-1.5.4-200705021353-win32.zip	EclipseとWTPがパックになっています
NL pack1 for Eclipse SDK	Eclipse.org	NLpack1-eclipse-SDK-3.2.1-win32.zip	日本語化
NL pack1 for WTP	Eclipse.org	NLpack1-wtp-sdk-R-1.5.1-200609230508a.zip	日本語化
ClickIDE	Eclipseプラグイン
Apache Tomcat	Apache.org	apache-tomcat-5.5.23.zip	開発用アプリケーションサーバ
Tomcatネイティブライブラリ	tomcat.heanet.ie	tcnative-1.dll	Tomcatの動作を高速化するライブラリ。必須ではありません
Click フレームワーク	Click本体

導入

まず導入にあたって、導入先のディレクトリを決めてください。今回導入するEclipseもTomcatもClickの開発専用として利用しますので、すべてを1つのディレクトリ以下に収めるようにします。この例ではE:\work\click\以下に導入します。ご自分の環境に合わせて読み替えてください。

JDKの導入

JDKが導入されていない環境の人は、最初にJava SEを導入します。ダウンロードしたexeファイルを実行して、何回かクリックするだけで設定する箇所がほとんど無いので難しいところは無いと思います。私の場合は、JDKの導入ディレクトリを C:\Program Files\Java\jdk6\に、JREのディレクトリをC:\Program Files\Java\jre6\に変更して導入しています。

Eclipse+WTP環境の導入

ダウンロードしたwtp-all-in-one-sdk*.zipを導入先ディレクトリに展開（unzip）すると、eclipseというディレクトリが作成されます。同様にNLpack1-eclipse-SDK*.zipとNLpack1-wtp-sdk*.zipを導入先ディレクトリに展開します。

次に、ClickIDEを導入します。ダウンロードしたclickide-*zipファイルを、一旦別の適当なディレクトリに展開します。展開した中のfeaturesディレクトリ以下にあるnet.sf.clickide.feature_1.7.0ディレクトリ全体をE:\work\click\eclipse\features以下にコピーします。同様にplugins以下にあるnet.sf.clickide_1.7.0.jarファイルをE:\work\click\eclipse\pluginsにコピーします。

Tomcatの導入

開発用のTomcatも導入先ディレクトリのE:\work\click以下に導入します。ダウンロードしたapache-tomcat-5.5.23.zipを導入先ディレクトリに展開します。E:\work\click\apache-tomcat-5.5.23というディレクトリが作成されます。

次にtcnative-1.dllを導入します（動作に必須ではありません）。このファイルはTomcat実行時に環境変数PATHが通っている場所にコピーする必要があります。C:\WINDOWS\system32等に導入しても良いのですが、システム全体に影響があるので、今回はeclipseのトップディレクトリにコピーすることにします。こうする事でeclipse上のWTPから実行した時だけtcnative-1.dllが有効になります。

Clickフレームワークの展開（オプション）

Clickフレームワーク本体のclick-1.3.1.zipをE:\work\click\以下に展開します。この作業は必須ではありませんが、オフラインでドキュメントを参照するためにやっておくと良いと思います。
展開後は、E:\work\click\click-1.3.1\documentation\index.htmlをブラウザから開くとドキュメントを参照できます。

ここまでの通りに作業を進めると最終的にはこの様なフォルダが出来ている事になります。

Eclipseの初期設定

Elipseの初回起動

導入先ディレクトリ以下のeclipse\eclipse.exeを実行するとEclipseが起動できますが、初回のみ念のため-cleanオプションを指定して起動します。スタートメニューの「ファイル名を指定して実行」から、E:\work\click\eclipse\eclipse.exe -cleanを実行します。


起動中に、ワークスペースの位置を聞かれますので、ここでは導入先のworkspaceディレクトリを指定し、「この選択をデフォルトとし、今後この質問を表示しない」にチェックを入れてOKを押します。

起動すると、「ようこそ」の画面が出ますので、×ボタンでクローズします。

JDKの登録

使用するJDKを登録しておきます。Eclipseのメニューでウィンドウ⇒設定を選択し、ダイアログでJava⇒インストール済みのJRE画面で、「追加」ボタンを押し、使用したいJDKを登録します。私の場合はC:\Program Files\java\jdk6に導入してあるJDK 6を指定しました。

JRE名を分かりやすい名前にしておき（この場合はSUN Java SE 6)、「OK」ボタンで登録します。
一覧に戻るので、今登録したJDKにチェックを入れ、デフォルトに指定し、「OK」で閉じます。

文字コードの設定

Clickの開発のために文字エンコードのデフォルトをUTF-8にします。（Clickは特にUTF-8でないと動かないという訳ではありませんが、AJAXライブラリなどとの連携を考えてUTF-8にしています）

Eclipseのメニュー、ウィンドウ⇒設定で出るダイアログで、以下の3箇所を変更します。

• 一般⇒ワークスペースでテキスト・ファイル・エンコーディングをUTF-8に変更

• Web および XML⇒HTMLファイルで、エンコードをUTF-8に変更

• Web および XML⇒CSSファイルで、エンコードをUTF-8に変更

３ヵ所を変更したら、「OK」を押します。

WTPサーバランタイムの設定

WTPからTomcatを起動できるように、展開済みのTomcat 5.5をランタイムとして登録します。
Eclipseのメニュー、ウィンドウ⇒設定で出るダイアログで、サーバ⇒インストール済みランタイムを選択し、追加ボタンを押します。

新規登録のウィザードが出るので、Apache Tomcat 5.5を選択して、「次へ」をクリックします。


次の画面で以下のように、Tomcat インストール・ディレクトリに展開済みのTomcatディレクトリを指定し、JREには、使用するJDK 1.5を指定し、「終了」を押します。


インストール済みサーバ・ランタイムの画面に戻るので、「OK」を押します。

これで開発環境の導入が完了しました。

→Eclipse(ClickIDE)を使った開発に続く