Teeda

50 %
50 %
Information about Teeda
Technology

Published on November 20, 2008

Author: yone098

Source: slideshare.net

Description

知っ得納得Webフレームワーク#01

Teeda - JSF Meets DI × AOP -

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

Agenda What is Teeda? Teeda Core and JSF Teeda Extension Teeda Ajax Teeda Test

Teeda What is Teeda?

Teeda “てぃーだ” 沖縄の言葉で「太陽」 実装Webアプリケーションフレームワーク Java実装 Seasarプロジェクトにて開発 http://teeda.seasar.org/ja/ 日本初JSF実装 コンセプト JSF meets DI × AOP

Teeda Teedaの構成 Teeda Core JSF1.1の実装 JSFにおけるUIコンポーネントの管理にSeasar2を利用 Teeda Extension Teeda CoreをベースにHTMLテンプレートと規約に基づい た拡張機能 Teeda Ajax Ajaxに特化したライブラリ 単独利用も可能

Teeda Teeda Core and JSF

Teeda JSFとは JavaServer Facesの頭文字とった略語 「Faces」 → MVCにおける顔(UIを表現) Servlet API は原則意識しない 画面の入力値やイベント処理をManaged Bean(POJO)に指定する 開発やテストがし易いメリット 規格(JSR-127)であり実装は無い 実装は各ベンダや各組織が行うもの

Teeda JSF実装(海外) MyFaces 2008/11/03 Core1.2.5 release Tomahawk等のコンポーネントが充実 http://myfaces.apache.org/ Mojarra(the JSF RI) 2008/10/31 Mojarra 1.2_10 release 2008/10/21 Mojarra 2.0.0 EDR2 release やっぱりSun信頼性が高そう https://javaserverfaces.dev.java.net/

Teeda JSF実装(国内) Teeda Core 2008/10/30 Teeda 1.0.13-sp4 release 日本初のJSF実装 • Teeda Coreが出るまでは国内には無かった S2JSF1.1系のJSF実装として採用 • S2JSF1.0系のJSF実装にはMyFacesを採用 Teeda Coreのみでの国内案件実績

Teeda Teeda CoreとJSFを コードを見ながら紹介

Teeda 言葉より コードで理解 勉強会

Teeda JSFの動きを確認 簡単な足し算アプリ

Teeda 足し算サンプル(calculate.jsp)

Teeda 足し算サンプル(faces-config.xml)

Teeda 足し算サンプル(CalcAction.java/CalcPage.java)

Teeda まとめ ActionはPOJO ManagedBeanの定義による簡易DI機能 スコープ管理はfaces-config.xml

Teeda Teeda Coreの動きを確認 簡単な足し算アプリ

Teeda JSFの足し算サンプル(teedaCalculate.jsp)

Teeda 足し算サンプル(sample.dicon)

Teeda 足し算サンプル(TeedaCalcAction.java/TeedaCalcPage.java)

Teeda まとめ ActionはPOJO Seasar2によるDI機能 スコープ管理はSeasar2 faces-config.xmlに定義しなくても良い

Teeda Seasar2で管理するメリット 自動DI機能 JSF実装の簡易DIはManagedBeanのみ対象 • バリデータ・コンバータも対象に出来る AOP機能 Seasar2のAOP機能を利用 自動登録機能 Seasar2の自動登録機能を利用 • ManagedBeanが増えても設定ファイル変更無し

Teeda Teeda Coreのまとめ 基本はJSF実装 DIとAOPにSeasar2採用

Teeda Teeda Extension

Teeda Teeda Coreをベースに HTMLと規約に基づいた拡 張を提供

Teeda 何故Extension?

Teeda JSFで改善したかった部分 viewがJSP faces-config.xmlの肥大化 forwardベースのアーキテクチャ URLがずれる

Teeda Teeda Extensionの特徴 HTMLテンプレート レスコンフィグレーション PRGパターン SMART Deploy

Teeda HTMLテンプレート Page駆動開発 HTMLを中心に開発するスタイル HTMLに対応するPageクラスを作成 • PageクラスはPOJO • EclipseプラグインであるDoltengを使えば自 動生成可能 HTMLのid属性⇔Pageクラスのプロパティ

Teeda Pageクラス 命名規則 HTML名の先頭を大文字にして Pageというサフィックスをつける test.html→TestPage.java

Teeda test.html TestPage.java

Teeda レスコンフィグレーション Struts struts-config.xml JSF faces-config.xml Teeda 遷移先の設定を書かない

Teeda test.html TestPage.java ともにlink.htmlへ遷移

Teeda convention.dicon ルートパッケージを登録するだけ

