GWT

GWTとBootstrapの併用でレスポンシブWebデザイン

概要 GWTとBootstrap3でレスポンシブWebデザインをするときのサンプルと注意事項GWTBootstrapなるオープンソースもあるけど日本語資料が少ないので今回は使用しない。 GWT-Bootstrap メリット javaコードに画面のレイアウト情報が入ってこないので、ビジネス…

Windowsバッチファイルをプログラミングレスで作れるWebアプリを作りました

Windowsバッチファイルをプログラミングレスで作れるWebアプリを作ったので紹介します。 バッチファイルに実装したい機能をクリック選択して、テキストボックスにファイル名などを入力していくことでバッチファイルが作成できます。知らなくても作れるWindow…

最前面のPanelのイベントのみを処理する

FocusPanelを複数重ねたとき、最前面のFocusPanelをクリックすると重なったFocusPanelすべてにClickEventが発生する。最前面のFocusPanelのみ処理をしたいときはFocusEventを処理すること。 public class MyContainer extends FocusPanel { public MyContain…

GWTのTextBoxで透かし文字を入れたいとき

GWTのTextBoxで、テキストボックスに入力を開始すると消える透かし文字の入れ方。 html5では、inputタグにplaceholder属性を指定すると実現できる。これを利用する。参考 テキストボックスに透かし文字を表示する方法 | JavaScript プログラミング解説 html …

GWTコンパイルをantから行う

2015.4.18下のantソースコードを実行すればいい。 参照するパスなどは必要に応じて書き換えること。コンパイルするGWTモジュールは <property name="gwt.module" value="com.example.project.Model com.example.project.Client" /> の部分で指定する。半角スペースで区切ることで複数指定できる。参考: GWT Project build-gwtc.xml </property>

GWT + delombok でantタスクからGWTコンパイルする

2015.4.14 このブログの内容を行う前の注意 lombok.jarをGWTで利用する(GWTでlombokを使用する - busimotegeek’s blog)と以前にコンパイルが通ったjavaファイルでも、ある日突然エラーが出てコンパイルが通らなくなるという問題がある delombok を利用して…

GWTでlombokを使用する

eclipseにlombokをインストール (lombokを使用してjavaファイルを作成) GWT Compile Project -> Advanced -> VM arguments: に次の文を追加 javaagent:lib/lombok.jar=ECJ (プロジェクトのlibフォルダにlombok.jarを入れているとき) 「(ゲッター名)is …

slim3プロジェクトで新しいバージョンのGAEを使用する

記事作成日:2015.4.9 slim3プラグインはアップデートされていないようで、そのままプロジェクトを作成すると GoogleAppEngine SDKのバージョンが1.6.0になる。 slim3関連ファイルを新しいSDKに移動しても動作するみたいなので手順をまとめる。 空のslim3プ…

GWTでサーバを使用せずにZipファイルをクライアントへ保存

外部JavaScript(JS)ライブラリとJSNIを使って実装する。FileSaverとJSZipを利用する。Shift_JISは扱えません!! 使用するjsライブラリ jszip.js JSZip FileSaver.js eligrey/FileSaver.js · GitHub war/js に使用するJSファイルを入れておく htmlファイル…

GWTをSuper Dev ModeでデバッグするときGWTで書いたページが更新されていない

GWTをデバッグするために、SuperDevModeでローカルサーバを立ち上げ、デバッグしたいWebページにアクセスしたが、ページの内容が古いままのとき。もしくは、ページにアクセスしてもGWTコンパイルが始まらないとき。 いったんローカルサーバを終了 ⇒ GWTコン…

FlowPanelの要素にPanelを追加しても浮動化してくれない

GWTを使用していて、FlowPanelの要素にPanelを追加しても浮動化してくれないとき。追加する要素を<span></span>で囲み、CSSでfloat属性を指定すればよい参考: Simplifying GWT Markup with HTML Widgets « TurboManage Main.java public class Gwt_tmp implements EntryP…

DecoratorPanelを使ったが、padding,border,marginが反映されなかったとき

ちょっとはまったので。 以下の内容が記述されたCSSファイルが読み込まれるように自分で設定すること。 たとえば、decoratorPanel.cssという名前のファイルにして読み込むdecoratorPanel.css .gwt-DecoratorPanel { } .gwt-DecoratorPanel .topCenter, .gwt-…