• Like
  • Save
100915 HTML5とか勉強会発表資料
Upcoming SlideShare
Loading in...5
×
 

100915 HTML5とか勉強会発表資料

on

  • 19,518 views

Sencha Touchの紹介

Sencha Touchの紹介

Statistics

Views

Total Views
19,518
Views on SlideShare
8,915
Embed Views
10,603

Actions

Likes
20
Downloads
139
Comments
1

13 Embeds 10,603

http://20kaido.com 9485
http://d.hatena.ne.jp 624
http://coolong.2-d.jp 230
http://www.extjs.co.jp 86
http://www.surftaxi.com 67
http://wiki.onakasuita.org 55
http://www.techgig.com 31
http://paper.li 16
http://takeshaaan.posterous.com 5
http://webcache.googleusercontent.com 1
http://www4319u.sakura.ne.jp 1
http://20kaido.net 1
http://web.archive.org 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Apple Keynote

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

11 of 1

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • <br />
  • &#x6700;&#x521D;&#x306B;&#x30D6;&#x30E9;&#x30F3;&#x30C9;&#x5909;&#x66F4;&#x306B;&#x3064;&#x3044;&#x3066;&#x7C21;&#x5358;&#x306B;&#x8AAC;&#x660E; <br />
  • jQTouch&#x3001;Raphael&#x306E;&#x30C7;&#x30E2; <br />
  • jQTouch&#x3001;Raphael&#x306E;&#x30C7;&#x30E2; <br />
  • jQTouch&#x3001;Raphael&#x306E;&#x30C7;&#x30E2; <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • &#x4ECA;&#x65E5;&#x306F;jQTouch&#x306E;&#x8A71;&#x3082;&#x3042;&#x308B;&#x307F;&#x305F;&#x3044;&#x306A;&#x306E;&#x3067;&#x3001;&#x30E9;&#x30A4;&#x30BB;&#x30F3;&#x30B9;&#x306B;&#x3064;&#x3044;&#x3066;&#x8A71;&#x3092;&#x3057;&#x3066;&#x304A;&#x304D;&#x307E;&#x3059; <br />
  • &#x4ECA;&#x65E5;&#x306F;jQTouch&#x306E;&#x8A71;&#x3082;&#x3042;&#x308B;&#x307F;&#x305F;&#x3044;&#x306A;&#x306E;&#x3067;&#x3001;&#x30E9;&#x30A4;&#x30BB;&#x30F3;&#x30B9;&#x306B;&#x3064;&#x3044;&#x3066;&#x8A71;&#x3092;&#x3057;&#x3066;&#x304A;&#x304D;&#x307E;&#x3059; <br />
  • &#x4ECA;&#x65E5;&#x306F;jQTouch&#x306E;&#x8A71;&#x3082;&#x3042;&#x308B;&#x307F;&#x305F;&#x3044;&#x306A;&#x306E;&#x3067;&#x3001;&#x30E9;&#x30A4;&#x30BB;&#x30F3;&#x30B9;&#x306B;&#x3064;&#x3044;&#x3066;&#x8A71;&#x3092;&#x3057;&#x3066;&#x304A;&#x304D;&#x307E;&#x3059; <br />
  • Beta <br />
  • &#x5168;&#x3066;WebKit&#x30D9;&#x30FC;&#x30B9; <br />
  • opacity, corners, shadows, gradients &#x2014;&#xA0;rotate, scale, depth, hardware accelerated. <br /> Unfortunately, some iPhone specific now. Geo-location + SVG are diff on Android. <br />
  • opacity, corners, shadows, gradients &#x2014;&#xA0;rotate, scale, depth, hardware accelerated. <br /> Unfortunately, some iPhone specific now. Geo-location + SVG are diff on Android. <br />
  • opacity, corners, shadows, gradients &#x2014;&#xA0;rotate, scale, depth, hardware accelerated. <br /> Unfortunately, some iPhone specific now. Geo-location + SVG are diff on Android. <br />
  • &#x3068;&#x3044;&#x3046;&#x3053;&#x3068;&#x3067;&#x3001;&#x73FE;&#x6642;&#x70B9;&#x3067;&#x306F;WebKit&#x306B;&#x6700;&#x9069;&#x5316;&#x3055;&#x308C;&#x3066;&#x3044;&#x307E;&#x3059; <br /> &#x30CD;&#x30A4;&#x30C6;&#x30A3;&#x30D6;&#x30A2;&#x30D7;&#x30EA;&#x4E26;&#x307F;&#x306E;&#x3082;&#x306E;&#x3092;&#x4F5C;&#x308B;&#x306E;&#x306B;&#x5FC5;&#x8981;&#x306A;&#x30AF;&#x30E9;&#x30B9;&#x304C;&#x4E00;&#x901A;&#x308A;&#x305D;&#x308D;&#x3063;&#x3066;&#x3044;&#x307E;&#x3059; <br />
  • &#x30CD;&#x30A4;&#x30C6;&#x30A3;&#x30D6;&#x306E;&#x30A4;&#x30D9;&#x30F3;&#x30C8;&#x306F;&#x4F7F;&#x3044;&#x306B;&#x304F;&#x3044;&#x306E;&#x3067;&#x3001; <br />
  • &#x5B9F;&#x969B;&#x306B;&#x30E9;&#x30A4;&#x30D6;&#x30B3;&#x30FC;&#x30C7;&#x30A3;&#x30F3;&#x30B0;&#x3057;&#x3066;&#x307F;&#x308B; <br />
  • &#x30B5;&#x30F3;&#x30D7;&#x30EB;&#x306E;&#x30C7;&#x30E2; <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • &#x30A2;&#x30D7;&#x30EA;&#x306E;&#x7D39;&#x4ECB; <br /> &#x3053;&#x306E;&#x30D7;&#x30EC;&#x30BC;&#x30F3;&#x7528;&#x306B;&#x4F5C;&#x3063;&#x3066;&#x305F;&#x3089;&#x3001;&#x52E2;&#x3044;&#x4F59;&#x3063;&#x3066;&#x30C9;&#x30E1;&#x30A4;&#x30F3;&#x307E;&#x3067;&#x3068;&#x3063;&#x3066;&#x3057;&#x307E;&#x3063;&#x305F; <br />
  • <br />
  • Web&#x30A4;&#x30F3;&#x30B9;&#x30DA;&#x30AF;&#x30BF;&#x3092;&#x898B;&#x308B; <br /> Web&#x30A4;&#x30F3;&#x30B9;&#x30DA;&#x30AF;&#x30BF;&#x3044;&#x3044;&#x3067;&#x3059;&#x3088; <br /> manifest&#x306B;&#x3064;&#x3044;&#x3066;&#x3082;&#x8A00;&#x53CA; <br /> &#x30C7;&#x30D7;&#x30ED;&#x30A4;&#x6642;&#x306B;&#x306F;JS&#x30D5;&#x30A1;&#x30A4;&#x30EB;&#x306F;&#x307E;&#x3068;&#x3081;&#x308B; <br />
  • google map&#x306E;&#x30ED;&#x30FC;&#x30C7;&#x30A3;&#x30F3;&#x30B0;&#x306B;&#x5BFE;&#x5FDC;&#x3059;&#x308B;&#x305F;&#x3081;&#x306B;&#x3053;&#x3046;&#x3044;&#x3046;&#x66F8;&#x304D;&#x65B9;&#x3057;&#x3066;&#x308B;&#xFF08;&#x30AD;&#x30E3;&#x30C3;&#x30B7;&#x30E5;&#x3092;&#x8272;&#x3005;&#x3084;&#x3063;&#x3066;&#x3044;&#x3066;&#xFF09; <br />
  • google map&#x306E;&#x30ED;&#x30FC;&#x30C7;&#x30A3;&#x30F3;&#x30B0;&#x306B;&#x5BFE;&#x5FDC;&#x3059;&#x308B;&#x305F;&#x3081;&#x306B;&#x3053;&#x3046;&#x3044;&#x3046;&#x66F8;&#x304D;&#x65B9;&#x3057;&#x3066;&#x308B;&#xFF08;&#x30AD;&#x30E3;&#x30C3;&#x30B7;&#x30E5;&#x3092;&#x8272;&#x3005;&#x3084;&#x3063;&#x3066;&#x3044;&#x3066;&#xFF09; <br />
  • <br />
  • &#x7D99;&#x627F;&#x3057;&#x3066;&#x4F7F;&#x3046;&#x306E;&#x304C;&#x9244;&#x5247; <br /> &#x30AB;&#x30FC;&#x30C9;&#x30EC;&#x30A4;&#x30A2;&#x30A6;&#x30C8;&#x306E;&#x8AAC;&#x660E;&#xFF08;&#x4ED6;&#x306B;&#x3082;&#x8272;&#x3005;&#x306A;&#x30EC;&#x30A4;&#x30A2;&#x30A6;&#x30C8;&#x304C;&#x3042;&#x308B;&#xFF09; <br /> xtype&#x306E;&#x8AAC;&#x660E;&#xFF08;JSON&#x3067;&#x30B5;&#x30FC;&#x30D0;&#x30FC;&#x3068;&#x3084;&#x308A;&#x53D6;&#x308A;&#x53EF;&#x80FD;&#x3001;&#x3068;&#x3044;&#x3046;&#x30E1;&#x30EA;&#x30C3;&#x30C8;&#xFF09; <br /> dockedItems&#x306E;&#x8AAC;&#x660E; <br />
  • &#x7D99;&#x627F;&#x3057;&#x3066;&#x4F7F;&#x3046;&#x306E;&#x304C;&#x9244;&#x5247; <br /> &#x30AB;&#x30FC;&#x30C9;&#x30EC;&#x30A4;&#x30A2;&#x30A6;&#x30C8;&#x306E;&#x8AAC;&#x660E;&#xFF08;&#x4ED6;&#x306B;&#x3082;&#x8272;&#x3005;&#x306A;&#x30EC;&#x30A4;&#x30A2;&#x30A6;&#x30C8;&#x304C;&#x3042;&#x308B;&#xFF09; <br /> xtype&#x306E;&#x8AAC;&#x660E;&#xFF08;JSON&#x3067;&#x30B5;&#x30FC;&#x30D0;&#x30FC;&#x3068;&#x3084;&#x308A;&#x53D6;&#x308A;&#x53EF;&#x80FD;&#x3001;&#x3068;&#x3044;&#x3046;&#x30E1;&#x30EA;&#x30C3;&#x30C8;&#xFF09; <br /> dockedItems&#x306E;&#x8AAC;&#x660E; <br />
  • &#x7D99;&#x627F;&#x3057;&#x3066;&#x4F7F;&#x3046;&#x306E;&#x304C;&#x9244;&#x5247; <br /> &#x30AB;&#x30FC;&#x30C9;&#x30EC;&#x30A4;&#x30A2;&#x30A6;&#x30C8;&#x306E;&#x8AAC;&#x660E;&#xFF08;&#x4ED6;&#x306B;&#x3082;&#x8272;&#x3005;&#x306A;&#x30EC;&#x30A4;&#x30A2;&#x30A6;&#x30C8;&#x304C;&#x3042;&#x308B;&#xFF09; <br /> xtype&#x306E;&#x8AAC;&#x660E;&#xFF08;JSON&#x3067;&#x30B5;&#x30FC;&#x30D0;&#x30FC;&#x3068;&#x3084;&#x308A;&#x53D6;&#x308A;&#x53EF;&#x80FD;&#x3001;&#x3068;&#x3044;&#x3046;&#x30E1;&#x30EA;&#x30C3;&#x30C8;&#xFF09; <br /> dockedItems&#x306E;&#x8AAC;&#x660E; <br />
  • &#x7D99;&#x627F;&#x3057;&#x3066;&#x4F7F;&#x3046;&#x306E;&#x304C;&#x9244;&#x5247; <br /> &#x30AB;&#x30FC;&#x30C9;&#x30EC;&#x30A4;&#x30A2;&#x30A6;&#x30C8;&#x306E;&#x8AAC;&#x660E;&#xFF08;&#x4ED6;&#x306B;&#x3082;&#x8272;&#x3005;&#x306A;&#x30EC;&#x30A4;&#x30A2;&#x30A6;&#x30C8;&#x304C;&#x3042;&#x308B;&#xFF09; <br /> xtype&#x306E;&#x8AAC;&#x660E;&#xFF08;JSON&#x3067;&#x30B5;&#x30FC;&#x30D0;&#x30FC;&#x3068;&#x3084;&#x308A;&#x53D6;&#x308A;&#x53EF;&#x80FD;&#x3001;&#x3068;&#x3044;&#x3046;&#x30E1;&#x30EA;&#x30C3;&#x30C8;&#xFF09; <br /> dockedItems&#x306E;&#x8AAC;&#x660E; <br />
  • &#x7D99;&#x627F;&#x3057;&#x3066;&#x4F7F;&#x3046;&#x306E;&#x304C;&#x9244;&#x5247; <br /> &#x30AB;&#x30FC;&#x30C9;&#x30EC;&#x30A4;&#x30A2;&#x30A6;&#x30C8;&#x306E;&#x8AAC;&#x660E;&#xFF08;&#x4ED6;&#x306B;&#x3082;&#x8272;&#x3005;&#x306A;&#x30EC;&#x30A4;&#x30A2;&#x30A6;&#x30C8;&#x304C;&#x3042;&#x308B;&#xFF09; <br /> xtype&#x306E;&#x8AAC;&#x660E;&#xFF08;JSON&#x3067;&#x30B5;&#x30FC;&#x30D0;&#x30FC;&#x3068;&#x3084;&#x308A;&#x53D6;&#x308A;&#x53EF;&#x80FD;&#x3001;&#x3068;&#x3044;&#x3046;&#x30E1;&#x30EA;&#x30C3;&#x30C8;&#xFF09; <br /> dockedItems&#x306E;&#x8AAC;&#x660E; <br />
  • &#x7D99;&#x627F;&#x3057;&#x3066;&#x4F7F;&#x3046;&#x306E;&#x304C;&#x9244;&#x5247; <br /> &#x30AB;&#x30FC;&#x30C9;&#x30EC;&#x30A4;&#x30A2;&#x30A6;&#x30C8;&#x306E;&#x8AAC;&#x660E;&#xFF08;&#x4ED6;&#x306B;&#x3082;&#x8272;&#x3005;&#x306A;&#x30EC;&#x30A4;&#x30A2;&#x30A6;&#x30C8;&#x304C;&#x3042;&#x308B;&#xFF09; <br /> xtype&#x306E;&#x8AAC;&#x660E;&#xFF08;JSON&#x3067;&#x30B5;&#x30FC;&#x30D0;&#x30FC;&#x3068;&#x3084;&#x308A;&#x53D6;&#x308A;&#x53EF;&#x80FD;&#x3001;&#x3068;&#x3044;&#x3046;&#x30E1;&#x30EA;&#x30C3;&#x30C8;&#xFF09; <br /> dockedItems&#x306E;&#x8AAC;&#x660E; <br />
  • &#x7D99;&#x627F;&#x3057;&#x3066;&#x4F7F;&#x3046;&#x306E;&#x304C;&#x9244;&#x5247; <br /> &#x30AB;&#x30FC;&#x30C9;&#x30EC;&#x30A4;&#x30A2;&#x30A6;&#x30C8;&#x306E;&#x8AAC;&#x660E;&#xFF08;&#x4ED6;&#x306B;&#x3082;&#x8272;&#x3005;&#x306A;&#x30EC;&#x30A4;&#x30A2;&#x30A6;&#x30C8;&#x304C;&#x3042;&#x308B;&#xFF09; <br /> xtype&#x306E;&#x8AAC;&#x660E;&#xFF08;JSON&#x3067;&#x30B5;&#x30FC;&#x30D0;&#x30FC;&#x3068;&#x3084;&#x308A;&#x53D6;&#x308A;&#x53EF;&#x80FD;&#x3001;&#x3068;&#x3044;&#x3046;&#x30E1;&#x30EA;&#x30C3;&#x30C8;&#xFF09; <br /> dockedItems&#x306E;&#x8AAC;&#x660E; <br />
  • &#x7D99;&#x627F;&#x3057;&#x3066;&#x4F7F;&#x3046;&#x306E;&#x304C;&#x9244;&#x5247; <br /> &#x30AB;&#x30FC;&#x30C9;&#x30EC;&#x30A4;&#x30A2;&#x30A6;&#x30C8;&#x306E;&#x8AAC;&#x660E;&#xFF08;&#x4ED6;&#x306B;&#x3082;&#x8272;&#x3005;&#x306A;&#x30EC;&#x30A4;&#x30A2;&#x30A6;&#x30C8;&#x304C;&#x3042;&#x308B;&#xFF09; <br /> xtype&#x306E;&#x8AAC;&#x660E;&#xFF08;JSON&#x3067;&#x30B5;&#x30FC;&#x30D0;&#x30FC;&#x3068;&#x3084;&#x308A;&#x53D6;&#x308A;&#x53EF;&#x80FD;&#x3001;&#x3068;&#x3044;&#x3046;&#x30E1;&#x30EA;&#x30C3;&#x30C8;&#xFF09; <br /> dockedItems&#x306E;&#x8AAC;&#x660E; <br />
  • &#x7D99;&#x627F;&#x3057;&#x3066;&#x4F7F;&#x3046;&#x306E;&#x304C;&#x9244;&#x5247; <br /> &#x30AB;&#x30FC;&#x30C9;&#x30EC;&#x30A4;&#x30A2;&#x30A6;&#x30C8;&#x306E;&#x8AAC;&#x660E;&#xFF08;&#x4ED6;&#x306B;&#x3082;&#x8272;&#x3005;&#x306A;&#x30EC;&#x30A4;&#x30A2;&#x30A6;&#x30C8;&#x304C;&#x3042;&#x308B;&#xFF09; <br /> xtype&#x306E;&#x8AAC;&#x660E;&#xFF08;JSON&#x3067;&#x30B5;&#x30FC;&#x30D0;&#x30FC;&#x3068;&#x3084;&#x308A;&#x53D6;&#x308A;&#x53EF;&#x80FD;&#x3001;&#x3068;&#x3044;&#x3046;&#x30E1;&#x30EA;&#x30C3;&#x30C8;&#xFF09; <br /> dockedItems&#x306E;&#x8AAC;&#x660E; <br />
  • &#x7D99;&#x627F;&#x3057;&#x3066;&#x4F7F;&#x3046;&#x306E;&#x304C;&#x9244;&#x5247; <br /> &#x30AB;&#x30FC;&#x30C9;&#x30EC;&#x30A4;&#x30A2;&#x30A6;&#x30C8;&#x306E;&#x8AAC;&#x660E;&#xFF08;&#x4ED6;&#x306B;&#x3082;&#x8272;&#x3005;&#x306A;&#x30EC;&#x30A4;&#x30A2;&#x30A6;&#x30C8;&#x304C;&#x3042;&#x308B;&#xFF09; <br /> xtype&#x306E;&#x8AAC;&#x660E;&#xFF08;JSON&#x3067;&#x30B5;&#x30FC;&#x30D0;&#x30FC;&#x3068;&#x3084;&#x308A;&#x53D6;&#x308A;&#x53EF;&#x80FD;&#x3001;&#x3068;&#x3044;&#x3046;&#x30E1;&#x30EA;&#x30C3;&#x30C8;&#xFF09; <br /> dockedItems&#x306E;&#x8AAC;&#x660E; <br />
  • &#x7D99;&#x627F;&#x3057;&#x3066;&#x4F7F;&#x3046;&#x306E;&#x304C;&#x9244;&#x5247; <br /> &#x30AB;&#x30FC;&#x30C9;&#x30EC;&#x30A4;&#x30A2;&#x30A6;&#x30C8;&#x306E;&#x8AAC;&#x660E;&#xFF08;&#x4ED6;&#x306B;&#x3082;&#x8272;&#x3005;&#x306A;&#x30EC;&#x30A4;&#x30A2;&#x30A6;&#x30C8;&#x304C;&#x3042;&#x308B;&#xFF09; <br /> xtype&#x306E;&#x8AAC;&#x660E;&#xFF08;JSON&#x3067;&#x30B5;&#x30FC;&#x30D0;&#x30FC;&#x3068;&#x3084;&#x308A;&#x53D6;&#x308A;&#x53EF;&#x80FD;&#x3001;&#x3068;&#x3044;&#x3046;&#x30E1;&#x30EA;&#x30C3;&#x30C8;&#xFF09; <br /> dockedItems&#x306E;&#x8AAC;&#x660E; <br />
  • &#x7D99;&#x627F;&#x3057;&#x3066;&#x4F7F;&#x3046;&#x306E;&#x304C;&#x9244;&#x5247; <br /> &#x30AB;&#x30FC;&#x30C9;&#x30EC;&#x30A4;&#x30A2;&#x30A6;&#x30C8;&#x306E;&#x8AAC;&#x660E;&#xFF08;&#x4ED6;&#x306B;&#x3082;&#x8272;&#x3005;&#x306A;&#x30EC;&#x30A4;&#x30A2;&#x30A6;&#x30C8;&#x304C;&#x3042;&#x308B;&#xFF09; <br /> xtype&#x306E;&#x8AAC;&#x660E;&#xFF08;JSON&#x3067;&#x30B5;&#x30FC;&#x30D0;&#x30FC;&#x3068;&#x3084;&#x308A;&#x53D6;&#x308A;&#x53EF;&#x80FD;&#x3001;&#x3068;&#x3044;&#x3046;&#x30E1;&#x30EA;&#x30C3;&#x30C8;&#xFF09; <br /> dockedItems&#x306E;&#x8AAC;&#x660E; <br />
  • &#x7D99;&#x627F;&#x3057;&#x3066;&#x4F7F;&#x3046;&#x306E;&#x304C;&#x9244;&#x5247; <br /> &#x30AB;&#x30FC;&#x30C9;&#x30EC;&#x30A4;&#x30A2;&#x30A6;&#x30C8;&#x306E;&#x8AAC;&#x660E;&#xFF08;&#x4ED6;&#x306B;&#x3082;&#x8272;&#x3005;&#x306A;&#x30EC;&#x30A4;&#x30A2;&#x30A6;&#x30C8;&#x304C;&#x3042;&#x308B;&#xFF09; <br /> xtype&#x306E;&#x8AAC;&#x660E;&#xFF08;JSON&#x3067;&#x30B5;&#x30FC;&#x30D0;&#x30FC;&#x3068;&#x3084;&#x308A;&#x53D6;&#x308A;&#x53EF;&#x80FD;&#x3001;&#x3068;&#x3044;&#x3046;&#x30E1;&#x30EA;&#x30C3;&#x30C8;&#xFF09; <br /> dockedItems&#x306E;&#x8AAC;&#x660E; <br />
  • &#x7D99;&#x627F;&#x3057;&#x3066;&#x4F7F;&#x3046;&#x306E;&#x304C;&#x9244;&#x5247; <br /> &#x30AB;&#x30FC;&#x30C9;&#x30EC;&#x30A4;&#x30A2;&#x30A6;&#x30C8;&#x306E;&#x8AAC;&#x660E;&#xFF08;&#x4ED6;&#x306B;&#x3082;&#x8272;&#x3005;&#x306A;&#x30EC;&#x30A4;&#x30A2;&#x30A6;&#x30C8;&#x304C;&#x3042;&#x308B;&#xFF09; <br /> xtype&#x306E;&#x8AAC;&#x660E;&#xFF08;JSON&#x3067;&#x30B5;&#x30FC;&#x30D0;&#x30FC;&#x3068;&#x3084;&#x308A;&#x53D6;&#x308A;&#x53EF;&#x80FD;&#x3001;&#x3068;&#x3044;&#x3046;&#x30E1;&#x30EA;&#x30C3;&#x30C8;&#xFF09; <br /> dockedItems&#x306E;&#x8AAC;&#x660E; <br />
  • &#x7D99;&#x627F;&#x3057;&#x3066;&#x4F7F;&#x3046;&#x306E;&#x304C;&#x9244;&#x5247; <br /> &#x30AB;&#x30FC;&#x30C9;&#x30EC;&#x30A4;&#x30A2;&#x30A6;&#x30C8;&#x306E;&#x8AAC;&#x660E;&#xFF08;&#x4ED6;&#x306B;&#x3082;&#x8272;&#x3005;&#x306A;&#x30EC;&#x30A4;&#x30A2;&#x30A6;&#x30C8;&#x304C;&#x3042;&#x308B;&#xFF09; <br /> xtype&#x306E;&#x8AAC;&#x660E;&#xFF08;JSON&#x3067;&#x30B5;&#x30FC;&#x30D0;&#x30FC;&#x3068;&#x3084;&#x308A;&#x53D6;&#x308A;&#x53EF;&#x80FD;&#x3001;&#x3068;&#x3044;&#x3046;&#x30E1;&#x30EA;&#x30C3;&#x30C8;&#xFF09; <br /> dockedItems&#x306E;&#x8AAC;&#x660E; <br />
  • &#x7D99;&#x627F;&#x3057;&#x3066;&#x4F7F;&#x3046;&#x306E;&#x304C;&#x9244;&#x5247; <br /> &#x30AB;&#x30FC;&#x30C9;&#x30EC;&#x30A4;&#x30A2;&#x30A6;&#x30C8;&#x306E;&#x8AAC;&#x660E;&#xFF08;&#x4ED6;&#x306B;&#x3082;&#x8272;&#x3005;&#x306A;&#x30EC;&#x30A4;&#x30A2;&#x30A6;&#x30C8;&#x304C;&#x3042;&#x308B;&#xFF09; <br /> xtype&#x306E;&#x8AAC;&#x660E;&#xFF08;JSON&#x3067;&#x30B5;&#x30FC;&#x30D0;&#x30FC;&#x3068;&#x3084;&#x308A;&#x53D6;&#x308A;&#x53EF;&#x80FD;&#x3001;&#x3068;&#x3044;&#x3046;&#x30E1;&#x30EA;&#x30C3;&#x30C8;&#xFF09; <br /> dockedItems&#x306E;&#x8AAC;&#x660E; <br />
  • &#x7D99;&#x627F;&#x3057;&#x3066;&#x4F7F;&#x3046;&#x306E;&#x304C;&#x9244;&#x5247; <br /> &#x30AB;&#x30FC;&#x30C9;&#x30EC;&#x30A4;&#x30A2;&#x30A6;&#x30C8;&#x306E;&#x8AAC;&#x660E;&#xFF08;&#x4ED6;&#x306B;&#x3082;&#x8272;&#x3005;&#x306A;&#x30EC;&#x30A4;&#x30A2;&#x30A6;&#x30C8;&#x304C;&#x3042;&#x308B;&#xFF09; <br /> xtype&#x306E;&#x8AAC;&#x660E;&#xFF08;JSON&#x3067;&#x30B5;&#x30FC;&#x30D0;&#x30FC;&#x3068;&#x3084;&#x308A;&#x53D6;&#x308A;&#x53EF;&#x80FD;&#x3001;&#x3068;&#x3044;&#x3046;&#x30E1;&#x30EA;&#x30C3;&#x30C8;&#xFF09; <br /> dockedItems&#x306E;&#x8AAC;&#x660E; <br />
  • &#x7D99;&#x627F;&#x3057;&#x3066;&#x4F7F;&#x3046;&#x306E;&#x304C;&#x9244;&#x5247; <br /> &#x30AB;&#x30FC;&#x30C9;&#x30EC;&#x30A4;&#x30A2;&#x30A6;&#x30C8;&#x306E;&#x8AAC;&#x660E;&#xFF08;&#x4ED6;&#x306B;&#x3082;&#x8272;&#x3005;&#x306A;&#x30EC;&#x30A4;&#x30A2;&#x30A6;&#x30C8;&#x304C;&#x3042;&#x308B;&#xFF09; <br /> xtype&#x306E;&#x8AAC;&#x660E;&#xFF08;JSON&#x3067;&#x30B5;&#x30FC;&#x30D0;&#x30FC;&#x3068;&#x3084;&#x308A;&#x53D6;&#x308A;&#x53EF;&#x80FD;&#x3001;&#x3068;&#x3044;&#x3046;&#x30E1;&#x30EA;&#x30C3;&#x30C8;&#xFF09; <br /> dockedItems&#x306E;&#x8AAC;&#x660E; <br />
  • &#x7D99;&#x627F;&#x3057;&#x3066;&#x4F7F;&#x3046;&#x306E;&#x304C;&#x9244;&#x5247; <br /> &#x30AB;&#x30FC;&#x30C9;&#x30EC;&#x30A4;&#x30A2;&#x30A6;&#x30C8;&#x306E;&#x8AAC;&#x660E;&#xFF08;&#x4ED6;&#x306B;&#x3082;&#x8272;&#x3005;&#x306A;&#x30EC;&#x30A4;&#x30A2;&#x30A6;&#x30C8;&#x304C;&#x3042;&#x308B;&#xFF09; <br /> xtype&#x306E;&#x8AAC;&#x660E;&#xFF08;JSON&#x3067;&#x30B5;&#x30FC;&#x30D0;&#x30FC;&#x3068;&#x3084;&#x308A;&#x53D6;&#x308A;&#x53EF;&#x80FD;&#x3001;&#x3068;&#x3044;&#x3046;&#x30E1;&#x30EA;&#x30C3;&#x30C8;&#xFF09; <br /> dockedItems&#x306E;&#x8AAC;&#x660E; <br />
  • <br />
  • &#x3053;&#x306E;&#x30A2;&#x30D7;&#x30EA;&#x3067;&#x306F;3&#x3064;&#x306E;&#x30B9;&#x30C8;&#x30A2;&#x3092;&#x4F7F;&#x3063;&#x3066;&#x3044;&#x308B; <br /> localstorage&#x3078;&#x306E;&#x683C;&#x7D0D;&#x65B9;&#x6CD5;&#xFF08;Web&#x30A4;&#x30F3;&#x30B9;&#x30DA;&#x30AF;&#x30BF;&#x3092;&#x898B;&#x308B;&#xFF09; <br /> &#x30E2;&#x30C7;&#x30EB;&#x306F;&#x30E1;&#x30BD;&#x30C3;&#x30C9;&#x3082;&#x5B9A;&#x7FA9;&#x53EF;&#x80FD; <br />
  • &#x3053;&#x306E;&#x30A2;&#x30D7;&#x30EA;&#x3067;&#x306F;3&#x3064;&#x306E;&#x30B9;&#x30C8;&#x30A2;&#x3092;&#x4F7F;&#x3063;&#x3066;&#x3044;&#x308B; <br /> localstorage&#x3078;&#x306E;&#x683C;&#x7D0D;&#x65B9;&#x6CD5;&#xFF08;Web&#x30A4;&#x30F3;&#x30B9;&#x30DA;&#x30AF;&#x30BF;&#x3092;&#x898B;&#x308B;&#xFF09; <br /> &#x30E2;&#x30C7;&#x30EB;&#x306F;&#x30E1;&#x30BD;&#x30C3;&#x30C9;&#x3082;&#x5B9A;&#x7FA9;&#x53EF;&#x80FD; <br />
  • &#x3053;&#x306E;&#x30A2;&#x30D7;&#x30EA;&#x3067;&#x306F;3&#x3064;&#x306E;&#x30B9;&#x30C8;&#x30A2;&#x3092;&#x4F7F;&#x3063;&#x3066;&#x3044;&#x308B; <br /> localstorage&#x3078;&#x306E;&#x683C;&#x7D0D;&#x65B9;&#x6CD5;&#xFF08;Web&#x30A4;&#x30F3;&#x30B9;&#x30DA;&#x30AF;&#x30BF;&#x3092;&#x898B;&#x308B;&#xFF09; <br /> &#x30E2;&#x30C7;&#x30EB;&#x306F;&#x30E1;&#x30BD;&#x30C3;&#x30C9;&#x3082;&#x5B9A;&#x7FA9;&#x53EF;&#x80FD; <br />
  • &#x3053;&#x306E;&#x30A2;&#x30D7;&#x30EA;&#x3067;&#x306F;3&#x3064;&#x306E;&#x30B9;&#x30C8;&#x30A2;&#x3092;&#x4F7F;&#x3063;&#x3066;&#x3044;&#x308B; <br /> localstorage&#x3078;&#x306E;&#x683C;&#x7D0D;&#x65B9;&#x6CD5;&#xFF08;Web&#x30A4;&#x30F3;&#x30B9;&#x30DA;&#x30AF;&#x30BF;&#x3092;&#x898B;&#x308B;&#xFF09; <br /> &#x30E2;&#x30C7;&#x30EB;&#x306F;&#x30E1;&#x30BD;&#x30C3;&#x30C9;&#x3082;&#x5B9A;&#x7FA9;&#x53EF;&#x80FD; <br />
  • &#x3053;&#x306E;&#x30A2;&#x30D7;&#x30EA;&#x3067;&#x306F;3&#x3064;&#x306E;&#x30B9;&#x30C8;&#x30A2;&#x3092;&#x4F7F;&#x3063;&#x3066;&#x3044;&#x308B; <br /> localstorage&#x3078;&#x306E;&#x683C;&#x7D0D;&#x65B9;&#x6CD5;&#xFF08;Web&#x30A4;&#x30F3;&#x30B9;&#x30DA;&#x30AF;&#x30BF;&#x3092;&#x898B;&#x308B;&#xFF09; <br /> &#x30E2;&#x30C7;&#x30EB;&#x306F;&#x30E1;&#x30BD;&#x30C3;&#x30C9;&#x3082;&#x5B9A;&#x7FA9;&#x53EF;&#x80FD; <br />
  • &#x3053;&#x306E;&#x30A2;&#x30D7;&#x30EA;&#x3067;&#x306F;3&#x3064;&#x306E;&#x30B9;&#x30C8;&#x30A2;&#x3092;&#x4F7F;&#x3063;&#x3066;&#x3044;&#x308B; <br /> localstorage&#x3078;&#x306E;&#x683C;&#x7D0D;&#x65B9;&#x6CD5;&#xFF08;Web&#x30A4;&#x30F3;&#x30B9;&#x30DA;&#x30AF;&#x30BF;&#x3092;&#x898B;&#x308B;&#xFF09; <br /> &#x30E2;&#x30C7;&#x30EB;&#x306F;&#x30E1;&#x30BD;&#x30C3;&#x30C9;&#x3082;&#x5B9A;&#x7FA9;&#x53EF;&#x80FD; <br />
  • autoSave&#x306B;&#x306A;&#x3063;&#x3066;&#x3044;&#x308B;&#x306E;&#x3067;&#x3001;add&#x5F8C;&#x306B;&#x81EA;&#x52D5;&#x7684;&#x306B;localstorage&#x306B;&#x683C;&#x7D0D;&#x3055;&#x308C;&#x308B; <br />
  • autoSave&#x306B;&#x306A;&#x3063;&#x3066;&#x3044;&#x308B;&#x306E;&#x3067;&#x3001;add&#x5F8C;&#x306B;&#x81EA;&#x52D5;&#x7684;&#x306B;localstorage&#x306B;&#x683C;&#x7D0D;&#x3055;&#x308C;&#x308B; <br />
  • <br />
  • &#x30A4;&#x30D9;&#x30F3;&#x30C8;&#x9023;&#x643A;&#x304C;&#x91CD;&#x8981; <br /> <br />
  • &#x30A4;&#x30D9;&#x30F3;&#x30C8;&#x9023;&#x643A;&#x304C;&#x91CD;&#x8981; <br /> <br />
  • &#x30A4;&#x30D9;&#x30F3;&#x30C8;&#x9023;&#x643A;&#x304C;&#x91CD;&#x8981; <br /> <br />
  • &#x30A4;&#x30D9;&#x30F3;&#x30C8;&#x9023;&#x643A;&#x304C;&#x91CD;&#x8981; <br /> <br />
  • &#x30A4;&#x30D9;&#x30F3;&#x30C8;&#x9023;&#x643A;&#x304C;&#x91CD;&#x8981; <br /> <br />
  • &#x30A4;&#x30D9;&#x30F3;&#x30C8;&#x9023;&#x643A;&#x304C;&#x91CD;&#x8981; <br /> <br />
  • &#x30A4;&#x30D9;&#x30F3;&#x30C8;&#x9023;&#x643A;&#x304C;&#x91CD;&#x8981; <br /> <br />
  • Beta <br />
  • &#x30A2;&#x30C3;&#x30D7;&#x30B0;&#x30EC;&#x30FC;&#x30C9;&#x3067;&#x3088;&#x304F;&#x58CA;&#x308C;&#x308B; <br /> 9&#x6708;&#x4E2D;&#x306E;&#x30EA;&#x30EA;&#x30FC;&#x30B9;&#x304C;&#x76EE;&#x6A19;&#x3060;&#x3060; <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />

