WebとiOSの連携方法は何がベストか？ 2016年版 #potatotips 27

【訂正】Universal Link形式はSFSafariViewController, WKWebView, UIWebViewで使えないので推奨できないと思います。調査不足でした、失礼致しました。

http://connpass.com/event/27156/ で発表した発表資料です。
WEBからiOSアプリを開くときのベストプラクティスについて考察します。

Transcript

1. WebͱiOSͷ࿈ܞํ๏͸Կ͕
   ϕετ͔ʁ 2016೥൛
   potatotips #27
   @yoneapp
   Tsuyoshi Yonemoto
   

   View Slide

2. ࣗݾ঺հ
   • @yoneapp
   • ̎̌̍̌೥ɿֶੜiOSݸਓ։ൃऀ
   • ̎̌̍̎೥ɿελʔτΞοϓͷڞಉ૑ۀऀ
   • ̎̌̍̑೥ɿiOS & RailsϑϦʔϥϯε
   

   View Slide

3. χϡʔεΞϓϦ࡞ͬͯ·͢
   

   View Slide

4. WEBͱΞϓϦͷ؆୯ͳ࿈ܞ
   

   View Slide

5. ΍Γ͍ͨ͜ͱ
   ΞϓϦ͕ೖ͍ͬͯͨΒΞϓϦͰ։͘

   ΞϓϦ͕ೖ͍ͬͯͳ͔ͬͨΒΠϯετʔϧ
   

   View Slide

6. SmartBanner
   ΞϓϦ͕ͳ͚Ε͹
   AppStore΁ʂ
   URLεΩʔϜͰ։͘
   ެࣜఏڙͷඒ͍͠ख๏
   

   View Slide

7. SmartBanner
   WEB VIEW͸ඇදࣔ
   

   View Slide

8. ஫ऍ
   ࢓༷มߋʹΑΓiOS9?͔ΒJSΛ࢖ͬͨ

   SmartBanner෩ͷڍಈ͸্ख͘ಈ͔ͳ͘ͳͬͨΑ͏Ͱ͢
   

   View Slide

9. MERY
   

   View Slide

10. MERY
    

    View Slide

11. MERY
    

    View Slide

12. Yahoo!χϡʔε
    ΞϓϦ͕ͳ͚Ε͹
    Πϯετʔϧϖʔδ
    URLεΩʔϜͰ։͘
    ≒ SmartBannerͷڍಈ
    

    View Slide

13. Yahoo!χϡʔε͸
    ࣗલ࣮૷Ͱ
    SmartBannerͱ
    ಉ͡ڍಈΛɾɾɾʁ
    

    View Slide

14. View Slide

15. 
    Universal Link
    

    View Slide

16. Universal Linkͱ͸
    ͋ΔϖʔδʹΞΫηεͨ࣌͠ʹ

    ΞϓϦ͕ೖ͍ͬͯΕ͹։͘ػೳ
    

    View Slide

17. 
    Universal Link
    

    View Slide

18. Ͱ΋͜Εͬͯຊདྷͷ
    ࢖͍ํ͡Όͳ͍Ͱ͢ΑͶʁ
    by ஌Γ߹͍ͷΤϯδχΞ͞Μ
    

    View Slide

19. YES
    

    View Slide

20. ຊདྷͷ࢖͍ํΛ͠ͳ͔ͬͨ৔߹
    ༧ظͤ͵ίτ͕ى͖Δ…
    

    View Slide

21. View Slide

22. View Slide

23. View Slide

24. Universal Linkͷ࢓༷
    Ϣʔβ͕ӈ্͔Β໭ͬͨ࣌͸

    ͦΕҎ߱ɺಉҰυϝΠϯʁͰແޮԽ͞ΕΔ
    

    View Slide

25. 
    ΞϓϦ͕ೖͬͯΔͷʹ
    ΠϯετʔϧҊ಺ʹҠಈ
    

    View Slide

26. Universal Linkͷ࢓༷
    URLεΩʔϜͰ։͖௚ͤ͹࠶౓༗ޮʹͳΔ
    

    View Slide

27. ࣮͸…
    

    View Slide

28. View Slide

29. ಛघͳ৔߹͔͠໰୊ʹͳΒͳ͍͔Β
    ͦΜͳʹؾʹ͠ͳͯ͘΋͍͍͔΋Ͷ
    

    View Slide

30. ·ͱΊ
    

    View Slide

31. γϯϓϧϓϥϯ
    

    View Slide

32. νϟϨϯδϓϥϯʁ
    ʴ
    

    View Slide

33. νϟϨϯδϓϥϯʂ
    ʴ
    

    View Slide

34. νϟϨϯδϓϥϯʂ
    

    View Slide

35. νϟϨϯδϓϥϯʂ
    ʴ
    

    View Slide

36. νϟϨϯδϓϥϯʂʂ
    ʴ
    ʴiOS8ҎԼରԠ
    

    View Slide

37. END
    

    View Slide