Submit Search
Upload
End of native?
•
Download as KEY, PDF
•
1 like
•
1,671 views
Yuki Naotori
Follow
Sencha Touch : HTML5 + CSS3 + JavaScript スマートフォン向けWebアプリフレームワーク
Read less
Read more
Technology
Report
Share
Report
Share
1 of 89
Download now
Recommended
100915 HTML5とか勉強会発表資料
100915 HTML5とか勉強会発表資料
Yuki Naotori
Hardware hacking on the pi; what's js got to do with it
Hardware hacking on the pi; what's js got to do with it
Alexander Roche
prdc10-Bdd-real-world
prdc10-Bdd-real-world
Amir Barylko
mvcconf-bdd-quality-driven
mvcconf-bdd-quality-driven
Amir Barylko
Auf Augenhöhe mit Android Studio und Gradle
Auf Augenhöhe mit Android Studio und Gradle
inovex GmbH
Android Studio und gradle
Android Studio und gradle
Dominik Helleberg
Apache Rave (Incubating) at SURFnet
Apache Rave (Incubating) at SURFnet
Jasha Joachimsthal
HTML5ビデオ導入編
HTML5ビデオ導入編
Yuki Naotori
Recommended
100915 HTML5とか勉強会発表資料
100915 HTML5とか勉強会発表資料
Yuki Naotori
Hardware hacking on the pi; what's js got to do with it
Hardware hacking on the pi; what's js got to do with it
Alexander Roche
prdc10-Bdd-real-world
prdc10-Bdd-real-world
Amir Barylko
mvcconf-bdd-quality-driven
mvcconf-bdd-quality-driven
Amir Barylko
Auf Augenhöhe mit Android Studio und Gradle
Auf Augenhöhe mit Android Studio und Gradle
inovex GmbH
Android Studio und gradle
Android Studio und gradle
Dominik Helleberg
Apache Rave (Incubating) at SURFnet
Apache Rave (Incubating) at SURFnet
Jasha Joachimsthal
HTML5ビデオ導入編
HTML5ビデオ導入編
Yuki Naotori
HTML5 History & Features
HTML5 History & Features
Dave Ross
Mobile html5
Mobile html5
ElanaBoehm
Filling the HTML5 Gaps with Polyfills and Shims
Filling the HTML5 Gaps with Polyfills and Shims
reybango
WHAT IS HTML5? (at CSS Nite Osaka)
WHAT IS HTML5? (at CSS Nite Osaka)
Shumpei Shiraishi
Welcome! RGBA
Welcome! RGBA
Even Wu
HTML5 - Let’s make the WEB more powerful
HTML5 - Let’s make the WEB more powerful
Naga Harish M
Looking into HTML5 + CSS3
Looking into HTML5 + CSS3
Christopher Schmitt
InfoTalk#17 1st
InfoTalk#17 1st
Wakasa Masao
html5和移动web应用
html5和移动web应用
麦哥UE
HTML5のご紹介
HTML5のご紹介
yoshikawa_t
A Holistic Approach to HTML5 Game Design & Development
A Holistic Approach to HTML5 Game Design & Development
Karl Bunyan
FocusOnLearning Conference 2016 Austin, TX
FocusOnLearning Conference 2016 Austin, TX
Kirsten Rourke
HTML5 is the Future of Mobile, PhoneGap Takes You There Today
HTML5 is the Future of Mobile, PhoneGap Takes You There Today
davyjones
WHAT IS HTML5?(20100510)
WHAT IS HTML5?(20100510)
Shumpei Shiraishi
[2010]我有一个梦想
[2010]我有一个梦想
Twinsen Liang
HTML5 Trends + Cascade Server CMS by Uzo Okafor
HTML5 Trends + Cascade Server CMS by Uzo Okafor
hannonhill
Mobile App Development
Mobile App Development
Chris Morrell
Building Pistachio with Sencha Touch 2 (introductory)
Building Pistachio with Sencha Touch 2 (introductory)
Luis Merino
Html5 public
Html5 public
doodlemoonch
HTML5 and the Mobile Web
HTML5 and the Mobile Web
MrJ1971
120611 html5とか勉強会 st2
120611 html5とか勉強会 st2
Yuki Naotori
101125 sencha con2010報告
101125 sencha con2010報告
Yuki Naotori
More Related Content
Similar to End of native?
HTML5 History & Features
HTML5 History & Features
Dave Ross
Mobile html5
Mobile html5
ElanaBoehm
Filling the HTML5 Gaps with Polyfills and Shims
Filling the HTML5 Gaps with Polyfills and Shims
reybango
WHAT IS HTML5? (at CSS Nite Osaka)
WHAT IS HTML5? (at CSS Nite Osaka)
Shumpei Shiraishi
Welcome! RGBA
Welcome! RGBA
Even Wu
HTML5 - Let’s make the WEB more powerful
HTML5 - Let’s make the WEB more powerful
Naga Harish M
Looking into HTML5 + CSS3
Looking into HTML5 + CSS3
Christopher Schmitt
InfoTalk#17 1st
InfoTalk#17 1st
Wakasa Masao
html5和移动web应用
html5和移动web应用
麦哥UE
HTML5のご紹介
HTML5のご紹介
yoshikawa_t
A Holistic Approach to HTML5 Game Design & Development
A Holistic Approach to HTML5 Game Design & Development
Karl Bunyan
FocusOnLearning Conference 2016 Austin, TX
FocusOnLearning Conference 2016 Austin, TX
Kirsten Rourke
HTML5 is the Future of Mobile, PhoneGap Takes You There Today
HTML5 is the Future of Mobile, PhoneGap Takes You There Today
davyjones
WHAT IS HTML5?(20100510)
WHAT IS HTML5?(20100510)
Shumpei Shiraishi
[2010]我有一个梦想
[2010]我有一个梦想
Twinsen Liang
HTML5 Trends + Cascade Server CMS by Uzo Okafor
HTML5 Trends + Cascade Server CMS by Uzo Okafor
hannonhill
Mobile App Development
Mobile App Development
Chris Morrell
Building Pistachio with Sencha Touch 2 (introductory)
Building Pistachio with Sencha Touch 2 (introductory)
Luis Merino
Html5 public
Html5 public
doodlemoonch
HTML5 and the Mobile Web
HTML5 and the Mobile Web
MrJ1971
Similar to End of native?
(20)
HTML5 History & Features
HTML5 History & Features
Mobile html5
Mobile html5
Filling the HTML5 Gaps with Polyfills and Shims
Filling the HTML5 Gaps with Polyfills and Shims
WHAT IS HTML5? (at CSS Nite Osaka)
WHAT IS HTML5? (at CSS Nite Osaka)
Welcome! RGBA
Welcome! RGBA
HTML5 - Let’s make the WEB more powerful
HTML5 - Let’s make the WEB more powerful
Looking into HTML5 + CSS3
Looking into HTML5 + CSS3
InfoTalk#17 1st
InfoTalk#17 1st
html5和移动web应用
html5和移动web应用
HTML5のご紹介
HTML5のご紹介
A Holistic Approach to HTML5 Game Design & Development
A Holistic Approach to HTML5 Game Design & Development
FocusOnLearning Conference 2016 Austin, TX
FocusOnLearning Conference 2016 Austin, TX
HTML5 is the Future of Mobile, PhoneGap Takes You There Today
HTML5 is the Future of Mobile, PhoneGap Takes You There Today
WHAT IS HTML5?(20100510)
WHAT IS HTML5?(20100510)
[2010]我有一个梦想
[2010]我有一个梦想
HTML5 Trends + Cascade Server CMS by Uzo Okafor
HTML5 Trends + Cascade Server CMS by Uzo Okafor
Mobile App Development
Mobile App Development
Building Pistachio with Sencha Touch 2 (introductory)
Building Pistachio with Sencha Touch 2 (introductory)
Html5 public
Html5 public
HTML5 and the Mobile Web
HTML5 and the Mobile Web
More from Yuki Naotori
120611 html5とか勉強会 st2
120611 html5とか勉強会 st2
Yuki Naotori
101125 sencha con2010報告
101125 sencha con2010報告
Yuki Naotori
SpreadOfficeとSencha Touch
SpreadOfficeとSencha Touch
Yuki Naotori
Sencha touchのはじめかた
Sencha touchのはじめかた
Yuki Naotori
Sencha touch とyubizo engineで作るネイティブアプリ
Sencha touch とyubizo engineで作るネイティブアプリ
Yuki Naotori
Ext JS→Sencha
Ext JS→Sencha
Yuki Naotori
Ext Designerについて
Ext Designerについて
Yuki Naotori
Ext Direct 入門 II
Ext Direct 入門 II
Yuki Naotori
Ext JS & HTML5
Ext JS & HTML5
Yuki Naotori
Ext.util.Observableについて
Ext.util.Observableについて
Yuki Naotori
Ext.Directについて
Ext.Directについて
Yuki Naotori
Ext Jsで柔軟に開発仕事をこなす
Ext Jsで柔軟に開発仕事をこなす
Yuki Naotori
ExtJS 事例 2ちゃんビューアー「Cromartie49」
ExtJS 事例 2ちゃんビューアー「Cromartie49」
Yuki Naotori
090422 第10回勉強会(公開用)
090422 第10回勉強会(公開用)
Yuki Naotori
Ext.ux.google
Ext.ux.google
Yuki Naotori
Prototyping tool "Degino"
Prototyping tool "Degino"
Yuki Naotori
第9回勉強会 開発の基本
第9回勉強会 開発の基本
Yuki Naotori
第9回勉強会(Ext3.0について)
第9回勉強会(Ext3.0について)
Yuki Naotori
第8回Ext勉強会プレゼン - 石丸
第8回Ext勉強会プレゼン - 石丸
Yuki Naotori
第8回 Ext JS / Ext GWT 勉強会 - 小堤氏資料
第8回 Ext JS / Ext GWT 勉強会 - 小堤氏資料
Yuki Naotori
More from Yuki Naotori
(20)
120611 html5とか勉強会 st2
120611 html5とか勉強会 st2
101125 sencha con2010報告
101125 sencha con2010報告
SpreadOfficeとSencha Touch
SpreadOfficeとSencha Touch
Sencha touchのはじめかた
Sencha touchのはじめかた
Sencha touch とyubizo engineで作るネイティブアプリ
Sencha touch とyubizo engineで作るネイティブアプリ
Ext JS→Sencha
Ext JS→Sencha
Ext Designerについて
Ext Designerについて
Ext Direct 入門 II
Ext Direct 入門 II
Ext JS & HTML5
Ext JS & HTML5
Ext.util.Observableについて
Ext.util.Observableについて
Ext.Directについて
Ext.Directについて
Ext Jsで柔軟に開発仕事をこなす
Ext Jsで柔軟に開発仕事をこなす
ExtJS 事例 2ちゃんビューアー「Cromartie49」
ExtJS 事例 2ちゃんビューアー「Cromartie49」
090422 第10回勉強会(公開用)
090422 第10回勉強会(公開用)
Ext.ux.google
Ext.ux.google
Prototyping tool "Degino"
Prototyping tool "Degino"
第9回勉強会 開発の基本
第9回勉強会 開発の基本
第9回勉強会(Ext3.0について)
第9回勉強会(Ext3.0について)
第8回Ext勉強会プレゼン - 石丸
第8回Ext勉強会プレゼン - 石丸
第8回 Ext JS / Ext GWT 勉強会 - 小堤氏資料
第8回 Ext JS / Ext GWT 勉強会 - 小堤氏資料
Recently uploaded
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
Dropbox
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
lior mazor
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
apidays
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
sammart93
AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024
The Digital Insurer
Ransomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdf
Overkill Security
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
ThousandEyes
presentation ICT roal in 21st century education
presentation ICT roal in 21st century education
jfdjdjcjdnsjd
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
Khem
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
Zilliz
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
wesley chun
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
MadyBayot
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
Khushali Kathiriya
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
rafiqahmad00786416
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Miguel Araújo
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Juan lago vázquez
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
Rustici Software
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Jeffrey Haguewood
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Edi Saputra
Recently uploaded
(20)
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024
Ransomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdf
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
presentation ICT roal in 21st century education
presentation ICT roal in 21st century education
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
End of native?
1.
2.
End of Native
? Sencha Touch : HTML5 + CSS3 + JavaScript Web Ext Japan, LLC (@extjapan) (@naotori)
3.
End of Native
or rise of web app
4.
End of Native
Application
5.
End of Native
Application • • HTML5 Web
6.
End of Native
Application • • HTML5 Web Native App Web App
7.
My iPhone
8.
My iPhone
9.
My iPhone
10.
Web Application
11.
Web Application •
Web Web • HTML5 •
12.
13.
•
1990 • • Web •
14.
•
1990 • • Web •
15.
16.
•
URL • • •
17.
18.
• • • •
19.
20.
•
Time to Market • • •
21.
22.
• • • •
23.
HTML5
24.
HTML5 • •
API • CSS3
25.
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
26.
•
8 • HTML5 HTML5
27.
HTML5 ~
28.
HTML5 ~ •
IE9 • IE6/7/8 •
29.
HTML5 ~
30.
HTML5 ~ •
JavaScript • HTML5? CSS3? ?
31.
HTML5 ~
/
32.
HTML5 ~
/ • iOS Android BlackBerry WebOS • Windows Phone
33.
34.
• •
API •
35.
About Sencha
36.
37.
Ext JS is
now Sencha
38.
Ext JS is
now Sencha • 2006 • 2007 Ext JS • 2010 6 VC • Sencha jQTouch Raphaël
39.
Ext JS is
now Sencha • 2006 • 2007 Ext JS • 2010 6 VC • Sencha jQTouch Raphaël JavaScript
40.
Sencha Ext JS Ext GWT Sencha
Touch Ext Core Ext Designer jQTouch Raphael
41.
Sencha Ext Designer
Ext Core Ext JS jQTouch Sencha Touch Raphael Ext GWT
42.
Sencha Ext Designer
Ext Core Ext JS jQTouch Sencha Touch Raphael Ext GWT
43.
Sencha Ext Designer
Ext Core Ext JS jQTouch Sencha Touch Raphael Ext GWT
44.
Sencha Ext Designer
JavaScript Ext Core Ext JS jQTouch Sencha Touch Raphael Ext GWT
45.
Sencha Ext
Designer Ext Core Ext JS jQTouch Sencha Touch Raphael Java Ext GWT
46.
JavaScript
47.
JavaScript • •
Ext JS •
48.
49.
•
HTML/CSS/JavaScript •
50.
DOM
51.
DOM •
DOM Document Object Model • JavaScript DOM • DOM
52.
Ext JS
53.
Ext JS •
HTML • • •
54.
About me
55.
56.
•
2008 Ext Japan @extjapan • Sencha • Ext JS / Sencha Touch • @naotori
57.
Sencha Touch beta
58.
Coming Soon: BlackBerry
6 & WebOS
59.
Demo
http://www.bitsoflove.be/ http://m.echo2010.com/ cactusfestival/web/ http://m.skicrystal.com/ http://nils-dehl.de/m/
60.
WebKit Rocks! •
HTML5 + CSS3 • Transforms, Transitions, and Animations • Canvas • SQLite • Cache Manifest • Geo-Location
61.
WebKit Rocks! •
HTML5 + CSS3 • Transforms, Transitions, and Animations • Canvas • SQLite • Cache Manifest • Geo-Location
62.
•
WebKit • • • Orientation • • • • • GUI
63.
• •
Tap Double tap Tap and hold Swipe Pinch Drag & drop
64.
• •
WebKitCSSMatrix • GUI
65.
GUI •
Lists Nested Grouped Sortable • Carousel • Picker • Overlay • Toolbars & buttons • HTML5 Audio Video GeoLocation
66.
<75k minified & gzipped
67.
FAQ
68.
FAQ •
Sencha Touch Ext JS
69.
FAQ •
Sencha Touch Ext JS • jQuery
70.
FAQ •
Sencha Touch Ext JS • jQuery • AppStore/Android Market
71.
HTML5?
72.
HTML5? •
HTML5 CSS3
73.
HTML5? •
HTML5 CSS3 • HTML5
74.
HTML5? •
HTML5 CSS3 • HTML5 • input[type=search] video audio
75.
HTML5? •
HTML5 CSS3 • HTML5 • input[type=search] video audio • webstorage session/local
76.
HTML5? •
HTML5 CSS3 • HTML5 • input[type=search] video audio • webstorage session/local • geolocation
77.
HTML5? •
HTML5 CSS3 • HTML5 • input[type=search] video audio • webstorage session/local • geolocation • HTML5
78.
HTML5? •
HTML5 CSS3 • HTML5 • input[type=search] video audio • webstorage session/local • geolocation • HTML5 • WebSockets?
79.
HTML5? •
HTML5 CSS3 • HTML5 • input[type=search] video audio • webstorage session/local • geolocation • HTML5 • WebSockets? • SVG?
80.
Sencha Touch •
Version: 0.95β • • Android • API •
81.
•
¥9,900/ • • GPLv3
82.
83.
84.
• HTML5
85.
• HTML5 • JavaScript+HTML+CSS
iOS Android
86.
• HTML5 • JavaScript+HTML+CSS
iOS Android • PhoneGap
87.
• HTML5 • JavaScript+HTML+CSS
iOS Android • PhoneGap •
88.
Objective-C
Ext Japan, LLC (@extjapan) (@naotori)
89.
Objective-C JavaScript
Ext Japan, LLC (@extjapan) (@naotori)
Download now