100915 HTML5とか勉強会発表資料 100915 HTML5とか勉強会発表資料 Presentation Transcript

  • End of Native ? Sencha Touch : HTML5 + CSS3 + JavaScript Web Ext Japan, LLC (@extjapan) (@naotori)
  • Ext JS is now Sencha
  • Ext JS is now Sencha • jQTouch Raphaël Connect
  • Ext JS is now Sencha • jQTouch Raphaël Connect • Sencha Touch
  • Ext JS is now Sencha • jQTouch Raphaël Connect • Sencha Touch • VC
  • Sencha Ext JS Ext GWT Sencha Touch Ext Core Ext Designer jQTouch Raphael
  • Sencha Ext Designer Ext Core Ext JS jQTouch Sencha Touch Raphael Ext GWT
  • Sencha Ext Designer Ext Core Ext JS jQTouch Sencha Touch Raphael Ext GWT
  • Sencha Ext Designer Ext Core Ext JS jQTouch Sencha Touch Raphael Ext GWT
  • Sencha Ext Designer JavaScript Ext Core Ext JS jQTouch Sencha Touch Raphael Ext GWT
  • Sencha Ext Designer Ext Core Ext JS jQTouch Sencha Touch Raphael Java Ext GWT
  • FAQ
  • FAQ • Ext JS4.0 Sencha Touch jQTouch Raphaël
  • FAQ • Ext JS4.0 Sencha Touch jQTouch Raphaël • Sencha Touch jQTouch
  • FAQ • Ext JS4.0 Sencha Touch jQTouch Raphaël • Sencha Touch jQTouch • jQTouch Raphaël GPL
  • Sencha Touch beta
  • Coming Soon: BlackBerry 6 & WebOS
  • WebKit Rocks! • HTML5 + CSS3 • Transforms, Transitions, and Animations • Canvas • SQLite • Cache Manifest • Geo-Location
  • WebKit Rocks! • HTML5 + CSS3 • Transforms, Transitions, and Animations • Canvas • SQLite • Cache Manifest • Geo-Location
  • • WebKit • • • Orientation • • • • • GUI
  • • • Tap Double tap Tap and hold Swipe Pinch Drag & drop
  • • • WebKitCSSMatrix • GUI
  • GUI • Lists Nested Grouped Sortable • Carousel • Picker • Overlay • Toolbars & buttons • HTML5 Audio Video GeoLocation
  • <75k minified & gzipped
  • FAQ
  • FAQ • Sencha Touch Ext JS
  • FAQ • Sencha Touch Ext JS • jQuery
  • FAQ • Sencha Touch Ext JS • jQuery • AppStore/Android Market
  • FAQ • Sencha Touch Ext JS • jQuery • AppStore/Android Market • Ext Designer
  • FAQ • Sencha Touch Ext JS • jQuery • AppStore/Android Market • Ext Designer • Windows Phone
  • HTML5?
  • HTML5? • HTML5 CSS3
  • HTML5? • HTML5 CSS3 • HTML5
  • HTML5? • HTML5 CSS3 • HTML5 • input[type=search] video audio
  • HTML5? • HTML5 CSS3 • HTML5 • input[type=search] video audio • webstorage session/local
  • HTML5? • HTML5 CSS3 • HTML5 • input[type=search] video audio • webstorage session/local • geolocation
  • HTML5? • HTML5 CSS3 • HTML5 • input[type=search] video audio • webstorage session/local • geolocation • HTML5
  • HTML5? • HTML5 CSS3 • HTML5 • input[type=search] video audio • webstorage session/local • geolocation • HTML5 • WebSockets?
  • HTML5? • HTML5 CSS3 • HTML5 • input[type=search] video audio • webstorage session/local • geolocation • HTML5 • WebSockets? • SVG?
  • • ¥9,900/ • • GPLv3
  • Demos http://twimap.net/ http://github.com/naotori/twimap
  • viewport meta/link
  • UI
  • 3 TwiMap BookmarkForm HistoryPanel MapPanel
  • “xtype”
  • MapPanel
  • localStorage
  • Sencha Touch • Version: 0.95β • • Android • API •
  • • Ext JS / Sencha Touch
  • • Ext JS / Sencha Touch •
  • • Ext JS / Sencha Touch • • JavaScript+HTML+CSS iOS Android
  • • Ext JS / Sencha Touch • • JavaScript+HTML+CSS iOS Android • PhoneGap
  • Objective-C JavaScript Ext Japan, LLC (@extjapan) (@naotori)