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
lvjian700
May 28, 2016
Technology
0
220
当Mobile开发遇见Web技术
混合式架构的移动开发。西安移动开发者社区,第一次聚会的Session。
lvjian700
May 28, 2016
Tweet
Share
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
MCPで決済に楽にする
mu7889yoon
0
160
BFCacheを活用して無限スクロールのUX を改善した話
apple_yagi
0
130
ThetaOS - A Mythical Machine comes Alive
aslander
0
220
SSoT(Single Source of Truth)で「壊して再生」する設計
kawauso
2
400
会社紹介資料 / Sansan Company Profile
sansan33
PRO
16
410k
出版記念イベントin大阪「書籍紹介&私がよく使うMCPサーバー3選と社内で安全に活用する方法」
kintotechdev
0
110
契約書からの情報抽出を行うLLMのスループットを、バッチ処理を用いて最大40%改善した話
sansantech
PRO
3
320
AIエージェント時代に必要な オペレーションマネージャーのロールとは
kentarofujii
0
220
20260326_AIDD事例紹介_ULSC.pdf
findy_eventslides
0
200
AI時代のシステム開発者の仕事_20260328
sengtor
0
310
なぜarray_firstとarray_lastは採用、 array_value_firstとarray_value_lastは 見送りだったか / Why array_value_first and array_value_last was declined, then why array_first and array_last was accpeted?
cocoeyes02
0
290
フルカイテン株式会社 エンジニア向け採用資料
fullkaiten
0
11k
Featured
See All Featured
Public Speaking Without Barfing On Your Shoes - THAT 2023
reverentgeek
1
350
SEO Brein meetup: CTRL+C is not how to scale international SEO
lindahogenes
1
2.5k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
128
55k
Exploring the relationship between traditional SERPs and Gen AI search
raygrieselhuber
PRO
2
3.8k
エンジニアに許された特別な時間の終わり
watany
106
240k
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
rkaga
61
43k
Building a Scalable Design System with Sketch
lauravandoore
463
34k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
Building AI with AI
inesmontani
PRO
1
830
Are puppies a ranking factor?
jonoalderson
1
3.2k
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/