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
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
320
Start Developing iOS Apps Today
lvjian700
0
580
做卓有成效的程序员
lvjian700
0
300
构建网络工具箱 - 程序员
lvjian700
2
1.4k
大洋BS收录系统产品培训
lvjian700
0
350
CAS单点登陆方案
lvjian700
2
260
2012收录工作计划
lvjian700
0
170
Other Decks in Technology
See All in Technology
41歳でAWSが好きすぎてITエンジニアになったおっさんの話
yama3133
1
740
Claude Mythos、Fable...フロンティアAIの最新動向と企業のセキュリティ対策
flatt_security
0
100
AI時代におけるテストの基礎の再定義 / Rethinking the Fundamentals of Testing in the AI Era
mineo_matsuya
14
4.8k
VPCセキュリティ対応の最新事情
nagisa53
1
290
AI時代のYAGNI:「爆速で無駄になった機能」からの学び / 20260720 Naoki Takahashi
shift_evolve
PRO
3
540
SoccerMaster: A Vision Foundation Model for Soccer Understanding
kzykmyzw
0
170
StepFunctionsとGraphRAGを活用した暗黙知活用のためのRAG基盤
yakumo
0
140
データエンジニアリングとドメイン駆動設計
masuda220
PRO
14
2.5k
変更し続けられるシステムをどう保つか — AI時代のSSoTという設計原則
kawauso
1
1.1k
Webアプリ認証の全体像 / The Big Picture of Web App Authentication
kitano_yuichi
1
430
それでも、技術なブログを書く理由 #kichijojipm / Why I Still Write Tech Blogs Even Now
shinkufencer
0
500
現場との対話から始める “作る前に問い直す”業務改善
mochico50
2
240
Featured
See All Featured
Making Projects Easy
brettharned
120
6.7k
The browser strikes back
jonoalderson
0
1.4k
Skip the Path - Find Your Career Trail
mkilby
1
170
[RailsConf 2023] Rails as a piece of cake
palkan
59
6.8k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
123
22k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
287
14k
GraphQLの誤解/rethinking-graphql
sonatard
75
12k
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
konakalab
0
490
Building Adaptive Systems
keathley
44
3.1k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
128
56k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
12
1.2k
Unsuck your backbone
ammeep
672
58k
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/