Teeda PRGパターン POST REDIRECT GET

Teeda JSFの場合

Teeda PRGの場合

Teeda PRGパターンのメリット ブラウザのリロードによる予期せぬ更新を 防げる ブラウザの戻るボタン対応 表示されるURLがずれない

Teeda SMART Deploy Seasar2.4の機能 Tomcat等のWebコンテナを起動し たまま画面の追加変更を行い即座に 確認可能 デモ

Teeda Teeda Extensionまとめ JSF単体よりも開発しやすい

Teeda Teeda Ajax

Teeda Teeda Ajax 簡単にPageクラスのメソッドをAjaxで 呼び出せる JSの関数名により呼び出すコンポーネ ント解決 サブアプリケーション名+”_” Pageクラス名+”_” メソッド名

Teeda ajax.html AjaxPage.java

Teeda Teeda Ajax補足 Kumuを使わなくても可能 prototype.js jQuery 独自ライブラリ

Teeda Teeda Ajaxまとめ Seasar2配下コンポーネントが JavaScriptから手軽に利用できる

Teeda Teeda Test

Teeda Teeda Test TeedaTestCase JUnitの拡張テストケース FacesContextなどのモックを標準で用意 TeedaWebTester APサーバにデプロイした状態でテスト 画面からの操作を自動化

Teeda Teeda振り返り Teeda Core Teeda Extension Teeda Ajax Teeda Test エンジョイTeeda!

Teeda Teedaの深い理解 ライフサイクル 独自スコープ バリデータ・コンバータ 拡張方法

Teeda 次回以降 タイミング見て 深い理解

Teeda ご清聴 ありがとう ございました

Add a comment

Related presentations

Presentación que realice en el Evento Nacional de Gobierno Abierto, realizado los ...

In this presentation we will describe our experience developing with a highly dyna...

Presentation to the LITA Forum 7th November 2014 Albuquerque, NM

Un recorrido por los cambios que nos generará el wearabletech en el futuro

Um paralelo entre as novidades & mercado em Wearable Computing e Tecnologias Assis...

Microsoft finally joins the smartwatch and fitness tracker game by introducing the...

Related pages

Teeda - Wholesale Silver Jewelry, Sterling Silver and ...

Wholesale Silver Jewelry by Teeda Selling high quality wholesale silver jewelry can be very rewarding. Our silver jewelry lines are proven to be ...
Read more

Wholesale New Silver Jewelry Styles - Teeda.com

Beautiful quality New Silver Jewelry Styles. True wholesale pricing & volume discounts. Fast shipping & amazing service. Choose your style now!
Read more

Teeda Hotel (Isfahan Province, Iran): Mai 2016 Bewertungen ...

Hotel Teeda, Isfahan Province: 5 Bewertungen, 18 authentische Reisefotos und Top-Angebote für Hotel Teeda, bei TripAdvisor auf Platz #46 von 50 B&Bs ...
Read more

Teeda Marine - Zamami-son - Bewertungen und Fotos ...

Teeda Marine, Zamami-son: 2 Bewertungen und Fotos von Reisenden. Teeda Marine ist auf Platz 3 von 12 Zamami-son Aktvititäten bei TripAdvisor.
Read more

TEEDA_BACKON7.22ワンマン (@TEEDA_BACKON) | Twitter

9,934 tweets • 419 photos/videos • 6,983 followers. "観に来いやー!RT @info_backon: 【BACK-ON初のツイキャス配信決定 ...
Read more

Teeda - Welcome

Welcome. Teeda is a JSF implementation from the Seasar project. The main concept of Teeda is "JSF meets DI x AOP". Teeda has some highly useful and ...
Read more

Teeda Thai Cuisine - 15 Photos & 42 Reviews - Thai ...

42 reviews of Teeda Thai Cuisine "Very good Thai food and very quick-used seamless. Their pad Thai and their pad see ew is yummy as well-even if they don't ...
Read more

Teeda - facebook.com

Teeda. 703 likes · 8 talking about this · 363 were here. 平日(月火木11:00~18:00)(lunch LO 14:00) 金曜日 11:00~17:30 & 18:00~22:00 (LO ...
Read more

Teeda - Welcome

Welcome. Teedaは,Seasarプロジェクト発のJSF (JavaServer Faces) をベースとしたWebアプリケーションフレームワークです.
Read more

teedacafe.姫路.ティーダカフェ - teedasur.wix.com

姫路 TEEDA CAFE ティーダカフェ 播磨産無農薬玄米ランチ 自家製酵素ジュース 豆乳チャイ コーヒー 等々 ...
Read more