100915 HTML5とか勉強会発表資料
19 likes4,926 views
This document discusses Sencha Touch, a JavaScript framework for building mobile web applications. It highlights that Sencha Touch uses HTML5, CSS3 and JavaScript to build applications for iOS and Android devices. It also mentions features of Sencha Touch like gestures, transitions, GUI components and being lightweight at under 75kb minified.
![HTML5?
• HTML5 CSS3
• HTML5
• input[type=search] video audio](https://image.slidesharecdn.com/100915html5meetupslideshare-100915205634-phpapp02/85/100915-HTML5-35-320.jpg)
![HTML5?
• HTML5 CSS3
• HTML5
• input[type=search] video audio
• webstorage session/local](https://image.slidesharecdn.com/100915html5meetupslideshare-100915205634-phpapp02/85/100915-HTML5-36-320.jpg)
![HTML5?
• HTML5 CSS3
• HTML5
• input[type=search] video audio
• webstorage session/local
• geolocation](https://image.slidesharecdn.com/100915html5meetupslideshare-100915205634-phpapp02/85/100915-HTML5-37-320.jpg)
![HTML5?
• HTML5 CSS3
• HTML5
• input[type=search] video audio
• webstorage session/local
• geolocation
• HTML5](https://image.slidesharecdn.com/100915html5meetupslideshare-100915205634-phpapp02/85/100915-HTML5-38-320.jpg)
![HTML5?
• HTML5 CSS3
• HTML5
• input[type=search] video audio
• webstorage session/local
• geolocation
• HTML5
• WebSockets?](https://image.slidesharecdn.com/100915html5meetupslideshare-100915205634-phpapp02/85/100915-HTML5-39-320.jpg)
![HTML5?
• HTML5 CSS3
• HTML5
• input[type=search] video audio
• webstorage session/local
• geolocation
• HTML5
• WebSockets?
• SVG?](https://image.slidesharecdn.com/100915html5meetupslideshare-100915205634-phpapp02/85/100915-HTML5-40-320.jpg)
100915 HTML5とか勉強会発表資料
- 1. End of Native ? Sencha Touch : HTML5 + CSS3 + JavaScript Web Ext Japan, LLC (@extjapan) (@naotori)
- 3. Ext JS is now Sencha
- 4. Ext JS is now Sencha • jQTouch Raphaël Connect
- 5. Ext JS is now Sencha • jQTouch Raphaël Connect • Sencha Touch
- 6. Ext JS is now Sencha • jQTouch Raphaël Connect • Sencha Touch • VC
- 7. Sencha Ext JS Ext GWT Sencha Touch Ext Core Ext Designer jQTouch Raphael
- 8. Sencha Ext Designer Ext Core Ext JS jQTouch Sencha Touch Raphael Ext GWT
- 9. Sencha Ext Designer Ext Core Ext JS jQTouch Sencha Touch Raphael Ext GWT
- 10. Sencha Ext Designer Ext Core Ext JS jQTouch Sencha Touch Raphael Ext GWT
- 11. Sencha Ext Designer JavaScript Ext Core Ext JS jQTouch Sencha Touch Raphael Ext GWT
- 12. Sencha Ext Designer Ext Core Ext JS jQTouch Sencha Touch Raphael Java Ext GWT
- 13. FAQ
- 14. FAQ • Ext JS4.0 Sencha Touch jQTouch Raphaël
- 15. FAQ • Ext JS4.0 Sencha Touch jQTouch Raphaël • Sencha Touch jQTouch
- 16. FAQ • Ext JS4.0 Sencha Touch jQTouch Raphaël • Sencha Touch jQTouch • jQTouch Raphaël GPL
- 18. Coming Soon: BlackBerry 6 & WebOS
- 19. WebKit Rocks! • HTML5 + CSS3 • Transforms, Transitions, and Animations • Canvas • SQLite • Cache Manifest • Geo-Location
- 20. WebKit Rocks! • HTML5 + CSS3 • Transforms, Transitions, and Animations • Canvas • SQLite • Cache Manifest • Geo-Location
- 21. • WebKit • • • Orientation • • • • • GUI
- 22. • • Tap Double tap Tap and hold Swipe Pinch Drag & drop
- 23. • • WebKitCSSMatrix • GUI
- 24. GUI • Lists Nested Grouped Sortable • Carousel • Picker • Overlay • Toolbars & buttons • HTML5 Audio Video GeoLocation
- 26. FAQ
- 27. FAQ • Sencha Touch Ext JS
- 28. FAQ • Sencha Touch Ext JS • jQuery
- 29. FAQ • Sencha Touch Ext JS • jQuery • AppStore/Android Market
- 30. FAQ • Sencha Touch Ext JS • jQuery • AppStore/Android Market • Ext Designer
- 31. FAQ • Sencha Touch Ext JS • jQuery • AppStore/Android Market • Ext Designer • Windows Phone
- 32. HTML5?
- 33. HTML5? • HTML5 CSS3
- 34. HTML5? • HTML5 CSS3 • HTML5
- 35. HTML5? • HTML5 CSS3 • HTML5 • input[type=search] video audio
- 36. HTML5? • HTML5 CSS3 • HTML5 • input[type=search] video audio • webstorage session/local
- 37. HTML5? • HTML5 CSS3 • HTML5 • input[type=search] video audio • webstorage session/local • geolocation
- 38. HTML5? • HTML5 CSS3 • HTML5 • input[type=search] video audio • webstorage session/local • geolocation • HTML5
- 39. HTML5? • HTML5 CSS3 • HTML5 • input[type=search] video audio • webstorage session/local • geolocation • HTML5 • WebSockets?
- 40. HTML5? • HTML5 CSS3 • HTML5 • input[type=search] video audio • webstorage session/local • geolocation • HTML5 • WebSockets? • SVG?
- 41. • ¥9,900/ • • GPLv3
- 45. viewport meta/link
- 48. UI
- 51. 3 TwiMap BookmarkForm HistoryPanel MapPanel
- 52. “xtype”
- 53. MapPanel
- 57. localStorage
- 65. Sencha Touch • Version: 0.95β • • Android • API •
- 67. • Ext JS / Sencha Touch
- 68. • Ext JS / Sencha Touch •
- 69. • Ext JS / Sencha Touch • • JavaScript+HTML+CSS iOS Android
- 70. • Ext JS / Sencha Touch • • JavaScript+HTML+CSS iOS Android • PhoneGap
- 71. Objective-C JavaScript Ext Japan, LLC (@extjapan) (@naotori)
Editor's Notes
- #3: &#x6700;&#x521D;&#x306B;&#x30D6;&#x30E9;&#x30F3;&#x30C9;&#x5909;&#x66F4;&#x306B;&#x3064;&#x3044;&#x3066;&#x7C21;&#x5358;&#x306B;&#x8AAC;&#x660E;
- #4: jQTouch&#x3001;Raphael&#x306E;&#x30C7;&#x30E2;
- #5: jQTouch&#x3001;Raphael&#x306E;&#x30C7;&#x30E2;
- #6: jQTouch&#x3001;Raphael&#x306E;&#x30C7;&#x30E2;
- #30: &#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;
- #31: &#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;
- #32: &#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;
- #33: Beta
- #34: &#x5168;&#x3066;WebKit&#x30D9;&#x30FC;&#x30B9;
- #35: opacity, corners, shadows, gradients &#x2014;&#xA0;rotate, scale, depth, hardware accelerated. Unfortunately, some iPhone specific now. Geo-location + SVG are diff on Android.
- #36: opacity, corners, shadows, gradients &#x2014;&#xA0;rotate, scale, depth, hardware accelerated. Unfortunately, some iPhone specific now. Geo-location + SVG are diff on Android.
- #37: opacity, corners, shadows, gradients &#x2014;&#xA0;rotate, scale, depth, hardware accelerated. Unfortunately, some iPhone specific now. Geo-location + SVG are diff on Android.
- #38: &#x3068;&#x3044;&#x3046;&#x3053;&#x3068;&#x3067;&#x3001;&#x73FE;&#x6642;&#x70B9;&#x3067;&#x306F;WebKit&#x306B;&#x6700;&#x9069;&#x5316;&#x3055;&#x308C;&#x3066;&#x3044;&#x307E;&#x3059; &#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;
- #39: &#x30CD;&#x30A4;&#x30C6;&#x30A3;&#x30D6;&#x306E;&#x30A4;&#x30D9;&#x30F3;&#x30C8;&#x306F;&#x4F7F;&#x3044;&#x306B;&#x304F;&#x3044;&#x306E;&#x3067;&#x3001;
- #40: &#x5B9F;&#x969B;&#x306B;&#x30E9;&#x30A4;&#x30D6;&#x30B3;&#x30FC;&#x30C7;&#x30A3;&#x30F3;&#x30B0;&#x3057;&#x3066;&#x307F;&#x308B;
- #41: &#x30B5;&#x30F3;&#x30D7;&#x30EB;&#x306E;&#x30C7;&#x30E2;
- #57: &#x30A2;&#x30D7;&#x30EA;&#x306E;&#x7D39;&#x4ECB; &#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;
- #59: Web&#x30A4;&#x30F3;&#x30B9;&#x30DA;&#x30AF;&#x30BF;&#x3092;&#x898B;&#x308B; Web&#x30A4;&#x30F3;&#x30B9;&#x30DA;&#x30AF;&#x30BF;&#x3044;&#x3044;&#x3067;&#x3059;&#x3088; manifest&#x306B;&#x3064;&#x3044;&#x3066;&#x3082;&#x8A00;&#x53CA; &#x30C7;&#x30D7;&#x30ED;&#x30A4;&#x6642;&#x306B;&#x306F;JS&#x30D5;&#x30A1;&#x30A4;&#x30EB;&#x306F;&#x307E;&#x3068;&#x3081;&#x308B;
- #60: 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;
- #61: 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;
- #63: &#x7D99;&#x627F;&#x3057;&#x3066;&#x4F7F;&#x3046;&#x306E;&#x304C;&#x9244;&#x5247; &#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; 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; dockedItems&#x306E;&#x8AAC;&#x660E;
- #64: &#x7D99;&#x627F;&#x3057;&#x3066;&#x4F7F;&#x3046;&#x306E;&#x304C;&#x9244;&#x5247; &#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; 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; dockedItems&#x306E;&#x8AAC;&#x660E;
- #65: &#x7D99;&#x627F;&#x3057;&#x3066;&#x4F7F;&#x3046;&#x306E;&#x304C;&#x9244;&#x5247; &#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; 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; dockedItems&#x306E;&#x8AAC;&#x660E;
- #66: &#x7D99;&#x627F;&#x3057;&#x3066;&#x4F7F;&#x3046;&#x306E;&#x304C;&#x9244;&#x5247; &#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; 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; dockedItems&#x306E;&#x8AAC;&#x660E;
- #67: &#x7D99;&#x627F;&#x3057;&#x3066;&#x4F7F;&#x3046;&#x306E;&#x304C;&#x9244;&#x5247; &#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; 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; dockedItems&#x306E;&#x8AAC;&#x660E;
- #68: &#x7D99;&#x627F;&#x3057;&#x3066;&#x4F7F;&#x3046;&#x306E;&#x304C;&#x9244;&#x5247; &#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; 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; dockedItems&#x306E;&#x8AAC;&#x660E;
- #69: &#x7D99;&#x627F;&#x3057;&#x3066;&#x4F7F;&#x3046;&#x306E;&#x304C;&#x9244;&#x5247; &#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; 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; dockedItems&#x306E;&#x8AAC;&#x660E;
- #70: &#x7D99;&#x627F;&#x3057;&#x3066;&#x4F7F;&#x3046;&#x306E;&#x304C;&#x9244;&#x5247; &#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; 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; dockedItems&#x306E;&#x8AAC;&#x660E;
- #71: &#x7D99;&#x627F;&#x3057;&#x3066;&#x4F7F;&#x3046;&#x306E;&#x304C;&#x9244;&#x5247; &#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; 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; dockedItems&#x306E;&#x8AAC;&#x660E;
- #72: &#x7D99;&#x627F;&#x3057;&#x3066;&#x4F7F;&#x3046;&#x306E;&#x304C;&#x9244;&#x5247; &#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; 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; dockedItems&#x306E;&#x8AAC;&#x660E;
- #73: &#x7D99;&#x627F;&#x3057;&#x3066;&#x4F7F;&#x3046;&#x306E;&#x304C;&#x9244;&#x5247; &#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; 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; dockedItems&#x306E;&#x8AAC;&#x660E;
- #74: &#x7D99;&#x627F;&#x3057;&#x3066;&#x4F7F;&#x3046;&#x306E;&#x304C;&#x9244;&#x5247; &#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; 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; dockedItems&#x306E;&#x8AAC;&#x660E;
- #75: &#x7D99;&#x627F;&#x3057;&#x3066;&#x4F7F;&#x3046;&#x306E;&#x304C;&#x9244;&#x5247; &#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; 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; dockedItems&#x306E;&#x8AAC;&#x660E;
- #76: &#x7D99;&#x627F;&#x3057;&#x3066;&#x4F7F;&#x3046;&#x306E;&#x304C;&#x9244;&#x5247; &#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; 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; dockedItems&#x306E;&#x8AAC;&#x660E;
- #77: &#x7D99;&#x627F;&#x3057;&#x3066;&#x4F7F;&#x3046;&#x306E;&#x304C;&#x9244;&#x5247; &#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; 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; dockedItems&#x306E;&#x8AAC;&#x660E;
- #78: &#x7D99;&#x627F;&#x3057;&#x3066;&#x4F7F;&#x3046;&#x306E;&#x304C;&#x9244;&#x5247; &#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; 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; dockedItems&#x306E;&#x8AAC;&#x660E;
- #79: &#x7D99;&#x627F;&#x3057;&#x3066;&#x4F7F;&#x3046;&#x306E;&#x304C;&#x9244;&#x5247; &#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; 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; dockedItems&#x306E;&#x8AAC;&#x660E;
- #80: &#x7D99;&#x627F;&#x3057;&#x3066;&#x4F7F;&#x3046;&#x306E;&#x304C;&#x9244;&#x5247; &#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; 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; dockedItems&#x306E;&#x8AAC;&#x660E;
- #81: &#x7D99;&#x627F;&#x3057;&#x3066;&#x4F7F;&#x3046;&#x306E;&#x304C;&#x9244;&#x5247; &#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; 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; dockedItems&#x306E;&#x8AAC;&#x660E;
- #83: &#x3053;&#x306E;&#x30A2;&#x30D7;&#x30EA;&#x3067;&#x306F;3&#x3064;&#x306E;&#x30B9;&#x30C8;&#x30A2;&#x3092;&#x4F7F;&#x3063;&#x3066;&#x3044;&#x308B; localstorage&#x3078;&#x306E;&#x683C;&#x7D0D;&#x65B9;&#x6CD5;&#xFF08;Web&#x30A4;&#x30F3;&#x30B9;&#x30DA;&#x30AF;&#x30BF;&#x3092;&#x898B;&#x308B;&#xFF09; &#x30E2;&#x30C7;&#x30EB;&#x306F;&#x30E1;&#x30BD;&#x30C3;&#x30C9;&#x3082;&#x5B9A;&#x7FA9;&#x53EF;&#x80FD;
- #84: &#x3053;&#x306E;&#x30A2;&#x30D7;&#x30EA;&#x3067;&#x306F;3&#x3064;&#x306E;&#x30B9;&#x30C8;&#x30A2;&#x3092;&#x4F7F;&#x3063;&#x3066;&#x3044;&#x308B; localstorage&#x3078;&#x306E;&#x683C;&#x7D0D;&#x65B9;&#x6CD5;&#xFF08;Web&#x30A4;&#x30F3;&#x30B9;&#x30DA;&#x30AF;&#x30BF;&#x3092;&#x898B;&#x308B;&#xFF09; &#x30E2;&#x30C7;&#x30EB;&#x306F;&#x30E1;&#x30BD;&#x30C3;&#x30C9;&#x3082;&#x5B9A;&#x7FA9;&#x53EF;&#x80FD;
- #85: &#x3053;&#x306E;&#x30A2;&#x30D7;&#x30EA;&#x3067;&#x306F;3&#x3064;&#x306E;&#x30B9;&#x30C8;&#x30A2;&#x3092;&#x4F7F;&#x3063;&#x3066;&#x3044;&#x308B; localstorage&#x3078;&#x306E;&#x683C;&#x7D0D;&#x65B9;&#x6CD5;&#xFF08;Web&#x30A4;&#x30F3;&#x30B9;&#x30DA;&#x30AF;&#x30BF;&#x3092;&#x898B;&#x308B;&#xFF09; &#x30E2;&#x30C7;&#x30EB;&#x306F;&#x30E1;&#x30BD;&#x30C3;&#x30C9;&#x3082;&#x5B9A;&#x7FA9;&#x53EF;&#x80FD;
- #86: &#x3053;&#x306E;&#x30A2;&#x30D7;&#x30EA;&#x3067;&#x306F;3&#x3064;&#x306E;&#x30B9;&#x30C8;&#x30A2;&#x3092;&#x4F7F;&#x3063;&#x3066;&#x3044;&#x308B; localstorage&#x3078;&#x306E;&#x683C;&#x7D0D;&#x65B9;&#x6CD5;&#xFF08;Web&#x30A4;&#x30F3;&#x30B9;&#x30DA;&#x30AF;&#x30BF;&#x3092;&#x898B;&#x308B;&#xFF09; &#x30E2;&#x30C7;&#x30EB;&#x306F;&#x30E1;&#x30BD;&#x30C3;&#x30C9;&#x3082;&#x5B9A;&#x7FA9;&#x53EF;&#x80FD;
- #87: &#x3053;&#x306E;&#x30A2;&#x30D7;&#x30EA;&#x3067;&#x306F;3&#x3064;&#x306E;&#x30B9;&#x30C8;&#x30A2;&#x3092;&#x4F7F;&#x3063;&#x3066;&#x3044;&#x308B; localstorage&#x3078;&#x306E;&#x683C;&#x7D0D;&#x65B9;&#x6CD5;&#xFF08;Web&#x30A4;&#x30F3;&#x30B9;&#x30DA;&#x30AF;&#x30BF;&#x3092;&#x898B;&#x308B;&#xFF09; &#x30E2;&#x30C7;&#x30EB;&#x306F;&#x30E1;&#x30BD;&#x30C3;&#x30C9;&#x3082;&#x5B9A;&#x7FA9;&#x53EF;&#x80FD;
- #88: &#x3053;&#x306E;&#x30A2;&#x30D7;&#x30EA;&#x3067;&#x306F;3&#x3064;&#x306E;&#x30B9;&#x30C8;&#x30A2;&#x3092;&#x4F7F;&#x3063;&#x3066;&#x3044;&#x308B; localstorage&#x3078;&#x306E;&#x683C;&#x7D0D;&#x65B9;&#x6CD5;&#xFF08;Web&#x30A4;&#x30F3;&#x30B9;&#x30DA;&#x30AF;&#x30BF;&#x3092;&#x898B;&#x308B;&#xFF09; &#x30E2;&#x30C7;&#x30EB;&#x306F;&#x30E1;&#x30BD;&#x30C3;&#x30C9;&#x3082;&#x5B9A;&#x7FA9;&#x53EF;&#x80FD;
- #89: autoSave&#x306B;&#x306A;&#x3063;&#x3066;&#x3044;&#x308B;&#x306E;&#x3067;&#x3001;add&#x5F8C;&#x306B;&#x81EA;&#x52D5;&#x7684;&#x306B;localstorage&#x306B;&#x683C;&#x7D0D;&#x3055;&#x308C;&#x308B;
- #90: autoSave&#x306B;&#x306A;&#x3063;&#x3066;&#x3044;&#x308B;&#x306E;&#x3067;&#x3001;add&#x5F8C;&#x306B;&#x81EA;&#x52D5;&#x7684;&#x306B;localstorage&#x306B;&#x683C;&#x7D0D;&#x3055;&#x308C;&#x308B;
- #92: &#x30A4;&#x30D9;&#x30F3;&#x30C8;&#x9023;&#x643A;&#x304C;&#x91CD;&#x8981;
- #93: &#x30A4;&#x30D9;&#x30F3;&#x30C8;&#x9023;&#x643A;&#x304C;&#x91CD;&#x8981;
- #94: &#x30A4;&#x30D9;&#x30F3;&#x30C8;&#x9023;&#x643A;&#x304C;&#x91CD;&#x8981;
- #95: &#x30A4;&#x30D9;&#x30F3;&#x30C8;&#x9023;&#x643A;&#x304C;&#x91CD;&#x8981;
- #96: &#x30A4;&#x30D9;&#x30F3;&#x30C8;&#x9023;&#x643A;&#x304C;&#x91CD;&#x8981;
- #97: &#x30A4;&#x30D9;&#x30F3;&#x30C8;&#x9023;&#x643A;&#x304C;&#x91CD;&#x8981;
- #98: &#x30A4;&#x30D9;&#x30F3;&#x30C8;&#x9023;&#x643A;&#x304C;&#x91CD;&#x8981;
- #99: Beta
- #100: &#x30A2;&#x30C3;&#x30D7;&#x30B0;&#x30EC;&#x30FC;&#x30C9;&#x3067;&#x3088;&#x304F;&#x58CA;&#x308C;&#x308B; 9&#x6708;&#x4E2D;&#x306E;&#x30EA;&#x30EA;&#x30FC;&#x30B9;&#x304C;&#x76EE;&#x6A19;&#x3060;&#x3060;