目次

vaadinって何?

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

リッチクライアントWebをJavaで作れるらしい。

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

本家

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

トップ   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS