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
AndroidとWeb
Search
suganuma
June 24, 2017
Technology
1
150
AndroidとWeb
suganuma
June 24, 2017
Tweet
Share
Other Decks in Technology
See All in Technology
開発現場とセキュリティ担当をつなぐ脅威モデリング
cloudace
0
140
入社後SREチームのミッションや課題の整理をした話
morix1500
1
240
Zabbixチョットデキルとは!?
kujiraitakahiro
0
140
7,000名規模の 人材サービス企業における プロダクト戦略・戦術と課題 / Product strategy, tactics and challenges for a 7,000-employee staffing company
techtekt
0
230
PostgreSQL Unconference #52 pg_tde
nori_shinoda
1
250
OPENLOGI Company Profile
hr01
0
62k
ソフトウェア開発現代史: なぜ日本のソフトウェア開発は「滝」なのか?製造業の成功体験とのギャップ #jassttokyo
takabow
3
1.8k
20250328_RubyKaigiで出会い鯛_____RubyKaigiから始まったはじめてのOSSコントリビュート.pdf
mterada1228
0
460
SSH公開鍵認証による接続 / Connecting with SSH Public Key Authentication
kaityo256
PRO
2
280
【5分でわかる】セーフィー エンジニア向け会社紹介
safie_recruit
0
21k
ペアプログラミングにQAが加わった!職能を超えたモブプログラミングの事例と学び
tonionagauzzi
1
160
チームビルディング「脅威モデリング」ワークショップ
koheiyoshikawa
0
190
Featured
See All Featured
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.1k
Designing for Performance
lara
607
69k
We Have a Design System, Now What?
morganepeng
51
7.5k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
Done Done
chrislema
183
16k
Intergalactic Javascript Robots from Outer Space
tanoku
270
27k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
A better future with KSS
kneath
239
17k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
118
51k
Documentation Writing (for coders)
carmenintech
69
4.7k
Stop Working from a Prison Cell
hatefulcrawdad
268
20k
Transcript
AndroidͱWeb Jun 21 2017
ࣗݾհ • ੁপ ୢʢ͕͢͵· ͨͭʣ • גࣜձࣾͳ͢ͼɹ݄̐ʙ • ϑϩϯτΤϯυΤϯδχΞ •
HT-03A͔ΒAndroidϢʔβʔ
AndroidͷΠϝʔδ • ͷछྨ͕ଟ͗͢Δ • ݻ༗όάצหͯ͠΄͍͠ • ηΩϡϦςΟ͕ΞϨͳΜͰ͠ΐʁ • രൃ͢Δͬͯฉ͖·ͨ͠ •
ॏ͍ • μα͍
iPhone࠷ߴ❗
ϑϩϯτΤϯυ։ൃ iOSج४Ͱߟ͑ա͗
Progressive Web Apps ͷ࣌ ͏དྷͯ·͢
PWA࣮͏ΨϯΨϯͬͯ ͍͍ٕज़͔Γ • Progressive = (ஈ֊తʹ)લਐ͢Δ, ਐతͳ • ஈ֊తʹಋೖͰ͖Δͷ͔Γ •
Prefetchɺϓογϡ௨ɺΦϑϥΠϯར༻ ͳͲ • ରԠͯ͠ΔڥͳΒศརʹͳΔ • ରԠͯ͠ͳ͍ڥͰࠓ·ͰͱมΘΒͳ͍ • iOS͜ΕΒͷػೳ΄΅ະ࣮ • AndroidͰ͜ΕΒͷଞʹϒϥβͷΛ͑ͯɺ OSͱγʔϜϨεʹ࿈ܞͰ͖ΔΑ͏ͳ࣮͕૿͖͍͑ͯͯΔ ̏ͭ΄Ͳ۩ମྫΛհ
1. Web App Install Banners • ChromeͰಛఆͷ݅Λຬͨͨ͠αΠτΛ๚ΕΔ ͱϗʔϜʹՃΛΦεεϝ͞Ε·͢ • ݅ɿ5Ҏ্ͷִؒΛۭ͚ͯ2ճҎ্ͷΞΫηεͳͲ
• ͜Ε·ͰWebΞϓϦϗʔϜʹՃͯ͠Β͏ ϋʔυϧ͕ߴ͔ͬͨ ࢀߟɿhttps://www.olacabs.com
2. Media Session API • ϩοΫεΫϦʔϯͱ௨ΤϦΞʹϝσΟΞ ίϯτϩʔϥʔΛදࣔɾ੍ޚ • ΞʔτϫʔΫͷදࣔ •
࠶ੜϘλϯͳͲɺΠϕϯτϋϯυϧՄೳ • ΞϓϦͱಉ͡Ϣʔβʔମݧ͕Մೳ ࢀߟɿhttp://bit.ly/pwa-media
3. Payment Request API • JS͔ΒɺNativeͷࢧ͍ϙοϓΞοϓΛݺ ͼग़ͤΔ • ϙοϓΞοϓͰܾࡁͯ݁͠ՌΛฦ͢ ʢܾࡁRESTͰ࡞Δඞཁ͕͋Γʣ
• ࢧ͍UIΛOSϨϕϧͰ౷ҰͰ͖ΔͷͰ Ϣʔβʔ͕໎͍ʹ͍͘ ࢀߟɿhttps://emerald-eon.appspot.com/
AndroidͰWebΞϓϦͱNativeΞϓϦͷ ѻ͍͕ಉ͡ʹͳΓͭͭ͋Δ • ଞʹࡉ͔͍෦ͰมԽ͕ݟΒΕΔ • ϗʔϜ͚ͩͰͳ͘ɺϥϯνϟʔΞϓϦҰཡʹ දࣔ͞ΕΔΑ͏ʹͳͬͨ • IntentΛड͚औΕΔ •
ChromeΛհͣ͞௨Ͱ͖ΔΑ͏ʹ • શը໘දࣔՄೳ • NativeΞϓϦͱൺͯḮ৭ͳ͍ ϢʔβʔମݧΛఏڙͰ͖ΔΑ͏ʹͳ͖ͬͯͨ
݁ • AndroidOSͱϒϥβͷ྆ଆ໘ͰWebΞϓϦΛ Ϧονʹѻ͏͜ͱ͕Ͱ͖ΔΑ͏ʹͳ͖ͬͯͨɻ • PWAஈ֊తʹಋೖͰ͖ΔͷͰ͋Δɻ ʢiOSͷ࣮Λͨͳͯ͘ΑΖ͍͠ʣ • iOS࣮͕Ε͍ͯΔͷͰɺWebFriendlyͳ AndroidΛج४ʹͯ͠։ൃ͢Δ͜ͱඞཁʹͳͬͯ͘Δ