Ext JS & HTML5




2010   2   25
:

                    :

                        : Ext JS & Google App Engine (Python)

                URL : www.degino....
HTML5

                Media: video, audio, canvas
                Structure: header, footer, section, nav, article, etc.....
HTML 5 Demo



2010   2   25
Ext JS       HTML5

                             Ext JS   HTML5
                  Media                 ○
                ...
Form Example



2010   2   25
Ext JS Roadmap

                Ext JS 3.2 (2010/3)


                Ext JS 4.0
                    HTML5

              ...
Ext JS        HTML5


                Web Database          ?

                 Ext.data.DataProxy       (?)

            ...
Canvas Panel 1

                MyCanvas = Ext.extend(Ext.Panel, {
                	 initComponent:	function() {
         ...
Canvas Panel 2

                MyCanvas._render = function() {
                	 var size = this.getSize();
             ...
2010   2   25
Upcoming SlideShare
Loading in …5
×

Ext JS & HTML5

7,198 views

Published on

Ext JS 勉強会 2月@東京 資料

1 Comment
0 Likes
Statistics
Notes
  • This is very helpful for you and for us i think it is one of the best blog in the world.

    http://www.downloadaresfree.org/
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Be the first to like this

No Downloads
Views
Total views
7,198
On SlideShare
0
From Embeds
0
Number of Embeds
170
Actions
Shares
0
Downloads
48
Comments
1
Likes
0
Embeds 0
No embeds

No notes for slide

Ext JS & HTML5

  1. 1. Ext JS & HTML5 2010 2 25
  2. 2. : : : Ext JS & Google App Engine (Python) URL : www.degino.com Twitter : Tommy1969 2010 2 25
  3. 3. HTML5 Media: video, audio, canvas Structure: header, footer, section, nav, article, etc... Form & Grid: form , dataview (*) Local Database : Web Database JavaScript : Web Sockets, Web Workers CSS3 : Effect, Animation Misc : File API, 2010 2 25
  4. 4. HTML 5 Demo 2010 2 25
  5. 5. Ext JS HTML5 Ext JS HTML5 Media ○ Structure ○ Form&Grid ○ LocalDB ○ Background ○ Other ○ 2010 2 25
  6. 6. Form Example 2010 2 25
  7. 7. Ext JS Roadmap Ext JS 3.2 (2010/3) Ext JS 4.0 HTML5 HTML5 WebSocket Canvas 2010 2 25
  8. 8. Ext JS HTML5 Web Database ? Ext.data.DataProxy (?) Canvas, SVG, Video Ext.Panel 2010 2 25
  9. 9. Canvas Panel 1 MyCanvas = Ext.extend(Ext.Panel, { initComponent: function() { MyCanvas.superclass.initComponent.call(this); this.on({ render: this._render, bodyresize: function(panel, width, height) { if (this.canvas) this.canvas.setSize(width, height); } }); } }; 2010 2 25
  10. 10. Canvas Panel 2 MyCanvas._render = function() { var size = this.getSize(); var cfg = Ext.copyTo({ tag : 'canvas', width: size.width, height: size.height }, this, 'poster,start,loopstart,loopend,playcount,autobuffer,loop'); this.canvas = this.body.createChild(cfg); }; 2010 2 25
  11. 11. 2010 2 25

×