Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
当Mobile开发遇见Web技术
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
lvjian700
May 28, 2016
Technology
220
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
当Mobile开发遇见Web技术
混合式架构的移动开发。西安移动开发者社区,第一次聚会的Session。
lvjian700
May 28, 2016
More Decks by lvjian700
See All by lvjian700
Knowledge prejudice
lvjian700
1
120
在tw讲讲机械键盘
lvjian700
3
340
Start Developing iOS Apps Today
lvjian700
0
590
做卓有成效的程序员
lvjian700
0
310
构建网络工具箱 - 程序员
lvjian700
2
1.4k
大洋BS收录系统产品培训
lvjian700
0
360
CAS单点登陆方案
lvjian700
2
280
2012收录工作计划
lvjian700
0
190
Other Decks in Technology
See All in Technology
2026-09-11 【Snowflake World Tour Tokyo 2026】Snowflakeを起点に、AI Agentが自律稼働し続ける未来へ / Driving AI Agents with Snowflake
civitaspo
0
400
CLIライブラリ開発を支える技術
htnabe
0
110
絵ではじめるKubernetesセキュリティ
aoi1
3
570
人間はどの意思決定を手放せるのか
kawasima
14
6.8k
あるけみー式LTスライド作成術
alchemy1115
1
210
Railsのように考える: See through the Master
snoozer05
PRO
3
840
安心して変更できるWebフロントエンドの作り方
pirosikick
4
2.5k
30座EKS, 180次升級淬煉的EKS Upgrade Skill 的歷程
eric8230
0
160
AI時代の「技術的負債」の変質ー概念の終焉と再解釈、エージェントと共に向かう先
nwiizo
0
2.6k
AI de Idea
kawaguti
PRO
2
110
Snowflakeのコスト最適化を支えるアーキテクチャ設計
ktatsuya
1
1.6k
AI 時代のスタートアップエコシステ厶から考究する技術的負債との向き合い方
m3m0r7
PRO
2
2k
Featured
See All Featured
Rebuilding a faster, lazier Slack
samanthasiow
85
9.6k
Accessibility Awareness
sabderemane
1
210
Docker and Python
trallard
47
4.2k
Organizational Design Perspectives: An Ontology of Organizational Design Elements
kimpetersen
PRO
1
830
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
16k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
35
2.8k
Believing is Seeing
oripsolob
1
220
Claude Code どこまでも/ Claude Code Everywhere
nwiizo
67
58k
Raft: Consensus for Rubyists
vanstee
142
7.7k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
128
56k
A designer walks into a library…
pauljervisheath
211
25k
Designing for humans not robots
tammielis
254
26k
Transcript
୮Mobileݎ᭬ᥠ Webದ Ⴐݳୗຝᑏۖݎ
吕 健 Senior consultant Working at ThoughtWorks Full stack web
developer iOS developer Github: @lvjian700 Email:
[email protected]
Agenda • ႰݳୗҁHybrid҂ଫአݎฎெԍጱ • ই֜ᬰᤈႰݳୗଫአݎ • ౯ժጱႰݳୗᑏۖݎොໜ
iPhone Android iPhone Android ಋጱݎ҅మ᩸Ӟᙎᑏۖݎၵᄤ
HTML 5 CSS 3 ෛጱ Web ຽٵḒضࣁ Mobile ᦡ॓Ӥکଠာֵአ
ߥଫୗWebݎ ӞॺڹᒒդᎱݢզᭇአग़ᐿᦡ॓
ᘸᷧଫአ ᔄ֒य़ռᅩᦧ
؉Ӟӻᗑᒊ
ඪ೮ᑏۖ ֵአߥଫୗᗑᶭದ҅ඪ೮ग़ᐿᑏۖᦡ॓
ᗑᕶӧᑞਧ ኧԭᗑᶭວᵱᥝےق᮱ᶭᶎ҅Ᏻᥠᑏۖᦡ॓ᗑᕶӧঅጱ ఘ٭֛҅ḵय़ರಕ
ݎMobileଫአ ֵአ Native ݢզ܋አಁ֛ḵ
Mobile ݎՈާ ᵱᥝๅग़ጱݎՈާ
ԅग़ӻᦡ॓ᬰᤈݎ ӷॺդᎱ҅ᵱᥝๅग़ጱ Mobile ݎ̶
ݎଫአ App Store զڹݎޮ๗ 1 ~ 2ޮ҅ሿࣁےளک 24 ੜ̶ Android
ࣁࢵٖํग़ےଫአࠟମ҅ྯӻჀ᭲ํӧݶጱവଠᩒრ
ํဌํٌ՜ොໜҘ
ᗑᒊຝ ๐ۓᒒວᶭᶎ ᗑᒊ
API ຝ ਖ਼ڹᒒܔᇿړᐶ҅ݸݣݝ׀API̶ਖ਼ڹᒒդᎱ۱کᑏۖ ଫአӾ ڹᒒդᎱ API
Apache Cordova ၞᤈጱႰݳୗᑏۖݎຝ
None
׀ iOS Android Native ॎଫአ
WebView ےڹᒒդᎱ
Web դᎱ
ൊկᔮᕹ
ڹᒒդᎱ API
ݎྍṈ Ⴒےଘݣ ڠୌᶱፓ ᖫٟڹᒒդᎱ ۱App ݎApp ᬩᤈ
౯ժጱᥴ٬ොໜ • ள᭛ڠୌ App ҁiOS҅ Android҂ • ள᭛ๅෛ App҅ள᭛ḵᦤ features
• ள᭛൫ୌࢫᴚᵱᥝጱचᏐᦡෞ
౯ժጱᥴ٬ොໜ • ள᭛ڠୌ App ҁiOS҅ Android҂ • ள᭛ๅෛ App҅ள᭛ḵᦤ features
• ள᭛൫ୌࢫᴚᵱᥝጱचᏐᦡෞ
Cordova ݎૡٍ Angular
3 եতૡ֢ ڠୌᶱፓ҅ᬰفկ४҅ސ server
None
౯ժጱᥴ٬ොໜ • ள᭛ڠୌ App ҁiOS҅ Android҂ • ள᭛ๅෛ App҅ள᭛ḵᦤ features
• ள᭛൫ୌࢫᴚᵱᥝጱचᏐᦡෞ
عݎๅෛ
ݎApp StoreӞེ ᒫӞਖ਼ Native ॎᑕଧ HTML5 ଫአݎکࠟମ Awesome
عݎๅෛ features ᕰ App Store HTML 5 ݎጱ feature
ᬰᤈๅෛ҅Ԟᑍ ᶉἕๅෛ 2.0.0 Awesome
ᯈᗝկ ᯈᗝԧಅํ features
ے feature ᭗ᬦᯈᗝկӥ feature դᎱଚےک App Ӿ Awesome
عݎຝ ᭗ᬦๅෛᯈᗝկਧෛᇇ҅App տࣁአಁӥֵེአ feature ֵአෛᇇ App Server 2.0.0 Awesome App
ᯈᗝկ
None
None
౯ժጱᥴ٬ොໜ • ள᭛ڠୌ App ҁiOS҅ Android҂ • ள᭛ๅෛ App҅ள᭛ḵᦤ features
• ள᭛൫ୌࢫᴚᵱᥝጱचᏐᦡෞ
चᏐ๐ۓ ׀ࢫᴚጱचᏐᦡෞ๐ۓ҅ෛےفጱݎݢզள᭛ጱӤಋଗ ၚ Cordova Registry Bower Sona Nexus Jenkins
Docker ۸ᬯԶ๐ۓ҅ᓌ۸๐ۓ൫ୌྍṈ
Cordova ݎૡٍ Angular Docker
Coral
ሿํਮಁ ஙռᱷᤈ҅ታᱷᤈ҅ڹၹՈ҅ᔜᣟ
୮Mobileݎ᭬ᥠWebದ ԅMobileݎीႲԧๅग़ݢᚆ
Q & A ಚൈԫᖌᎱଚىဳThoughtWorksਥොஙמ
݇ᘍᩒා • Apache Cordova: https://cordova.apache.org/ • ionic: http://ionicframework.com/ • MDNҁڹᒒᩒრ҂:
https://developer.mozilla.org/zh-CN/ • Angular.js: https://angularjs.org/ • Docker: https://www.docker.com/ • Bower: http://bower.io/ • Jenkins: https://jenkins.io/