- 追加された行はこの色です。
- 削除された行はこの色です。
*目次 [#t575f227]
#contents
*vaadinって何? [#nfbce0e0]
アドビ社のFLEXみたいな位置づけのフリーのフレームワーク。
(後でわかることだが、adon使う場合は課金が必要、サンプルをローカルで動かすにも課金なしには動かない)
リッチクライアントWebをJavaで作れるらしい。
リッチクライアントWebをJavaで作れる。 HTMLやCSSを一切記述せずに、JavaのSwingを書く感じで、Webアプリを作れる。
これにまつわることを、つれづれなるままに書いていく。
*本家 [#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に保存
-変更目的1個に対してうまくいったら、ローカルに保存
-変更箇所を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
*サンプルのparking-demoはこっちを [#a842cd29]
下記のではエラーが出る。
git clone git://github.com/vaadin/parking-demo.git
エラー内容
[ERROR] Failed to execute goal on project parking: Could not resolve dependencies for project com.vaadin.demo:parking:war:1.0.0: Failure to find org.helios.gwt:gwt-webfonts:jar:0.1 in http://maven.vaadin.com/vaadin-addons was cached in the local repository, resolution will not be reattempted until the update interval of vaadin-addons has elapsed or updates are forced -> [Help 1]
議論の内容によるとこれを修正したのが、下記にある。
https://github.com/jupenur/parking-demo
だから次のコマンドで再チャレンジ
git clone git://github.com/jupenur/parking-demo.git
cd parking-demo
mvn eclipse:eclipse
でもこれもadd-onで警告、内容は以下の通り
[WARNING] An error occurred during dependency resolution.
Failed to retrieve com.vaadin.addon:vaadin-touchkit-agpl-4.0.0-SNAPSHOT
Caused by: Could not find artifact com.vaadin.addon:vaadin-touchkit-agpl:jar:4.0.0-SNAPSHOT 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=com.vaadin.addon -DartifactId=vaadin-touchkit-agpl -Dversion=4.0.0-SNAPSHOT -Dpackaging=jar -Dfile=/path/to/file
Alternatively, if you host your own repository you can deploy the file there:
mvn deploy:deploy-file -DgroupId=com.vaadin.addon -DartifactId=vaadin-touchkit-agpl -Dversion=4.0.0-SNAPSHOT -Dpackaging=jar -Dfile=/path/to/file -Durl=[url] -DrepositoryId=[id]
Path to dependency:
1) com.vaadin.demo:parking:war:1.0.0
2) com.vaadin.addon:vaadin-touchkit-agpl:jar:4.0.0-SNAPSHOT
com.vaadin.addon:vaadin-touchkit-agpl:jar:4.0.0-SNAPSHOT
from the specified remote repositories:
vaadin-addons (http://maven.vaadin.com/vaadin-addons, releases=true, snapshots=true),
vaadin-snapshots (http://oss.sonatype.org/content/repositories/vaadin-snapshots/, releases=true, snapshots=true),
central (http://repo.maven.apache.org/maven2, releases=true, snapshots=false)
**touch-kitのアドオン調べる [#d14d3e15]
http://vaadin.com/directory#addon/vaadin-touchkit:vaadin
$590ドルだとさ。。。
それか、月$35ドルの月謝を払えば、いいってさ。
そういうビジネスモデルなわけね。
確実にローカルで動作するサンプルはどれ?っていう情報が必要になった。
*他にサンプルはないのか? [#j2ca649f]
https://github.com/vaadin
使えそうなのはforkっていうところをみると、利用者Orひどさに比例していると思う。
だれか、人柱になってくれ!
今日はつかれたので、以上とする。