目次

vaadinって何?

アドビ社のFLEXみたいな位置づけのフリーのフレームワーク。

(後でわかることだが、adon使う場合は課金が必要、サンプルをローカルで動かすにも課金なしには動かない)

リッチクライアントWebをJavaで作れる。 HTMLやCSSを一切記述せずに、JavaのSwingを書く感じで、Webアプリを作れる。

これにまつわることを、つれづれなるままに書いていく。

本家

https://vaadin.com/home

インストールを試みたら、いきなりプロジェクトの作成までできた

本家より、最新の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のプラグインもインストールしてみる

本家のサイトをみてみると

更新サイト

http://vaadin.com/eclipse

これさえ、いれときゃ、あとはなんとかなる。

エクリプス再起動

新規作成メニューにあるもの

HelloWorld? つくってみるか

チュートリアルのHelloWorld?を書いてみた。

あれ?

com.vaadin.Applicationが見つからないってなっている。

eclipseのツールバーにある黒色?の歯車がvaadinのメニューなので、そこでCompileを選択するも、エラー。

プロジェクトの作成からもう一度やってみるか。今度はエクリプスの新規作成メニューから作成だ。

プロジェクト名はvaadinPrjとした。

あれ?なかなか終了しない?

パソコン再起動してみるか。

できてなかった。原因はよくわからない、こういう時は、 おまじないが必要かもしれない。

他のプロジェクトを閉じておこう。

今度は、vadと名前をつけてみよう。

Portletは2.0にしてみた。開始時刻は13:36だ、

今13:55だ。いったんeclipseを落とす。

再起動してみると、プロジェクトvadはできていなかった。

今度は、プロジェクトの名前をvaddにし、プロジェクトのテンプレートを作らないように、チェックを外して再チャレンジだ。

通った!

本家のチュートリアルを自己流でやってみる。

チュートリアルのアドレス

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してみる

足りないビタミンはなんだったのか?

エクリプスのプロジェクト生成で作られたものには、pomファイルがなかった。

m2e-wtpをインストール

チュートリアルに含まれる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は最初のページなのか。

画面のカスタマイズとかやりたい。

カスタマイズを試みる

チュートリアルのファイルを右クリックすると、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をダウンロードして改造してみる。

とはいっても、本家のサンプルのかもしれない。

大まかな手順

大体次のような感じで作業をしていけばいいと思う。

git-hubからサンプルコードをダウンロードする

すでに書いたサンプルのダウンロードのやり方で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はこっちを

下記のではエラーが出る。 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のアドオン調べる

http://vaadin.com/directory#addon/vaadin-touchkit:vaadin

$590ドルだとさ。。。

それか、月$35ドルの月謝を払えば、いいってさ。

そういうビジネスモデルなわけね。

確実にローカルで動作するサンプルはどれ?っていう情報が必要になった。

他にサンプルはないのか?

https://github.com/vaadin

使えそうなのはforkっていうところをみると、利用者Orひどさに比例していると思う。

だれか、人柱になってくれ!

今日はつかれたので、以上とする。

トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2014-01-21 (火) 21:12:00 (2826d)