T2 in Action

Size: px

Start display at page:

Download "T2 in Action"

そよおいもり
5 years ago
Views:

1 T2 in Action ~ サンプルから学ぶ T2~ T2 Project yone098, skirnir

2 自己紹介名前米林正明 ID yone098 所属 T2 Project 株式会社 Abby 代表取締役社長

3 名前横田健彦 ID skirnir 自己紹介所属 T2 Project Ymir Project もやってます株式会社アークシステム

4 Agenda T2 の概要 T2の仕組み T2のスタイル Vili で始める簡単 T2 demo 新機能 AMF demo

5 T2 ~The WEB Connector~ T2 の概要

6 Web における環境の進化クライアント HTML Ajax Flex3 Param XML AMF3 フレームワーク Struts JSF BlazeDS サーバ Action Managed Bean POJO

7 Web における環境の進化複雑過ぎ! 覚える事も多過ぎ!

8 T2 のモチベーション色々なリクエストをまとめて上手に捌かなあかんやろ

9 T2 とはシンプルな Web フレームワークフィルタ指向アノテーションベース色々なリクエストをさっくり上手に捌くテーマつなぐつながるユーザと開発者を実案件と楽しさをあらゆるクライアントとサーバアプリをクライアントとユーザーコードの仲介役仲介役に徹するポリシーひとつのことを上手にやる T2 ~The WEB Connector~

10 T2 ~The WEB Connector~ T2 とはクライアント側は自由に選択可能フォームのサブミット Ajax リクエスト /REST Flex/AIR/Silverlight などのリッチクライアント Web サービス統一したプログラミングモデルの提供クライアントがどうであってもサーバ側は常に同じように作れる分業重要一貫したスキルセットで開発可能

11 T2 ~The WEB Connector~ つなぐつながる

12 T2 ~The WEB Connector~ クライアント T2 サーバ

13 T2 の仕組み T2 ~ 仕組み ~

14 T2 ~ 基本的な仕組み ~ フィルタベースの Web フレームワーク URL と Java オブジェクト (POJO) をマッチングアノテーションでマッチングマッチした POJO から適切なメソッドを選択メソッドを実行行き先と遷移方法を指定する Navigation インタフェースの実装を返す T2 がそれに従って遷移するテンプレートエンジンは任意で指定 JSP, ZPT, Mayaa,HTML/XHTML なんでも可能

15 T2 ~ 基本的な仕組み ~ Request リクエスト URL と POJO がマッチ? マッチした POJO のメソッドとマッチ? 対象メソッドの実行 browser Response Navigation による次の遷移先と方法の決定

16 T2 The WEB Connector T2 のスタイル

17 T2 のスタイルアノテーションドリブンリクエストを受ける POJO にアノテーション付与受け口の分かりやすさ重視アノテーションを適切に利用 @ActionPath( /hoge )

18 T2 /add ) // /add という URL でこの Page が動く public class AddPage { //HTTP の GET メソッドのときメソッド実行 public Navigation add(webcontext context) { return Forward.to("/pages/add.jsp"); //Flex や AIR からのリクエストのときメソッド実行 public Navigation handleamf (HogeDto dto) { return AmfResponse.to( ok ); }

19 T2 のスタイル T2 のメソッドアノテーション

20 リクエストパラメータのkey key @Default

21 T2 のスタイル T2 のメソッド引数特定方法

22 T2 のスタイル @Var

23 引数の型を見てインジェクト HttpServletRequest, HttpServletResponse HttpSession ServletContext Cookie/Cookie[] WebContext Request, Response UploadFile ErrorInfo T2 のスタイル

24 PHP とつながる T2 のスタイル

25 T2 のスタイル PHP ライクなアクセス $_GET( arg1 ) $_POST( arg2 ) $_SESSION( name ) $_FILES( sample )

26 T2 のポリシー T2 のスタイル

27 T2 のポリシー基本はステートレス非常に薄いフレームワークを維持するプラグイン機能があるのでステートフルにも可能拡張部分で一部置き換えも可能

28 T2 のポリシー特定の DI コンテナに依存しない Seasar2 Spring Guiceで利用可能自前のシンプルDIコンテナLucyでも可能アダプタ部分を作成することで他にも対応可能コンテナなくても OK

29 T2 のまとめユーザーが比較的簡単に拡張可能コアはシンプルにエクステンションで便利機能を提供プロジェクトごとに必要な機能を作るのも簡単ユーザ自身が制御可能だと自信をもてる事がとても重要そのため徹底的にシンプルにするやりすぎないキレイなコードドキュメントで内部構造を補足

