AndroidとWeb

Transcript

1. AndroidͱWeb Jun 21 2017
2. ࣗݾ঺հ • ੁপ ୢ໻ʢ͕͢͵· ͨͭ΍ʣ • גࣜձࣾͳ͢ͼɹ݄̐ʙ • ϑϩϯτΤϯυΤϯδχΞ • HT-03A͔ΒAndroidϢʔβʔ
3. AndroidͷΠϝʔδ • ୺຤ͷछྨ͕ଟ͗͢Δ • ୺຤ݻ༗όά͸צหͯ͠΄͍͠ • ηΩϡϦςΟ͕ΞϨͳΜͰ͠ΐʁ • രൃ͢Δͬͯฉ͖·ͨ͠ • ॏ͍ • μα͍
4. iPhone࠷ߴ❗
5. ϑϩϯτΤϯυ։ൃ iOSج४Ͱߟ͑ա͗໰୊
6. Progressive Web Apps ͷ࣌୅ ΋͏དྷͯ·͢
7. PWA͸࣮͸΋͏ΨϯΨϯ࢖ͬͯ ͍͍ٕज़͹͔Γ • Progressive = (ஈ֊తʹ)લਐ͢Δ, ઴ਐతͳ • ஈ֊తʹಋೖͰ͖Δ΋ͷ͹͔Γ • Prefetchɺϓογϡ௨஌ɺΦϑϥΠϯར༻ ͳͲ • ରԠͯ͠Δ؀ڥͳΒศརʹͳΔ • ରԠͯ͠ͳ͍؀ڥͰ΋ࠓ·ͰͱมΘΒͳ͍ • iOS͸͜ΕΒͷػೳ͸΄΅ະ࣮૷ • AndroidͰ͸͜ΕΒͷଞʹ΋ϒϥ΢βͷ࿮Λ௒͑ͯɺ
 OSͱγʔϜϨεʹ࿈ܞͰ͖ΔΑ͏ͳ࣮૷͕૿͖͍͑ͯͯΔ
 ̏ͭ΄Ͳ۩ମྫΛ঺հ
8. 1. Web App Install Banners • ChromeͰಛఆͷ৚݅Λຬͨͨ͠αΠτΛ๚ΕΔ ͱϗʔϜʹ௥ՃΛΦεεϝ͞Ε·͢ • ৚݅ɿ5෼Ҏ্ͷִؒΛۭ͚ͯ2ճҎ্ͷΞΫηεͳͲ • ͜Ε·ͰWebΞϓϦ͸ϗʔϜʹ௥Ճͯ͠΋Β͏ ϋʔυϧ͕ߴ͔ͬͨ ࢀߟɿhttps://www.olacabs.com
9. 2. Media Session API • ϩοΫεΫϦʔϯͱ௨஌ΤϦΞʹϝσΟΞ ίϯτϩʔϥʔΛදࣔɾ੍ޚ • ΞʔτϫʔΫͷදࣔ • ࠶ੜϘλϯͳͲɺΠϕϯτϋϯυϧՄೳ • ΞϓϦͱಉ͡Ϣʔβʔମݧ͕Մೳ ࢀߟɿhttp://bit.ly/pwa-media
10. 3. Payment Request API • JS͔ΒɺNativeͷࢧ෷͍ϙοϓΞοϓΛݺ ͼग़ͤΔ • ϙοϓΞοϓ಺Ͱܾࡁͯ݁͠ՌΛฦ͢
 ʢܾࡁ͸RESTͰ࡞Δඞཁ͕͋Γʣ • ࢧ෷͍UIΛOSϨϕϧͰ౷ҰͰ͖ΔͷͰ Ϣʔβʔ͕໎͍ʹ͍͘ ࢀߟɿhttps://emerald-eon.appspot.com/
11. AndroidͰ͸WebΞϓϦͱNativeΞϓϦͷ ѻ͍͕ಉ͡ʹͳΓͭͭ͋Δ • ଞʹ΋ࡉ͔͍෦෼Ͱ΋มԽ͕ݟΒΕΔ • ϗʔϜ͚ͩͰͳ͘ɺϥϯνϟʔ΍ΞϓϦҰཡʹ
 දࣔ͞ΕΔΑ͏ʹͳͬͨ • IntentΛ௚઀ड͚औΕΔ • ChromeΛհͣ͞௨஌Ͱ͖ΔΑ͏ʹ • શը໘දࣔՄೳ • NativeΞϓϦͱൺ΂ͯ΋Ḯ৭ͳ͍
 ϢʔβʔମݧΛఏڙͰ͖ΔΑ͏ʹͳ͖ͬͯͨ
12. ݁࿦ • Android͸OSͱϒϥ΢βͷ྆ଆ໘ͰWebΞϓϦΛ
 Ϧονʹѻ͏͜ͱ͕Ͱ͖ΔΑ͏ʹͳ͖ͬͯͨɻ • PWA͸ஈ֊తʹಋೖͰ͖Δ΋ͷͰ͋Δɻ
 ʢiOSͷ࣮૷Λ଴ͨͳͯ͘ΑΖ͍͠ʣ • iOS͸࣮૷͕஗Ε͍ͯΔͷͰɺWebFriendlyͳ
 AndroidΛج४ʹͯ͠։ൃ͢Δ͜ͱ΋ඞཁʹͳͬͯ͘Δ