GWT UiBinder でスタイルを設定する
UiBinder では、 エレメント内でスタイル(CSS)を設定することができます。 <ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder'> <ui:style> .pretty { background-color: Skyblue; } </ui:style> <div class='{style.pretty}'> Hello, <span ui:field='nameSpan'/>. </div> </ui:UiBinder> 注意: <ui:style> はルートエレメントの直接の子要素でなければなりません。 ClientBundle に沿って CssResource インタフェースが生成されます。 利点 ・スペルミスなどをコンパイル時に見つけられる ・CSS名が難読化されるため、他の CSS ブロックとスタイル名の衝突を防
GWT UiBinder で定義したスタイルをコードからアクセスする
► 2023 (6) ► 12月 (1) ► 7月 (1) ► 5月 (1) ► 4月 (1) ► 3月 (2) ► 2022 (17) ► 12月 (2) ► 11月 (3) ► 9月 (2) ► 8月 (2) ► 7月 (2) ► 5月 (2) ► 4月 (2) ► 3月 (1) ► 2月 (1) ► 2021 (46) ► 12月 (2) ► 10月 (1) ► 9月 (1) ► 8月 (3) ► 7月 (2) ► 6月 (5) ► 5月 (12) ► 4月 (7) ► 3月 (5) ► 2月 (7) ► 1月 (1) ► 2020 (44) ► 12月 (6) ► 11月 (5) ► 10月 (1) ► 9月 (1) ► 8月 (2) ► 7月 (2) ► 6月 (7) ► 5月 (4) ► 3月 (8) ► 2月 (3) ► 1月 (5) ► 2019 (30) ► 12月 (8
GWT UiBinder で CustomButton を使う
<!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent"> <ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder" xmlns:g="urn:import:com.google.gwt.user.client.ui"> <ui:style> </ui:style> <ui:image field="pushButton" src="android-robot-35.gif"/> <g:HTMLPanel> <g:VerticalPanel> <g:HTML><h2>Push Buttons:</h2></g:HTML> <g:HorizontalPanel spacing="10"> <g:PushButton> <g:upFace image="{pus
GWT UiBinder で FileUpload を使う
<!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent"> <ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder" xmlns:g="urn:import:com.google.gwt.user.client.ui"> <ui:style> </ui:style> <g:HTMLPanel> <g:VerticalPanel> <g:HTML><h2>Select a file:</h2></g:HTML> <g:FileUpload ui:field="fileUpload"></g:FileUpload> <g:HTML><br/></g:HTML> <g:Button ui:field="button">Upload File</g:Button>
GWT UiBinder で CheckBox を使う
<!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent"> <ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder" xmlns:g="urn:import:com.google.gwt.user.client.ui"> <ui:style> .my-CheckBox { font-weight: bold; } </ui:style> <g:HTMLPanel> <g:VerticalPanel> <g:CheckBox value="true">Monday</g:CheckBox> <g:CheckBox focus="true">Tuesday</g:CheckBox> <g:CheckBox styleName="{style.my-CheckBo
GWT UiBinder で RadioButton を使う
<!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent"> <ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder" xmlns:g="urn:import:com.google.gwt.user.client.ui"> <ui:style> .my-RadioButton { font-weight: bold; } </ui:style> <g:HTMLPanel> <g:VerticalPanel> <g:HTML><h3>Select your favorite color:</h3></g:HTML> <g:RadioButton name="color" value="true">blue</g:RadioButton> <g:RadioButt
GWT UiBinder で Button を使う
<!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent"> <ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder" xmlns:g="urn:import:com.google.gwt.user.client.ui"> <ui:style> </ui:style> <g:HTMLPanel> <g:HorizontalPanel spacing="10"> <g:Button ui:field="button">Normal Button</g:Button> <g:Button enabled="false">Disabled Button</g:Button> </g:HorizontalPanel> </g:HTMLPanel> </ui:UiBin
GWT 主要クラスの javadoc へのリンク
Fundamental classes used in client-side GWT code. ・com.google.gwt.core.client ・EntryPoint ・GWT Classes for HTML Canvas 2D support. ・com.google.gwt.canvas.client ・com.google.gwt.canvas.dom.client Types related to DOM events ・com.google.gwt.event.dom.client Classes for parsing and creating JSON encoded values ・com.google.gwt.json.client java.util.logging support in GWT ・com.google.gwt.logging.client
GWT UiBinder を使う
GWT 2.0 から UiBinder を使うことで、 XML で Widget と DOM structure を作成できるようになりました。 利点 ・ UI（XMLテンプレートでの宣言）とプログラムの動作（Javaクラス）を 分離できる ・ 生産性とメンテナンスに優れている ・ スクラッチからUIを作成するのが簡単 ・ テンプレートをまたいで簡単にコピペできる ・ Java のコードより XML,HTML,CSS に親しいデザイナーとのコラボレートが 楽になる ・ HTMLのモックからインタラクティブなUIへの段階的な移行が可能 ・ コンパイル時に Java ソースとXML間の相互参照をチェックできる ・ GWT's i18n facility と連携して国際化を直接サポートする ・ 重い widget や panel よりも軽い HTML element を使いやすく することで、ブ
GWT――Web構築に新機軸をもたらす開発ツール | OSDN Magazine
ページの再読込み不要でスムースな移動のできるGoogle Mapsや洗練されたGmailのルックアンドフィールに魅了されてしまったユーザは多いが、あなたもその1人ではないだろうか？ そして、こうしたGoogleのユーザフレンドリな諸機能を織り込んだ独自のWebサイトを自分で作成してみたいが、必要なプログラミング作業を考えると気が滅入るという心理状態の方がおられたら、Google Web Toolkit（GWT）の利用を検討してみてはいかがだろう。 GWTとは、2006年5月のJavaOneコンファレンスにて最初のお披露目がされたばかりのWebプログラミングツールである。登場してからの歴史は浅いながらも、現行のバージョン1.4.61は既に充分な完成度に到達しており、2008年の第1四半期にはバージョン1.5のリリースが予定されている。なおライセンスについてはApache License 2.
Google Web Toolkitで遊んでみました その2
その１からの続きです。今日は実際にGWTを使ったアプリケーションの開発に挑戦してみました。ただ、いきなりAJAX的にサーバとクライアントの間で非同期に通信をおこなうアプリケーションを作るのは大変なので、とりあえずGWTのクラスライブラリに慣れるために単純なコードを書いてみました。 まず適当なディレクトリを作り、そこから以下のようにapplicationCreatorを実行します。引数は適当なパッケージ名＋メインのクラス名です。 applicationCreator com.google.code.myproject.client.MyApplication するとHello World的な単純なアプリケーションのコードが生成されます。MyApplication-shellを実行すると以下のようなホステッドモードの画面になります。 これをひな型として、不要な部分を削り、必要なコードを加えてい
Google Web Toolkit 1.4正式版リリース：CodeZine
Googleは28日、Google Web Toolkit 1.4（GWT 1.4）正式版をリリースした。同社Webサイトから無償でダウンロードでき、Apache 2.0オープンソースライセンスで提供される。 GWT 1.4は、Ajaxを実現するためのJavaソフトウェアフレームワーク。クロスブラウザに対応しており、ブラウザ環境の差異を意識する必要なくWebアプリケーションを開発できる。Webブラウザに表示されるフロントエンドの部分をJavaクラスで開発し、それをGWTコンパイラを通じてHTML・JavaScript化するため、JavaScriptの知識がなくともAjaxアプリケーションを構築できる。 GWT 1.4は、先日RC2が公開されていた。GWTチームは次のバージョンであるGWT 1.5の開発に入っており、次バージョンではJava 5.0へのサポートなどが行われるという。 G
Google、GWT 1.4 RCリリース 「過去最大級のリリースであることに疑う余地は無い」：CodeZine
Googleは「Google Web Toolkit 1.4 Release Candidate」をリリースした。GWTのWebサイトから無償でダウンロードできる。Google Web Toolkit Blogによれば、今回のリリースは「GWT史上最大級のリリースであることは、疑う余地がない」としている。 今回のリリースでは、サイズと速度の最適化が図られており、GWT 1.4 RCでコンパイルするだけで、JavaScriptのサイズを10～20％減らすことできるようになった。あわせて速度面でも33％の高速化を実現しており、素早いGWTアプリケーションの起動が可能になっている。 GWTの設置にも変更が加えられている。HTMLへの設置に<meta name="'gwt:module'">や<script src="gwt.js">といった記述が不要になったほか、新しいRPCモジュールサーバ
L'eclat des jours(2007-01-18) - GWT
_ GWT GWTとはGoogle Web Toolkitのことだ（Apache Licence 2.0）。 豆蔵ナイトで、江川さんのレクチャーに行ってきた。 入門Google Web Toolkit(吉野 雅人) のプロモーション兼かも（この本、Working Effectively with Legacy Codeと一緒に発注したので、届いたのが今日だったり。とりあえずぱらぱら読んだが、きれいにまとまってるのはさすがだ）。 すごくおもしろいなと感じたのは、江川さんのプレゼンの中で、Ajaxとかを業務システムに組み込む時の問題点として、従来のQAとかで対応できなくなる（たとえばJavaScriptでのカバレッジ率とか）＝採用したくても採用できないというのがGWTを採用することでクリアできるというような視点だった。僕自身は考えもしなかったが、妙に説得力があった。 GWTは、Java 1.4
Google Web Toolkit完全オープンソース化：CodeZine
Googleは現地時間の12月12日、Google Web Toolkit（GWT）のすべてをオープンソース化したことを発表した。GWT 1.3 RC1から、Apache 2.0ライセンスのもとで提供される。従来まで多くの部分がオープンソースだったが、一部の重要な部分はバイナリーのみで提供されていた。 GWTは、JavaのWebプログラマーがAJAXアプリケーションを開発するのをサポートする開発フレームワーク。Javaでコーディングしたプログラムを、JavaScriptに変換するGWTコンパイラなどを実装している。 Googleでは、「ユーザの手助けを第一に考えているので、完全オープンソース化は時間の問題だった。今回のオープンソース化により、活発なユーザコミュニティの協力の下、GWTが次なるステップへ急速に進化することになるだろう」としている。 Google Web Toolkit
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
KaBlog / Developer Release: GWT on Rails
Home - Deitel & Associates, Inc.
Radar - O’Reilly
이무르 - site
mamezou.net