30 T2 のまとめ T2 のまとめ

31 T2 のまとめつなぐつながる

32 T2 The WEB Connector Vili で始めるかんたん T2

33 T2 ~The WEB Connector~ T2 でアプリケーションを作ろう! Eclipse で T2 アプリケーションプロジェクト作成

34 T2 ~The WEB Connector~ ディレクトリ構成とか依存 Jar の準備とかどうすればいいの?

35 T2 ~The WEB Connector~ Vili( ヴィリ ) を使えば簡単だよ

36 T2 ~The WEB Connector~ Ymir プロジェクト作成支援 Eclipse プラグイン Vili( ヴィリ ) は Seasar プロジェクトで開発されている Web フレームワーク Ymir( ユミル ) の開発支援プラグインからプロジェクト作成支援機能を分離したもので T2 プロジェクトで開発されているんだよ

37 T2 ~The WEB Connector~ Vili ではプロジェクトの雛形 ( スケルトン ) を Maven のアーティファクトとして管理しているのでプロジェクトの雛形を Maven リポジトリ上に公開することで Vili で作成できるプロジェクトを誰でも簡単に増やすことができるんだまた雛形を展開する時にリソースに値を埋め込んだり任意の処理を実行することもできたりと雛形の表現力が高いのも大きな特徴だよ

38 T2 ~The WEB Connector~ もう一つ Vili の大きな特徴としてプロジェクトに追加するためのプログラム部品 ( フラグメント ) を定義することができるというものがあるんだ例えば T2 で AMF 連携を行なうための T2 AMF フラグメントを定義しておいて Vili で作成した T2 アプリケーション開発プロジェクトに AMF 連携機能を後から追加するみたいなことが簡単にできるんだよ Ymir については既に JSON 連携フラグメント AMF 連携フラグメント UI テスト支援機能 (Yonex) フラグメントのように様々なフラグメントが公開されているんだけど T2 プロジェクトでも T2 用のアプリケーションプロジェクトのために順次便利なフラグメントを公開していきたいと思っているんだよ

39 T2 ~The WEB Connector~ セリフ多すぎて分かんない!

40 T2 The WEB Connector というわけでデモ

41 T2 ~The WEB Connector~ はい Vili を使うと T2 って簡単に始められるんだね!

42 新機能 AMF T2 ~AMF~

43 そもそも AMF とは? T2 ~AMF~

44 T2 ~AMF~ AMF ActionMessageFormat Flash/Flex のオブジェクトシリアライズ方法通信フォーマットに利用可能バイナリ形式で小さい! JSON の 1/4 XML の 1/10

45 例えば整数 T2 ~ 新機能 AMF~ ( 数値 hex) :(binary) 0x x F : 0xxxxxxx 0x x00003FFF : 1xxxxxxx 0xxxxxxx 0x x001FFFFF : 1xxxxxxx 1xxxxxxx 0xxxxxxx 0x x3FFFFFFF : 1xxxxxxx 1xxxxxxx 1xxxxxxx xxxxxxxx 0x xFFFFFFFF : レンジ例外が発生までの値なら 1byte に変換! 例えば文字列文字列の参照テーブルがあるので同じ文字列なら参照で済ますサイズを小さくする仕掛けがされてます

46 T2 ~AMF~ AMF が利用できる型の一覧 undefined Type null Type false Type true Type integer Type double Type String Type XMLDocument Type Date Type Array Type XML Type ByteArray Type Object Type( 型あり Object, 形無しオブジェク )

47 T2 ~AMF~ AMF0 と AMF3 AMF3:ActionScript3から利用可能 (FlashPlayer9 以降 ) Flex2/3 では AMF3 を利用 format 仕様は Open

48 T2 ~AMF~ T2 での利用イメージクライアントサーバ AS オブジェクト HTTP/HTTPS で転送 AMF3 でシリアライズ AMF3 で Java オブジェクトにデシリアライズ

49 T2 での実装 T2 ~AMF~

50 T2 ~AMF~ AMF のシリアライザ以下の AMF 実装が利用可能 S2Flex2 をベースにした AMF 実装すばらしい AMF 実装 ( コミッターの方に感謝!) T2 に移植依存ライブラリなしで AMF の利用が可能 BlazeDS の AMF 実装 blazeds common.jar と blazeds core.jar をクラスパスに含める

