(Microsoft PowerPoint - ClickFramework.ppt [\214\335\212\267\203\202\201[\203h])

Size: px

Start display at page:

Download "(Microsoft PowerPoint - ClickFramework.ppt [\214\335\212\267\203\202\201[\203h])"

しおりももき
7 years ago
Views:

1 Click Framework ~Simple is the Best~ NTT データ先端技術竹添直樹 1

2 自己紹介竹添直樹 ( たけぞう ) NTT データ先端技術所属 OSS 関連 Project Amaterasオーナー Click Framework コミッタ Seasarプロジェクトコミッタ FreeStyle Wiki 2

3 3

4 仕事で使っているフレームワークは何ですか? 4

5 これから使ってみたいフレームワークは何ですか? 5

6 そのフレームワーク本当に必要ですか? 6

7 キーワード MVC コンポーネント指向イベント駆動 EoD RAD DI AOP HTMLテンプレート Ajax ステートフル 7

8 フレームワークはどんどん複雑に 8

9 Web アプリはもっとシンプルに作れるはず 9

10 Simple is Best! 10

11 11

12 Click Framework 12

13 Click Framework とは? Malcolm Edger 氏が中心となって開発された Web アプリケーションフレームワーク 2003 年に開発開始充実したドキュメントとサンプルコンポーネント指向イベント駆動型なのにシンプルでコンパクト! 13

14 シンプルなのは良いことだ高性能 Struts と同等またはそれ以上の性能フレームワークを把握しやすい学習コストが低い拡張しやすいトラブルに対処しやすい理想と現実の妥協点 Servlet APIを隠蔽しようとはしていないコンポーネントを使わずに開発することも可能 14

15 Click の特徴 J2SE 1.4 でも動作後方互換性を重視しているので安心して使える設定ファイルを記述する必要は ( ほとんど ) ない豊富なコンポーネント Spring Hibernate Cayenne との連携機能が用意されている国際化されており日本語も ( ほぼ ) 問題なく利用することが可能モックによるユニットテストの支援 Eclipse プラグイン (ClickIDE) 15

16 Click を使ってみようページクラス public class LoginPage extends Page { public Form form = new Form("form"); private TextField userid = new TextField("userId", true); private PasswordField password = new PasswordField("password", true); private Submit loginbutton = new Submit("login", this, "dologin"); public LoginPage(){ // 入力フォームを構築 form.add(userid); form.add(password); form.add(loginbutton); } ボタン押下時に dologin() を呼び出す入力フォームを構築ページテンプレート (Velocity) <html> <head> <META HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=UTF-8"> <title>simple Form</title> $imports </head> <body> $form </body> </html> 自動レイアウト機能によって $form が入力フォームに展開される public boolean dologin(){ if(form.isvalid()){ String userid = this.userid.getvalue(); String password = this.password.getvalue(); // ID とパスワードが正しいかチェック // 正しい場合はメニュー画面に遷移 setredirect(menupage.class); return false; } return true; } } ボタン押下時の処理 16

17 Ajax で入力補完豊富なコンポーネントタブポップアップカレンダグラフツリーテーブル選択リスト 17

18 ClickIDE Click での Web アプリケーション開発を支援する Eclipse プラグイン Click プロジェクトで開発されています Eclipse WTP 2.0 で動作 < 主な機能 > プロジェクトの作成ページ作成ウィザード Velocity テンプレートエディタヘルプに統合されたClickドキュメント Spring Cayenneとの連携 18

19 事例 Click + S2Dao による Web アプリケーションアプリケーション自体は比較的シンプル 60 画面程度約 3 ヶ月 ( 短期間 ) で外部設計 ~ 総合試験までアジャイル開発製造開始時点で仕様が固まっておらず作りながら仕様を決定 19

20 事例 Click + S2Dao 採用の効果高生産性フレームワークによるコード量の削減開発コストの削減だけでなく仕様変更時の修正コストも削減 HTML モックを作らずいきなり Click で画面を作成 public フィールド全開! JavaBean にはアクセサメソッドを使わず public フィールドを活用アクセサは IDE で自動生成可能とはいっても Javadoc の記述やフィールド名変更時の修正などそれなりにコストがかかる Click の自動レイアウト機能はあまり活用できなかった画面は最もお客様から細かい修正指摘を受けるので自動レイアウトで完全にカバーできる部分は少ない最初は自動レイアウトを利用し自動レイアウトで対応できない場合は HTML テンプレートを作成するという感じ 20

21 Click の微妙なところフォームを構築するコードがページクラス側に出現ビューがコントローラを侵食しているフォームを構築するコードは別クラスにするのがおすすめ HTML でモックを作るようなケースには向いていない Click の自動レイアウト機能が活用できないモック段階でも最初から Click で組んでしまったほうが良いコンポーネントが微妙に拡張しづらい特にクライアントバリデーション JavaScript の拡張が面倒割と保守的 Click FrameworkはJ2SE 1.4でも動作する後方互換性を重視し新機能の導入には慎重 Java5 対応は来年以降ググラビリティが低い Click Framework で検索ググるよりドキュメントとソース読んだほうが早いかも改善できるところは改善していきます! 21

22 まとめ Click はコンポーネント指向イベント駆動型のモダンなフレームワークです Click はシンプルで学習コストが低く拡張の容易なフレームワークです Click は高速に動作し後方互換性を重視しているため安心して使えるフレームワークです 22

23 情報源 Click FrameworkのWebサイト Click Blog メーリングリスト JIRA Clickの日本語情報 Wiki ITProの記事 (Click 1.1 対象なので古いです ) 23

24 さて 24

25 ここで皆さんに重要なお知らせがあります 25

26 Click in Action 発売決定!! 26

27 なわけない 27

28 冗談ですごめんなさい 28

29 でも本が出せるくらいユーザが増えるといいな 29

30 ご清聴ありがとうございました是非 Click Framework をお試しください 30

10th Developer Camp - B5

10th Developer Camp - B5 B5 PHP テクニカルセッション Delphi for PHP で作るリッチコンテンツブログエンバカデロテクノロジーズエヴァンジェリスト高橋智宏アジェンダコンポーネントをフル活用しようお馴染みデータモジュール Blog データの表示用ページ Blog データの登録用ページ 2 コンポーネントをフル活用しよう開発環境の進歩と退化 80 年代の IDE が登場エディタ + コマンドライン型の開発から脱却