第8回Ext勉強会プレゼン - 石丸

1,786 views
1,742 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,786
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • 第8回Ext勉強会プレゼン - 石丸

    1. 1. 既存システムに対する Ext JS の部分的適用事例 2009/02/18  第8回 Ext JS/Ext GWT 勉強会 Ext Japan,LLC /株式会社ゴーガ 石丸健太郎
    2. 2. Ext はどこで多く使われているのか?
    3. 3. 部分的 Ext 適用のメリット <ul><li>カレンダー </li></ul><ul><li>グリッド </li></ul><ul><li>ツリー </li></ul><ul><li>リッチテキストフォーム </li></ul><ul><li>複数のダイアログボタン </li></ul><ul><li>・・・ etc </li></ul><ul><li>既存の DB 、処理系ロジックをそのまま適用 </li></ul><ul><li>UI 部分をデザイナーなしでも見栄え良くできる </li></ul><ul><li>ゼロから作ると大変なコンポーネントを選択的に活用 </li></ul><ul><li>使う部分のライブラリだけを読み込むと軽くなる </li></ul><ul><li>・・・ etc </li></ul>
    4. 4. ★ 処理系プログラミングのパラダイムシフト <ul><li>デザインとロジック分離のもう一つの形 </li></ul><ul><li>従来処理系で行っていたプレゼンテーションや各種処理をクライアント側に分散させることで、従来とは別の形でのスケールアウトを実現 </li></ul><ul><li>JSONP によってサーバサイド処理さえ必要ないマッシュアップ アプリを実現可能 </li></ul>データ層 ストアドプロシジャー ( SQL ) アプリ層 処理系言語 PHP etc API API API API API プレゼン層 Ext Ext HTML JavaScript CSS マッシュアップ クラウド
    5. 5. ★ 処理系プログラミングのパラダイムシフト <ul><li>サーバ側とクライアント側にそれぞれの MVC モデル </li></ul><ul><li>DB-> 処理系はシンプルな API のみを用意 </li></ul><ul><li>クライアント->処理系は従来のシステムを再利用 </li></ul>データベース 処理系 プレゼン層 Ext ● Model data.record ● View GridPanel ●Ctrl data.store チェック ロジック ワークフロー 更新情報 更新情報 ◎ View ◎ Model ◎ Ctrl マッシュアップ クラウド API ( データ) API ( データ)
    6. 6. Grid Filtering の実装例 <ul><li>日本語は通るが IME 入力は想定されてない </li></ul><ul><li>ID で返すように設計すると幸せになれるかも?! </li></ul><ul><li>単一選択・複数選択・日付・文字列・大小比較に対応 </li></ul><ul><li>標準ライブラリに追加して利用 </li></ul><ul><li>2.2.1 にはちょっとしかバグが </li></ul>http:// ext.geo.jp / http://extjs.com/deploy/dev/examples/grid-filtering/grid-filter.html
    7. 7. Thanks a lot ! ご清聴 ありがとうございました。 http://extjs.co.jp/

    ×