51 T2 ~AMF~ クラスパス上に blazeds のクラスがあるかどうかで切り替え AmfContext BlazeDSAmfContext serialize deserialize T2InternalAmfContext serialize deserialize blazeds common.jar blazeds core.jar

52 T2 ~AMF~ なんで AMF 実装が 2 個あるの? T2Internal メリット依存 jar 不要型変換が柔軟 BlazeDS Adobe 謹製デメリット not Adobe 謹製依存 jar が必要型変換の変更がしにくい

53 使い方 T2 ~AMF~

54 T2 ~AMF~ 使い方まずは destination を決めよう destination= 呼び出す Page クラスを示すあて先つぎに呼び出すメソッドを決めよう引数と戻り値も決めようあて先は unicef メソッドは bokin 引数は int 戻り値は String でいこう!

55 @Page( unicef ) //destination public class UnicefPage // bokin ) でも可 public Navigation bokin(int bokingaku){ Unicef.sendToAfrica(bokingaku); T2 ~AMF~ 決めた distination とメソッドでサーバ側を作成 } } //AmfResponse に戻り値を入れる return AmfResponse.to( Thank you! );

56 T2 ~AMF~ クライアント側まずは結果を受け取るハンドラを作成 // 通信成功時に呼ばれる public function handleresult(e:resultevent, token:object=null):void{ var message:string = String(e.result); Alert.show(message);// Thank you と表示 } // 通信失敗時に呼ばれる public function handlefault(e:faultevent,token:object=null):void{ log.error(objectutil.tostring(e)); }

57 最後に呼び出し部分 T2 ~AMF~ // 呼び出し用 RemoteObject 作成 var unicefpage:remoteobject = new RemoteObject("unicef"); // 接続設定 ( お決まり ) var endpoint:string = URLUtil.getFullURL(Application.application.url, t2.amf"); var channel:channel = URLUtil.isHttpsURL(endPoint)? new SecureAMFChannel(null,endPoint): new AMFChannel(null,endPoint); var channelset:channelset = new ChannelSet(); channelset.addchannel(channel); unicefpage.channelset = channelset; // サーバ呼び出し var token:asynctoken = unicefpage.bokin( ); token.addresponder( new AsyncResponder(handleResult,handleFault));

58 もし送受信にデータクラスを使う場合は T2 ~AMF~ //alias でこのデータクラスのデータを入れる Java 側のクラスを指定 [RemoteClass(alias= unicef.java.unicefdto")] public class UniceDto { public var bokingaku:int; public var message:string; } Java 側にクライアントのデータクラスと同じ構造のクラスを用意しメタデータで指定

59 T2 ~AMF~ RemoteObject 作成 unicefpage.bokin(10000) まとめると destination:unicef メソッド :bokin 引数 :1 呼び出し成功 : ResultEvent result: Thank you! handleresult メソッド handlefault メソッド呼び出し失敗 : FaultEvent message: unicef ) String bokin(int money)

60 demo T2 ~AMF~

61 まとめ T2 ~ まとめ ~

62 T2 ロードマップ T2 は 0.6 ga を開発中リリース間に合わずすいません m( )m AMF 機能が 0.6 の最大のメリット T2 0.7:Web サービス連携 T2 0.8:SSO 対応プラグイン改善 T2 0.9: 例外ハンドリング機能強化テストフレームワークの改善 Web2.0 系 View の簡単開発機能

63 T2 プロジェクト T2 プロジェクト 2/ シンプルで有用なフレームワークやツールセットを提供する OSS プロジェクト特に Java に限っているわけではない T2 プロジェクトの製品 Commons : 汎用共通ライブラリ Lucy : 軽量 DIコンテナ Yonex : SeleniumベースITテストツール Vili : 汎用プロジェクト作成支援 Eclipseプラグイン

64 T2 プロジェクト committer shot6 skirnir c9katayama yone098

65 謝辞御清聴ありがとうございました

T2でつなごう！ -つなぐつながるWebフレームワーク「T2」の紹介

T2でつなごう！ -つなぐつながるWebフレームワーク「T2」の紹介 T2 でつなごう! - つなぐつながる Web フレームワーク T2 の紹介 T2 プロジェクト米林正明片山暁雄自己紹介名前米林正明 ID id:yone098 所属株式会社 Abby 代表取締役社長自己紹介名前片山暁雄 ID id:c9katayama 所属株式会社キャピタルアセットプランニング Agenda T2の概要 T2の基本姿勢 T2の目指す所機能紹介 DIコンテナ非依存