Slide 1

Slide 1 text

AndroidͱWeb Jun 21 2017

Slide 2

Slide 2 text

ࣗݾ঺հ • ੁপ ୢ໻ʢ͕͢͵· ͨͭ΍ʣ • גࣜձࣾͳ͢ͼɹ݄̐ʙ • ϑϩϯτΤϯυΤϯδχΞ • HT-03A͔ΒAndroidϢʔβʔ

Slide 3

Slide 3 text

AndroidͷΠϝʔδ • ୺຤ͷछྨ͕ଟ͗͢Δ • ୺຤ݻ༗όά͸צหͯ͠΄͍͠ • ηΩϡϦςΟ͕ΞϨͳΜͰ͠ΐʁ • രൃ͢Δͬͯฉ͖·ͨ͠ • ॏ͍ • μα͍

Slide 4

Slide 4 text

iPhone࠷ߴ❗

Slide 5

Slide 5 text

ϑϩϯτΤϯυ։ൃ iOSج४Ͱߟ͑ա͗໰୊

Slide 6

Slide 6 text

Progressive Web Apps ͷ࣌୅ ΋͏དྷͯ·͢

Slide 7

Slide 7 text

PWA͸࣮͸΋͏ΨϯΨϯ࢖ͬͯ ͍͍ٕज़͹͔Γ • Progressive = (ஈ֊తʹ)લਐ͢Δ, ઴ਐతͳ • ஈ֊తʹಋೖͰ͖Δ΋ͷ͹͔Γ • Prefetchɺϓογϡ௨஌ɺΦϑϥΠϯར༻ ͳͲ • ରԠͯ͠Δ؀ڥͳΒศརʹͳΔ • ରԠͯ͠ͳ͍؀ڥͰ΋ࠓ·ͰͱมΘΒͳ͍ • iOS͸͜ΕΒͷػೳ͸΄΅ະ࣮૷ • AndroidͰ͸͜ΕΒͷଞʹ΋ϒϥ΢βͷ࿮Λ௒͑ͯɺ
 OSͱγʔϜϨεʹ࿈ܞͰ͖ΔΑ͏ͳ࣮૷͕૿͖͍͑ͯͯΔ
 ̏ͭ΄Ͳ۩ମྫΛ঺հ

Slide 8

Slide 8 text

1. Web App Install Banners • ChromeͰಛఆͷ৚݅Λຬͨͨ͠αΠτΛ๚ΕΔ ͱϗʔϜʹ௥ՃΛΦεεϝ͞Ε·͢ • ৚݅ɿ5෼Ҏ্ͷִؒΛۭ͚ͯ2ճҎ্ͷΞΫηεͳͲ • ͜Ε·ͰWebΞϓϦ͸ϗʔϜʹ௥Ճͯ͠΋Β͏ ϋʔυϧ͕ߴ͔ͬͨ ࢀߟɿhttps://www.olacabs.com

Slide 9

Slide 9 text

2. Media Session API • ϩοΫεΫϦʔϯͱ௨஌ΤϦΞʹϝσΟΞ ίϯτϩʔϥʔΛදࣔɾ੍ޚ • ΞʔτϫʔΫͷදࣔ • ࠶ੜϘλϯͳͲɺΠϕϯτϋϯυϧՄೳ • ΞϓϦͱಉ͡Ϣʔβʔମݧ͕Մೳ ࢀߟɿhttp://bit.ly/pwa-media

Slide 10

Slide 10 text

3. Payment Request API • JS͔ΒɺNativeͷࢧ෷͍ϙοϓΞοϓΛݺ ͼग़ͤΔ • ϙοϓΞοϓ಺Ͱܾࡁͯ݁͠ՌΛฦ͢
 ʢܾࡁ͸RESTͰ࡞Δඞཁ͕͋Γʣ • ࢧ෷͍UIΛOSϨϕϧͰ౷ҰͰ͖ΔͷͰ Ϣʔβʔ͕໎͍ʹ͍͘ ࢀߟɿhttps://emerald-eon.appspot.com/

Slide 11

Slide 11 text

AndroidͰ͸WebΞϓϦͱNativeΞϓϦͷ ѻ͍͕ಉ͡ʹͳΓͭͭ͋Δ • ଞʹ΋ࡉ͔͍෦෼Ͱ΋มԽ͕ݟΒΕΔ • ϗʔϜ͚ͩͰͳ͘ɺϥϯνϟʔ΍ΞϓϦҰཡʹ
 දࣔ͞ΕΔΑ͏ʹͳͬͨ • IntentΛ௚઀ड͚औΕΔ • ChromeΛհͣ͞௨஌Ͱ͖ΔΑ͏ʹ • શը໘දࣔՄೳ • NativeΞϓϦͱൺ΂ͯ΋Ḯ৭ͳ͍
 ϢʔβʔମݧΛఏڙͰ͖ΔΑ͏ʹͳ͖ͬͯͨ

Slide 12

Slide 12 text

݁࿦ • Android͸OSͱϒϥ΢βͷ྆ଆ໘ͰWebΞϓϦΛ
 Ϧονʹѻ͏͜ͱ͕Ͱ͖ΔΑ͏ʹͳ͖ͬͯͨɻ • PWA͸ஈ֊తʹಋೖͰ͖Δ΋ͷͰ͋Δɻ
 ʢiOSͷ࣮૷Λ଴ͨͳͯ͘ΑΖ͍͠ʣ • iOS͸࣮૷͕஗Ε͍ͯΔͷͰɺWebFriendlyͳ
 AndroidΛج४ʹͯ͠։ൃ͢Δ͜ͱ΋ඞཁʹͳͬͯ͘Δ