Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
当Mobile开发遇见Web技术
Search
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
lvjian700
May 28, 2016
Technology
220
0
Share
当Mobile开发遇见Web技术
混合式架构的移动开发。西安移动开发者社区,第一次聚会的Session。
lvjian700
May 28, 2016
More Decks by lvjian700
See All by lvjian700
Knowledge prejudice
lvjian700
1
110
在tw讲讲机械键盘
lvjian700
3
300
Start Developing iOS Apps Today
lvjian700
0
560
做卓有成效的程序员
lvjian700
0
270
构建网络工具箱 - 程序员
lvjian700
2
1.4k
大洋BS收录系统产品培训
lvjian700
0
330
CAS单点登陆方案
lvjian700
2
230
2012收录工作计划
lvjian700
0
150
Other Decks in Technology
See All in Technology
FlutterでPiP再生を実装した話
s9a17
0
240
「できない」のアウトプット 同人誌『精神を壊してからの』シリーズ出版を 通して得られたこと
comi190327
3
520
来期の評価で変えようと思っていること 〜AI時代に変わること・変わらないこと〜
estie
0
130
Data Enabling Team立ち上げました
sansantech
PRO
0
180
How to install a gem
indirect
0
2.1k
Kiro Meetup #7 Kiro アップデート (2025/12/15〜2026/3/20)
katzueno
2
280
TUNA Camp 2026 京都Stage ヒューリスティックアルゴリズム入門
terryu16
0
660
トイルを超えたCREは何屋になるのか
bengo4com
0
120
Sansanの認証基盤を支えるアーキテクチャとその振り返り
sansantech
PRO
1
140
Datadog で実現するセキュリティ対策 ~オブザーバビリティとセキュリティを 一緒にやると何がいいのか~
a2ush
0
180
40代からのアウトプット ― 経験は価値ある学びに変わる / 20260404 Naoki Takahashi
shift_evolve
PRO
4
710
開発チームとQAエンジニアの新しい協業モデル -年末調整開発チームで実践する【QAリード施策】-
qa
0
680
Featured
See All Featured
BBQ
matthewcrist
89
10k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
ryanjones
0
110
RailsConf 2023
tenderlove
30
1.4k
How to audit for AI Accessibility on your Front & Back End
davetheseo
0
230
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
231
22k
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
helenjbeal
1
160
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
davidcarrasco
3
99
The SEO Collaboration Effect
kristinabergwall1
0
410
How to build an LLM SEO readiness audit: a practical framework
nmsamuel
1
700
Public Speaking Without Barfing On Your Shoes - THAT 2023
reverentgeek
1
350
GraphQLの誤解/rethinking-graphql
sonatard
75
12k
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/