*目次 [#t575f227]
#contents
*vaadinって何？ [#nfbce0e0]
アドビ社のFLEXみたいな位置づけのフリーのフレームワーク。
リッチクライアントWebをJavaで作れるらしい。
これにまつわることを、つれづれなるままに書いていく。
*本家 [#h0ec6623]
https://vaadin.com/home
*インストールを試みたら、いきなりプロジェクトの作成までできた [#ec598b2d]
本家より、最新のvaadin_all_7.1.9.zipを落としてみる。
解凍すると.jarファイルがある。README.txtを読むと、このjarファイルをWEB-INF/libにコピーしろとか書いてある。
ひょっとして、こんなことしなくても、mavenプロジェクト作って、下記の指定をすればいいのでは？
> mvn archetype:generate \
-DarchetypeGroupId=com.vaadin \
-DarchetypeArtifactId=vaadin-archetype-application \
-DarchetypeVersion=7.1.9 \
-Dpackaging=war
mavenインストールしてある前提
フォルダを作成してからコマンドラインで実行。
Define value for property 'groupId'って出て止まってる。。。
えっなにかいれるの？プロジェクト名っぽいのを入れてエンター
まだ聞いてくるので、同じのを入れてエンター
あとは、エンターでもオッケーのようだ。
これを、エクリプスで読み込んで、ってあれ、読み込めない。
プロジェクト名風のフォルダができている、例えば(sampleProjectとする)ので、そこに
cd sampleProject
で
mvn eclipse:eclipse
すると、おおー、なにやら、たくさんダウンロードしているではないか。
最後に
BUILD SUCCESSと表示されたので、これでエクリプスプロジェクトになったのでは？
既存プロジェクトとしてインポートできました。
*Eclipseのプラグインもインストールしてみる [#a9bbf042]
本家のサイトをみてみると
**更新サイト [#e0afac65]
http://vaadin.com/eclipse
これさえ、いれときゃ、あとはなんとかなる。
エクリプス再起動
*新規作成メニューにあるもの [#pad6f4fc]
-Vaadin 6 Project
-Vaadin 7 Project
-Vaadin Composite
-Vaadin Theme
-Vaadin Widget
*HelloWorld つくってみるか [#d8e50b78]
チュートリアルのHelloWorldを書いてみた。
あれ？
com.vaadin.Applicationが見つからないってなっている。
eclipseのツールバーにある黒色？の歯車がvaadinのメニューなので、そこでCompileを選択するも、エラー。
プロジェクトの作成からもう一度やってみるか。今度はエクリプスの新規作成メニューから作成だ。
プロジェクト名はvaadinPrjとした。
あれ？なかなか終了しない？
パソコン再起動してみるか。
できてなかった。原因はよくわからない、こういう時は、
おまじないが必要かもしれない。
他のプロジェクトを閉じておこう。
今度は、vadと名前をつけてみよう。
Portletは2.0にしてみた。開始時刻は13:36だ、
今13:55だ。いったんeclipseを落とす。
再起動してみると、プロジェクトvadはできていなかった。
今度は、プロジェクトの名前をvaddにし、プロジェクトのテンプレートを作らないように、チェックを外して再チャレンジだ。
通った！
*本家のチュートリアルを自己流でやってみる。 [#g92de1b7]
**チュートリアルのアドレス [#y1028c90]
com.vaadin.tutorial.addressbook
git-Hubからダウンロードせずに、ページをコピペしようとしたら、パッケージがないとかでエラーだらけ、ビルドパスの設定しなきゃならんとは思うけれども、
いまのところ、そんな説明はない、チュートリアルをダウンロードしてみればわかるはず。というわけでチュートリアルを見てみることにする。
git clone git://github.com/vaadin/addressbook.git
cd addressbook
mvn jetty:run
http://localhost:8080/addressbook
動いた！最初は、真っ白だったけど、リロードしたら動いた。
これを解析すれば、何が足りない状態だったのかが、判明する。
このチュートリアルのプロジェクトのままでは、エクリプスに取り込めないので、
mvn eclipse:eclipseしてみる
*足りないビタミンはなんだったのか？ [#te59994d]
エクリプスのプロジェクト生成で作られたものには、pomファイルがなかった。
**m2e-wtpをインストール [#pcebfdf9]
チュートリアルに含まれるReadMeを読むと m2e-wtpをインストールとかいてあって、
更新サイトのアドレスがかいてあるが、そこではなくて、eclipseのバージョンで調べなきゃいけなかった。
http://www.eclipse.org/m2e-wtp/download/
をみて、各自のeclipseのバージョンに合わせてインストールすること。
下記のをインストールはできない
http://www.eclipse.org/m2e-wtp/download/
正解はこちら
http://download.eclipse.org/m2e-wtp/releases/juno/
eclipseが動かなくなったら、
eclipse.exe -clean.cmd
で立ち上げましょう。
*ほう、UIは最初のページなのか。 [#me0ef9b2]
画面のカスタマイズとかやりたい。
*カスタマイズを試みる [#i9e04ce3]
チュートリアルのファイルを右クリックすると、Vaadinエディタなるもので開ける風である。えいっ。あれ、エラーだ。
XUL Runner 1.9以上いるよって書いてある。
下記からダウンロードか？
http://ftp.mozilla.org/pub/mozilla.org/xulrunner/releases/10.0.4esr/sdk/
って書いてあるサイトがあったけど、バージョンアップはげしいので、
下記からたどって最新のSDK持ってきたほうがいいかも。
http://ftp.mozilla.org/pub/mozilla.org/xulrunner
まあ、これは、これでインストールするとして、やっぱ、自分の実装したいアプリに近いサンプルをgitなどから探してこれたら、楽かなとか思ったりする。
*parking-demoをダウンロードして改造してみる。 [#b9c5213c]
**大まかな手順 [#b4ca4b39]
大体次のような感じで作業をしていけばいいと思う。
-git-hubからサンプルコードをダウンロードする
-ローカルのgitに保存
-変更目的１個に対してうまくいったら、ローカルに保存
-変更箇所をSourceTreeで見ることで、ノウハウをためていく。
**git-hubからサンプルコードをダウンロードする [#cb085304]
すでに書いたサンプルのダウンロードのやり方でaddressbookの箇所をparking-demoに変えると、大体いけた。ただし、次の警告が出た。
[WARNING] An error occurred during dependency resolution.
Failed to retrieve org.helios.gwt:gwt-webfonts-0.1
Caused by: Could not find artifact org.helios.gwt:gwt-webfonts:jar:0.1 in vaadin-addons (http://maven.vaadin.com/vaadin-addons)
Try downloading the file manually from the project website.
Then, install it using the command:
mvn install:install-file -DgroupId=org.helios.gwt -DartifactId=gwt-webfonts -Dversion=0.1 -Dpackaging=jar -Dfile=/path/to/file
Alternatively, if you host your own repository you can deploy the file there:
mvn deploy:deploy-file -DgroupId=org.helios.gwt -DartifactId=gwt-webfonts -Dversion=0.1 -Dpackaging=jar -Dfile=/path/to/file -Durl=[url] -DrepositoryId=[id]
Path to dependency:
1) com.vaadin.demo:parking:war:1.0.0
2) org.helios.gwt:gwt-webfonts:jar:0.1
org.helios.gwt:gwt-webfonts:jar:0.1
from the specified remote repositories:
vaadin-addons (http://maven.vaadin.com/vaadin-addons, releases=true, snapshots=true),
central (http://repo.maven.apache.org/maven2, releases=true, snapshots=false)
gwt-webfonts-0.1は使われていないっぽい
下記のページで議論されているのを発見。
https://vaadin.com/old-forum/-/message_boards/view_message/4562291
