090422 第10回勉強会(公開用)
-
Upload
yuki-naotori -
Category
Documents
-
view
803 -
download
2
Transcript of 090422 第10回勉強会(公開用)
![Page 1: 090422 第10回勉強会(公開用)](https://reader033.fdocuments.net/reader033/viewer/2022051016/558d24e2d8b42a2c478b4654/html5/thumbnails/1.jpg)
第10回 Ext JS / Ext GWT 勉強会
2009/04/22
![Page 2: 090422 第10回勉強会(公開用)](https://reader033.fdocuments.net/reader033/viewer/2022051016/558d24e2d8b42a2c478b4654/html5/thumbnails/2.jpg)
Agenda
・Ext Conference 2009報告・新リリース・勉強会について
![Page 3: 090422 第10回勉強会(公開用)](https://reader033.fdocuments.net/reader033/viewer/2022051016/558d24e2d8b42a2c478b4654/html5/thumbnails/3.jpg)
Ext Conference 2009
![Page 4: 090422 第10回勉強会(公開用)](https://reader033.fdocuments.net/reader033/viewer/2022051016/558d24e2d8b42a2c478b4654/html5/thumbnails/4.jpg)
4/14~16@フロリダ州オーランド
![Page 5: 090422 第10回勉強会(公開用)](https://reader033.fdocuments.net/reader033/viewer/2022051016/558d24e2d8b42a2c478b4654/html5/thumbnails/5.jpg)
200名以上の参加者
![Page 6: 090422 第10回勉強会(公開用)](https://reader033.fdocuments.net/reader033/viewer/2022051016/558d24e2d8b42a2c478b4654/html5/thumbnails/6.jpg)
Ext チームも(ほぼ)全員参加
![Page 7: 090422 第10回勉強会(公開用)](https://reader033.fdocuments.net/reader033/viewer/2022051016/558d24e2d8b42a2c478b4654/html5/thumbnails/7.jpg)
Forumの有名人が参加
Animal JgarciaMystix
![Page 8: 090422 第10回勉強会(公開用)](https://reader033.fdocuments.net/reader033/viewer/2022051016/558d24e2d8b42a2c478b4654/html5/thumbnails/8.jpg)
内容(初日)Keynote:The Future of JavaScript
Douglas CrockfordExt 3.x - What's new & how to use it Ext GWT 2.x - What's new & how to
use itIndustry Panel
Ext.data - Communicating with the Server Back to the Basics
Ext.direct Ext.air
Introducing Ext Core Using Ext Utility Classes
Ask the Ext Team
![Page 9: 090422 第10回勉強会(公開用)](https://reader033.fdocuments.net/reader033/viewer/2022051016/558d24e2d8b42a2c478b4654/html5/thumbnails/9.jpg)
内容(二日目)Keynote:Official Launch of Ext 3.0
Jack SlocumDissecting Ext 3.x's Signature Sample Building Accessible Apps for Ext JS
and Ext GWTAsk The Ext-perts
User Experience Design with Ext JS Ext GWT Containers & Layouts
Theming Ext Refactoring
Building Usable Interfaces Optimizing Performance
Ask the Ext Team
![Page 10: 090422 第10回勉強会(公開用)](https://reader033.fdocuments.net/reader033/viewer/2022051016/558d24e2d8b42a2c478b4654/html5/thumbnails/10.jpg)
内容(三日目)Ext.Writer Application Deployment
Migrating from Mainframe to Web 2.0 Ext GWT Models and Data Loading
Ask the Ext Team
![Page 11: 090422 第10回勉強会(公開用)](https://reader033.fdocuments.net/reader033/viewer/2022051016/558d24e2d8b42a2c478b4654/html5/thumbnails/11.jpg)
参加者の概要
・年齢層:結構高めな印象・大半は社内向けアプリの開発にExtを利用・バックエンドはJavaが半数、次にPHP・GXT利用者は1割以下
![Page 12: 090422 第10回勉強会(公開用)](https://reader033.fdocuments.net/reader033/viewer/2022051016/558d24e2d8b42a2c478b4654/html5/thumbnails/12.jpg)
その他・Extに限らずJavaScriptコードのテストは まだ試行錯誤段階(JSLintやSeleniumではまだまだ)・Extを導入する場合はGridやTreeなどの一部機能を利用してから、その後、全面利用・標準化みたいなケースが多い
![Page 13: 090422 第10回勉強会(公開用)](https://reader033.fdocuments.net/reader033/viewer/2022051016/558d24e2d8b42a2c478b4654/html5/thumbnails/13.jpg)
その他・大半の人の興味はExt.direct・部品の再利用は大前提・上(あるいは客)を説得するときのポイントは「開発工数の圧倒的な削減」・プロトタイプを短期間で作って驚かせる・Ext Designerは3.1でリリース予定(会場から大きなため息)
![Page 14: 090422 第10回勉強会(公開用)](https://reader033.fdocuments.net/reader033/viewer/2022051016/558d24e2d8b42a2c478b4654/html5/thumbnails/14.jpg)
新リリースCore 3.0 / Ext 3.0 / GXT 2.0
![Page 15: 090422 第10回勉強会(公開用)](https://reader033.fdocuments.net/reader033/viewer/2022051016/558d24e2d8b42a2c478b4654/html5/thumbnails/15.jpg)
Ext Core 3.0
・ext-core.js.gz < 25kb・MITライセンス・利用マニュアル
![Page 17: 090422 第10回勉強会(公開用)](https://reader033.fdocuments.net/reader033/viewer/2022051016/558d24e2d8b42a2c478b4654/html5/thumbnails/17.jpg)
メリット
Extの文法でjQuery的な使い方が可能
![Page 18: 090422 第10回勉強会(公開用)](https://reader033.fdocuments.net/reader033/viewer/2022051016/558d24e2d8b42a2c478b4654/html5/thumbnails/18.jpg)
注意点
・完全なサブセットではない・いくつかのメソッドが省略
![Page 19: 090422 第10回勉強会(公開用)](https://reader033.fdocuments.net/reader033/viewer/2022051016/558d24e2d8b42a2c478b4654/html5/thumbnails/19.jpg)
Ext JS 3.0サーバー側との連携を
強く意識した新機能・改善
Ext.directExt.data.*
![Page 20: 090422 第10回勉強会(公開用)](https://reader033.fdocuments.net/reader033/viewer/2022051016/558d24e2d8b42a2c478b4654/html5/thumbnails/20.jpg)
Ext.directサーバー側コードについてはPHP, Java, Ruby, ColdFusion、.NET等についてMITライセンスでリリース予定
各MVCフレームワーク向けのコードはコミュニティ主導での開発を希望
![Page 21: 090422 第10回勉強会(公開用)](https://reader033.fdocuments.net/reader033/viewer/2022051016/558d24e2d8b42a2c478b4654/html5/thumbnails/21.jpg)
Ext.direct
RemotingProviderでは複数のリクエストをまとめて一つのリクエストとして送信できる
それぞれのレスポンスはPollingProviderなどを使って処理
![Page 22: 090422 第10回勉強会(公開用)](https://reader033.fdocuments.net/reader033/viewer/2022051016/558d24e2d8b42a2c478b4654/html5/thumbnails/22.jpg)
CSSの再編
visual、structureext-all-notheme.css
![Page 23: 090422 第10回勉強会(公開用)](https://reader033.fdocuments.net/reader033/viewer/2022051016/558d24e2d8b42a2c478b4654/html5/thumbnails/23.jpg)
Flashチャート
YUIベースのチャートExt.chart
![Page 24: 090422 第10回勉強会(公開用)](https://reader033.fdocuments.net/reader033/viewer/2022051016/558d24e2d8b42a2c478b4654/html5/thumbnails/24.jpg)
メモリリーク対策
Ext.Component.mon独自Componentを作る際には必須
![Page 25: 090422 第10回勉強会(公開用)](https://reader033.fdocuments.net/reader033/viewer/2022051016/558d24e2d8b42a2c478b4654/html5/thumbnails/25.jpg)
その他
・Ext.Menu/ToolbarのContainer化・Ext.ButtonのBoxComponent化・HBox/VBoxLayoutの追加・Ext.Listviewの追加
![Page 26: 090422 第10回勉強会(公開用)](https://reader033.fdocuments.net/reader033/viewer/2022051016/558d24e2d8b42a2c478b4654/html5/thumbnails/26.jpg)
その他
・Debug Console(debug.js)にObject Inspector・Toolbar/Menu overflow・resetBodyCss(Ext.Panel)・ARIAのサポートはまだ実験段階
![Page 27: 090422 第10回勉強会(公開用)](https://reader033.fdocuments.net/reader033/viewer/2022051016/558d24e2d8b42a2c478b4654/html5/thumbnails/27.jpg)
新しいサンプル
・BufferedGrid・RowEditor・GroupTab・AnchorTip
![Page 28: 090422 第10回勉強会(公開用)](https://reader033.fdocuments.net/reader033/viewer/2022051016/558d24e2d8b42a2c478b4654/html5/thumbnails/28.jpg)
Deprecated名称変更・Accordion→AccordionLayout・SimpleStore→ArrayStore
Deprecated・Ext.menu.Adapter・Ext.menu.ColorItem・Ext.menu.DateItem・Ext.StatusBar (removed)