Your SlideShare is downloading. ×
  • Like
End of native?
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

End of native?

  • 3,447 views
Published

Sencha Touch : HTML5 + CSS3 + JavaScript …

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

Published 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,447
On SlideShare
0
From Embeds
0
Number of Embeds
2

Actions

Shares
Downloads
55
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)