http://gwt.keicode.com/ ja http://gwt.keicode.com/lang/hello-world1.phpここでは単純なサンプルプログラムを作ります。GWT では UI 要素をどのように配置するのか。GWT ではイベントをどのように処理するのか。そういった基本的な事柄を、単純なサンプルプログラムを開発ることを通して学びましょう。Thu, 22 Sep 2011 07:15:00 GMTGWT http://gwt.keicode.com/lang/design-ui-menubar.php必要とされるアプリケーションは多いのに、なかなか簡便な方法がないもののひとつはメニューでしょう。ユーザーはメニューをみたら、カスケード状にスライドして表示されるような UI を期待する場合も少なくないものの、それをゼロから実装するのはなかなか手間です。メニューは GWT などのライブラリを利用する大きな動機の一つと言えます。Mon, 11 Apr 2011 11:29:00 GMTGWT http://gwt.keicode.com/lang/design-ui-celltable.phpCellTable は GWT 2.1 で導入されたちまち評判となり、GWT 2.2 でさらに新しい API が追加されています。ソートやページングなどの、基本的な機能に加え、Cell 系ウィジェットはカスタムのセルを定義するなどすることで、データ表現力に富んでいます。Wed, 23 Feb 2011 09:14:00 GMTGWT http://gwt.keicode.com/lang/design-ui-pushbutton.phpGWTの基本的なWidgetであるPushButtonの使い方を説明します。Tue, 25 Jan 2011 13:18:00 GMTGWT http://gwt.keicode.com/lang/design-ui-custom-cell.phpGWT 2.1 で導入されたセル (Cell) 系ウィジェットでは、セルの種類 で挙げたセルの他にも、自分で定義したセルも利用することができます。 Fri, 19 Nov 2010 08:03:00 GMTGWT http://gwt.keicode.com/lang/design-ui-celllist.phpCellList (セルリスト) は最も単純なセルウィジェット (cell widget) です。データはセルリスト内のセルの型と同じもので描画されます。Sat, 13 Nov 2010 08:38:00 GMTGWT http://appengine.keicode.com/gae/imageservice-getservingurl.phpGoogle App Engine ではブロブサービスを利用することで、ファイルをアップロードすることができます。当サイトでもブロブストアで説明しています。画像ファイルをアップロードした場合、その画像ファイルはブロブストアに行きます。具体的にどこにどのような形でファイルが保存されているのかを知らなくても、アップロード画像のブロブキーを取得することで、画像への URL を直ちに取得することが可能です。 Wed, 03 Nov 2010 11:59:00 GMTGoogle App Engine http://gwt.keicode.com/lang/design-ui-dialogbox.phpGWT ではダイアログボックスは、DialogBox クラスを利用します。 DialogBox は基本的にタイトルバー付きの PopupPanel といえます。ユーザーに何か情報を示しつつ、ユーザーにインプットを促すことができます。Wed, 03 Nov 2010 06:31:00 GMTGWT http://appengine.keicode.com/gae/datastore-low-level.phpこの資料では、ローレベル・データストア API を利用して Google App Engine のデータストアにエンティティを保存する方法を説明します。また、JDO を利用したハイレベルな API を利用する方法をおさらいして、ローレベルな Entity と JDO データクラスの違い、共通点について説明します。 Mon, 18 Oct 2010 06:53:00 GMTGoogle App Engine http://gwt.keicode.com/lang/how-to-use-clientbundle-image.phpGWT では画像や CSS などのスタティックリソースを効率よく利用するための仕組みとして、 ClientBundle が用意されています。 画像リソースを利用する場合は ClientBundle を使いましょう。Tue, 24 Aug 2010 12:14:00 GMTGWT http://gwt.keicode.com/lang/design-ui-popuppanel.phpツールチップテキストなど、ちょっとした情報、メッセージの表示に便利なポップアップパネル (PopupPanel) の利用方法です。場所の指定方法など、具体的な例を示します。Sun, 01 Aug 2010 20:13:00 GMTGWT http://gwt.keicode.com/lang/design-ui-hyperlink.php内部リンクを表す GWT ウィジェット Hyperlink の利用方法です。 History も微妙に関わってきます。Sat, 24 Jul 2010 23:31:00 GMTGWT http://gwt.keicode.com/lang/design-ui-datepicker.phpGWT の DatePicker ウィジェットの使い方です。同様のものは各種ライブラリで存在しますが、やはり GWT アプリケーションの場合はこのネイティブのものが良いでしょう。GTue, 20 Jul 2010 07:08:00 GMTGWT http://gwt.keicode.com/lang/design-ui-togglebutton.phpToggleButton の利用方法です。 通常の Button とコードは大して変わりませんが、表現は大きく異なります。Mon, 19 Jul 2010 07:59:00 GMTGWT http://gwt.keicode.com/lang/design-ui-button.phpGWT の中でも単純な Widget である Button のページを新規に追加しました。 Button は addClickHandler で ClickHandler オブジェクトを追加することで、イベントを処理できます。Sun, 18 Jul 2010 23:29:00 GMTGWT http://gwt.keicode.com/advanced/authenticate-with-google-account.phpGWT で Google App Engine のユーザーサービスを利用して、Google アカウントと連動する方法について示します。Sun, 23 May 2010 01:19:00 GMTGWT http://gwt.keicode.com/lang/design-ui-tablayoutpanel.phpUI の中で最も混乱の少ない、優れたコンポーネントといわれているタブ。このタブの GWT のソリューションはこちらタブレイアウトパネルです。Mon, 03 May 2010 09:09:00 GMTUI http://gwt.keicode.com/lang/design-ui-stacklayoutpanel.phpGWT のスタックレイアウトパネルに関する説明とこれを利用するコード例を示します。Sat, 01 May 2010 22:16:00 GMTUI http://gwt.keicode.com/lang/rendering-mode.phpWeb アプリケーションの UI を設計をする際に知っておかないといけないのは、ブラウザには何種類かの描画モードがあるということです。この描画モードを意識しないとブラウザによって見え方がバラバラになってしまいます。GWT の UI 設計するときの注意点について書いています。Fri, 30 Apr 2010 19:19:00 GMTUI http://gwt.keicode.com/lang/design-ui-panel1.phpパネルの利用例として、FlowPanel、 HTMLPanel そして PopupPanel を利用するサンプルコードを追加しました。Wed, 28 Apr 2010 00:55:00 GMTUI http://gwt.keicode.com/lang/ui-uibinder1.phpGWT 2.0 から利用可能になった UiBinder。 Eclipse で UiBinder を新規作成したときのサンプルコードを動かす方法を紹介します。Fri, 23 Apr 2010 21:52:00 GMTUI http://gwt.keicode.com/lang/gwt-rpc.phpGWT のクライアントからの非同期サービス呼び出しの機構が GWT RPC です。<br>その概要と具体例を説明します。Thu, 22 Apr 2010 23:21:00 GMTGWT RPC