Ymir

Size: px

Start display at page:

Download "Ymir"

ぜんまおなか
5 years ago
Views:

1 2007 Autumn Ymir ~Wiki 感覚で Web アプリケーションを作ろう ~ Ymir プロジェクトプロジェクトリーダ ( 株 ) アークシステム横田健彦 (a.k.a. Skirnir) 1

2 自己紹介横田健彦 ( よこたたけひこ ) ネット上では Skirnir( すきーるにる ) と名乗っています ( 株 ) アークシステム所属 Java や.NET の Web 系技術者募集中! プラグイン機構がウリの CMS Kvasir/Sora を開発 2006 年度上期 IPA 未踏ソフトウェア創造事業に採択北欧神話好き Skirnir Kvasir Ymir も北欧神話のキャラクタの名前です阪神タイガース好き今年は何も言うことはありません (( 涙 ) 2

3 今日お話しすることなぜ Ymir を作ったのか Ymir とはしくみ何がうれしいか他にできること開発デモ 3

4 なぜ Ymir を作ったのか既存の (Java 製 ) フレームワークを使った Web アプリ開発は面倒 1. たった1 画面足したいだけでもやらないといけないことがたくさんある 2.URIとページテンプレートパスの対応が直感的でない 3.URIを自由に決められない 4

5 Struts の場合 5

6 Struts の場合 1. たった 1 画面足したいだけでもやらないといけないことがたくさんある struts-config.xml に <form-bean> 追加 <action> 追加 ActionFormクラス追加 Action クラス追加 validator.xml にもエントリ追加 6

7 Struts の場合 2. URI とページテンプレートパスの対応が直感的でない URL /view-form.do テンプレートパス /WEB-INF/jsp/view-form.jsp 7

8 Struts の場合 3. URI を自由に決められないカテゴリコンピュータに属する記事で 2007 年 2 月 28 日に投稿されたもののうち最初のものを表示こんな感じで /catetory/computer/ /0001.html 現実は /view.do?category=computer&date= &seq=0 001 /execute/view? category=computer&date= &seq=0001 8

9 やってられない 9

10 Web アプリ作るのってもっと簡単にできるんじゃないの? 10

11 というわけでとにかく簡単に Web アプリを作れるようにする画面を増やす場合の手間を少なく変更に対するフィードバックが即座に得られるように (STEP by STEP 開発 by ひがさん ) 必要な道具 ( テンプレートエンジン O/R マッパ ) は一緒に提供制約はなるべく設けないようにする URLと処理クラス呼び出しメソッドの対応を柔軟に指定できるようにテンプレートエンジン O/Rマッパ等との自由な組み合わせを可能に 11

12 二兎を追う CMS Kvasir/Sora の動的プラグイン ( ログイン機能日記機能 ) を実現するためのフレームワークを作る必要性一応あったけれどかなりてきとーに作ったので作り直したい WebUDA Tuigwaa のチームでプラグイン API の検討が進められていたどうせならどちらでも使えるものとして作るといいのでは基本構想を Tuigwaa チームと一緒に考えたその後はほぼ独自に開発を進めてしまいました ^^; こうしてできたのが Ymir( ゆみる ) です 12

13 Ymir とはフィルタ指向のシンプルな Web アプリケーションフレームワーク読み方はゆみる北欧神話に出てくる巨人血肉が世界の元となった公式サイト : このサイトは Kvasir/Soraで作られています 13

14 Ymir の特徴 J2SE5 以降 +ServletAPI2.44 で動作 Seasar2.4 ベース HOT deploy 対応 MVC の C の部分を担当お勧め構成は Ymir+Freyja の ZPT 実装 +S2Dao Freyja XMLテンプレートエンジン構築 F/W ZPT 実装を持っている net/product/freyja/ 14

15 Ymir の特徴 (2) 開発モードとリリースモードアプリケーションの動作モード開発中は開発モード HOT deploy 有効自動生成有効運用中はリリースモード HOT deploy 無効自動生成無効 15

16 ZPT Zope Page Template Python(Zope) の世界で生まれたテンプレート言語独自属性 (TAL METAL) で HTML の書き換え指示を記述 16

17 ZPT の属性 tal:attributes 属性を置き換え <img tal:attributes= alt string:aaa /> <img alt= aaa /> tal:content タグの中身を置き換え <span tal:content= string:aaa > 題名 </span> <span>aaa</span> tal:replace タグ全体を置き換え <span tal:replace= string:aaa > 題名 </span> aaa tal:omit-tag 値が真ならタグだけ除去 <strong tal:omit-tag= not:isstrong > 内容 </strong> 内容 17

18 ZPT の属性 tal:repeat 繰り返し <p tal:repeat= name names tal:content= name > 中身 </p> <p> 名前 1</p><p> 名前 2</p><p> 名前 3</p> tal:condition 値が真なら描画 <p tal:condition= iserror tal:content= errormessage > エラーメッセージ </p> tal:define 変数を定義 <div tal:define= c a/b/c ><span tal:content= c ></span></div> 18

19 ZPT の例 <html> <body> <h1 tal:content= self/title > 題名 </h1> <ul tal:condition= self/messages > <li tal:repeat= message self/messages </ul> </body> </html> tal:content= message > 繰り返しメッセージ </li> 19

20 しくみサーブレットフィルタとして動作 URI と Page コンポーネント名のマッピングを持つリクエストURIにマッチするマッピングがあれば対応する名前の Pageコンポーネント (POJO) を S2から取り出しリクエストパラメータをsetしてアクションメソッドを実行アクションメソッドの実行後は基本的にスルー 20

21 サーブレットコンテナ Web ブラウザ /list.html 1URI がマッチするかチェックマッピング URI:^/(.*).html$ コンポーネント名 :${1}Page メソッド名 :_${method} 2マッチした! コンポーネント名 :listpage メソッド名 :_get() Seasar2 3listPage コンポーネントを取り出し listpage com.example.listpage 4ListPage#_get() を呼び出すレスポンスビューテンプレートエンジン (ex. Freyja) 5サーブレット ( ビューテンプレートエンジン ) がレスポンスを返す

22 これだけ 22

23 何がうれしいか URIのマッピングルールを自由に指定可能ルを自由に指定可能 Pageクラス名アクションメソッド名マッピングルールをF/W 側から押しつけられずにすむアクションメソッドをHTTP methodによって切り替え可能 REST と親和性が高い URI とテンプレートパスが一致直接アクセスされたくないから /WEB-INF/ の下に JSP 置いてとかしなくていいテンプレートの位置が分かりやすいテンプレート中で相対パス指定だってできちゃう REST っぽい URI がリソース ( テンプレート ) に結びついている感ありあり 23

24 他にできること例外ハンドリングファイルアップロードバリデータ form 項目単位 submit 処理単位で指定可能アクセス制御ユーザ毎に操作の許可不許可を制御可能 ( 実装含まず ) オブジェクトスコープ session スコープ conversation スコープ redirection スコープリクエスト駆動のJavaクラス自動生成機能 (ymir- extension) 24

25 自動生成機能リクエスト駆動アプリケーションを実際に動作させる中で Java コードを生成生成に関して Web ブラウザ上で指示自動生成できない部分は Eclipse 上で開発 HOT deploy 機能によって自動生成フェーズと手動開発フェーズをシームレスに結合 Beantable Dao の Entity からテーブルを自動生成 Entity 定義が変更になった場合テーブル定義も自動更新 25

26 準備 ymir-skeleton を利用 Maven2 Eclipse3.2 Maven Additional Plugin があると便利 Tomcat

27 準備 (2) 1. ymir-skeleton を展開 2. Eclipse にプロジェクトとしてインポート 3. Tomcat にデプロイ 4. Tomcat を起動 5. あとはインタラクティブに開発! 27

28 デモ簡易掲示板 28

29 おわりにとにかく簡単に Web アプリを作れるようにするを目指したWebフレームワークです机上のフレームワークではありません多数のアプリプラグイン (Kvasir/Sora) 開発事例あり普通のWebアプリフレームワークとしても実案件に適用中 B to C 系予約システム (50 画面程度 4アプリ国際化対応 ) まずは触ってみて下さい 29

30 J2EE システム開発における標準化のアプローチ事例紹介セミナーフレームワーク導入なども含めた標準化のアプローチを通じ品質 / 生産性 / 保守性向上スキル育成レガシースキル技術転用など開発プロジェクトを成功に導く秘訣を紹介! 事例発表 1 日立建機ロジテック様 J2EE オブジェクト指向開発による物流基幹系システム開発推進の勘どころ事例発表 2 ソニーミュージックアクシス様開発環境やフレームワーク活用による標準化の効果とめざすべき姿 11/28( 水 )15:00~18:00 JJK 会館 ( 東京都中央区 ) にて参加費無料主催株式会社アークシステム

Ymirを使ってかんたんWebアプリ開発

Ymirを使ってかんたんWebアプリ開発 2008 Autumn Ymir を使ってかんたん Web アプリ開発 Ymir プロジェクトプロジェクトリーダ ( 株 ) アークシステム横田健彦 (a.k.a. Skirnir) 1 自己紹介横田健彦 ( よこたたけひこ ) ネット上では Skirnir( すきーるにる ) と名乗っています ( 株 ) アークシステム所属 Java や.NET の Web 系技術者募集中! プラグイン機構がウリの