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
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
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
570
做卓有成效的程序员
lvjian700
0
290
构建网络工具箱 - 程序员
lvjian700
2
1.4k
大洋BS收录系统产品培训
lvjian700
0
340
CAS单点登陆方案
lvjian700
2
250
2012收录工作计划
lvjian700
0
170
Other Decks in Technology
See All in Technology
就職⽀援サービスにおけるキャリアアドバイザーのシフトスケジューリング
recruitengineers
PRO
1
150
マルチアカウント環境での コーディングエージェントを使った障害調査が大変なので AIエージェントにReadOnly権限を付与してみた / ReadOnly AI Agents for Multi-Account AWS Incident Response
yamaguchitk333
2
110
フィジカル版Github Onshapeの紹介
shiba_8ro
0
290
入門!AWS Blocks
ysuzuki
1
160
AWS Security Agent といっしょに脅威モデリングをやってみよう
amarelo_n24
1
180
データサイエンスを価値につなげるプロジェクト設計 〜 DS一年目が現場で得た気づき 〜
ysd113
1
280
AIのReact習熟度を測る
uhyo
2
650
When Platform Engineering Meets GenAI
sucitw
0
130
「勝手に広まる」人気 AI エージェントを爆速で作ろう!(AWS Summit Japan 2026講演資料)
minorun365
PRO
8
1.9k
Lightning近況報告
kozy4324
0
190
手塩にかけりゃいいってもんじゃない
ming_ayami
0
610
自宅LLMの話
jacopen
1
650
Featured
See All Featured
For a Future-Friendly Web
brad_frost
183
10k
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
sarafernandez
2
1.5k
Believing is Seeing
oripsolob
1
150
We Analyzed 250 Million AI Search Results: Here's What I Found
joshbly
1
1.4k
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
reverentgeek
1
480
The Illustrated Guide to Node.js - THAT Conference 2024
reverentgeek
1
390
How to Think Like a Performance Engineer
csswizardry
28
2.7k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
34
2.8k
From Legacy to Launchpad: Building Startup-Ready Communities
dugsong
0
230
WENDY [Excerpt]
tessaabrams
11
38k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.7k
Scaling GitHub
holman
464
140k
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/