End of native?

  • 3,404 views
Uploaded on

Sencha Touch : HTML5 + CSS3 + JavaScript …

Sencha Touch : HTML5 + CSS3 + JavaScript
スマートフォン向けWebアプリフレームワーク

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
  • no english version?
    Are you sure you want to
    Your message goes here
No Downloads

Views

Total Views
3,404
On Slideshare
0
From Embeds
0
Number of Embeds
2

Actions

Shares
Downloads
54
Comments
1
Likes
1

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. End of Native ? Sencha Touch : HTML5 + CSS3 + JavaScript Web Ext Japan, LLC (@extjapan) (@naotori)
  • 2. End of Native or rise of web app
  • 3. End of Native Application
  • 4. End of Native Application • • HTML5 Web
  • 5. End of Native Application • • HTML5 Web Native App Web App
  • 6. My iPhone
  • 7. My iPhone
  • 8. My iPhone
  • 9. Web Application
  • 10. Web Application • Web Web • HTML5 •
  • 11. • 1990 • • Web •
  • 12. • 1990 • • Web •
  • 13. • URL • • •
  • 14. • • • •
  • 15. • Time to Market • • •
  • 16. • • • •
  • 17. HTML5
  • 18. HTML5 • • API • CSS3
  • 19. HTML5 • http://www.apple.com/html5/ • http://mrdoob.com/projects/chromeexperiments/ball_pool/ • http://www.apple.com/html5/showcase/transitions/ • http://mrdoob.com/119/Zoom_blur_HTML5 • http://www.apple.com/html5/showcase/typography/ • http://mrdoob.com/97/Depth_of_Field_HTML5 • http://www.apple.com/html5/showcase/gallery/ • http://mrdoob.com/92/Google_Gravity_HTML5 • http://www.apple.com/html5/showcase/threesixty/ • http://onecm.com/projects/canopy/ • http://www.effectgames.com/demos/canvascycle/ • http://calinmocanu.webs.com/the_canvas/fish.htm • http://tech.kayac.com/data/html5_and_css3/demo/index.html# • http://www.andrew-hoyer.com/experiments/cloth/ • http://www.chromeexperiments.com/ • http://www.zynaps.com/jslab.xml?id=envmap • http://balldroppings.com/js/ • http://hakim.se/experiments/html5/trail/03/ Safari/Chrome
  • 20. • 8 • HTML5 HTML5
  • 21. HTML5 ~
  • 22. HTML5 ~ • IE9 • IE6/7/8 •
  • 23. HTML5 ~
  • 24. HTML5 ~ • JavaScript • HTML5? CSS3? ?
  • 25. HTML5 ~ /
  • 26. HTML5 ~ / • iOS Android BlackBerry WebOS • Windows Phone
  • 27. • • API •
  • 28. About Sencha
  • 29. Ext JS is now Sencha
  • 30. Ext JS is now Sencha • 2006 • 2007 Ext JS • 2010 6 VC • Sencha jQTouch Raphaël
  • 31. Ext JS is now Sencha • 2006 • 2007 Ext JS • 2010 6 VC • Sencha jQTouch Raphaël JavaScript
  • 32. Sencha Ext JS Ext GWT Sencha Touch Ext Core Ext Designer jQTouch Raphael
  • 33. Sencha Ext Designer Ext Core Ext JS jQTouch Sencha Touch Raphael Ext GWT
  • 34. Sencha Ext Designer Ext Core Ext JS jQTouch Sencha Touch Raphael Ext GWT
  • 35. Sencha Ext Designer Ext Core Ext JS jQTouch Sencha Touch Raphael Ext GWT
  • 36. Sencha Ext Designer JavaScript Ext Core Ext JS jQTouch Sencha Touch Raphael Ext GWT
  • 37. Sencha Ext Designer Ext Core Ext JS jQTouch Sencha Touch Raphael Java Ext GWT
  • 38. JavaScript
  • 39. JavaScript • • Ext JS •
  • 40. • HTML/CSS/JavaScript •
  • 41. DOM
  • 42. DOM • DOM Document Object Model • JavaScript DOM • DOM
  • 43. Ext JS
  • 44. Ext JS • HTML • • •
  • 45. About me
  • 46. • 2008 Ext Japan @extjapan • Sencha • Ext JS / Sencha Touch • @naotori
  • 47. Sencha Touch beta
  • 48. Coming Soon: BlackBerry 6 & WebOS
  • 49. Demo http://www.bitsoflove.be/ http://m.echo2010.com/ cactusfestival/web/ http://m.skicrystal.com/ http://nils-dehl.de/m/
  • 50. WebKit Rocks! • HTML5 + CSS3 • Transforms, Transitions, and Animations • Canvas • SQLite • Cache Manifest • Geo-Location
  • 51. WebKit Rocks! • HTML5 + CSS3 • Transforms, Transitions, and Animations • Canvas • SQLite • Cache Manifest • Geo-Location
  • 52. • WebKit • • • Orientation • • • • • GUI
  • 53. • • Tap Double tap Tap and hold Swipe Pinch Drag & drop
  • 54. • • WebKitCSSMatrix • GUI
  • 55. GUI • Lists Nested Grouped Sortable • Carousel • Picker • Overlay • Toolbars & buttons • HTML5 Audio Video GeoLocation
  • 56. <75k minified & gzipped
  • 57. FAQ
  • 58. FAQ • Sencha Touch Ext JS
  • 59. FAQ • Sencha Touch Ext JS • jQuery
  • 60. FAQ • Sencha Touch Ext JS • jQuery • AppStore/Android Market
  • 61. HTML5?
  • 62. HTML5? • HTML5 CSS3
  • 63. HTML5? • HTML5 CSS3 • HTML5
  • 64. HTML5? • HTML5 CSS3 • HTML5 • input[type=search] video audio
  • 65. HTML5? • HTML5 CSS3 • HTML5 • input[type=search] video audio • webstorage session/local
  • 66. HTML5? • HTML5 CSS3 • HTML5 • input[type=search] video audio • webstorage session/local • geolocation
  • 67. HTML5? • HTML5 CSS3 • HTML5 • input[type=search] video audio • webstorage session/local • geolocation • HTML5
  • 68. HTML5? • HTML5 CSS3 • HTML5 • input[type=search] video audio • webstorage session/local • geolocation • HTML5 • WebSockets?
  • 69. HTML5? • HTML5 CSS3 • HTML5 • input[type=search] video audio • webstorage session/local • geolocation • HTML5 • WebSockets? • SVG?
  • 70. Sencha Touch • Version: 0.95β • • Android • API •
  • 71. • ¥9,900/ • • GPLv3
  • 72. • HTML5
  • 73. • HTML5 • JavaScript+HTML+CSS iOS Android
  • 74. • HTML5 • JavaScript+HTML+CSS iOS Android • PhoneGap
  • 75. • HTML5 • JavaScript+HTML+CSS iOS Android • PhoneGap •
  • 76. Objective-C Ext Japan, LLC (@extjapan) (@naotori)
  • 77. Objective-C JavaScript Ext Japan, LLC (@extjapan) (@naotori)