App Clip - in a nutshell

WWDC キャッチアップ会の資料

Transcript

1. APP CLIP - IN A NUTSHELL
   WWDC ΩϟονΞοϓձ
   

   View Slide

2. ςΩετ
   AGENDA
   ▸ App Clip - in a nutshell
   ▸ App Clip?
   ▸ App Clip ͷҰੜ
   ▸ ࣮૷࣌ͷ஫ҙ
   ▸ App Clip ͷઃఆ
   ▸ αʔόͱϓϩδΣΫτͷઃఆ
   ▸ App Store Connect Ͱͷઃఆ
   ▸ Smart App Banner ͷઃఆ
   ▸ ༏Εͨ App Clip Λ࡞Δʹ͸ʁ
   ▸ App Clip Card ΛΧελϚΠζ͢Δ
   ▸ App Clip Λγϯϓϧʹอͭ
   ▸ ආ͚Δ΂͖͜ͱ
   

   View Slide

3. APP CLIPʁ
   

   View Slide

4. ςΩετ
   APP CLIP?
   ▸ ຊମ͕μ΢ϯϩʔυෆཁͳܰ
   ྔ൛ΞϓϦ
   ▸ ωΠςΟϒͰಈ࡞͢Δ
   ▸ App
   App Clip Experience
   App Clip
   ͷࡾͭͷίϯηϓτ͔ΒͳΔ
   

   View Slide

5. 1. APP
   

   View Slide

6. ςΩετ
   1. APP
   ▸ ΈΜͳେ޷͖(?) iOS ΞϓϦ
   ▸ App Clip ͸ΞϓϦͷ Extension ͱ
   ͯ͠ಈ࡞͢ΔͨΊɺඞͣຊମͱͳΔ
   ΞϓϦ͕ඞཁ
   ▸ ιʔείʔυ΍ը૾ͳͲͷΞηοτ
   ΋ App Clip ͱڞ༗Մೳ
   

   View Slide

7. 2. APP CLIP
   EXPERIENCE
   

   View Slide

8. ςΩετ
   2. APP CLIP EXPERIENCE
   ▸ Ϣʔβ͕ App Clip Λݟ͚ͭͯମݧ
   ͢ΔࡍͷΤϯτϦʔϙΠϯτ
   ▸ NFC λά΍ App Clip Code, QRίʔ
   υͳͲ༷ʑͳܗࣜͰݟ͚ͭΒΕΔ
   ▸ ಺෦తʹ͸ Universal Links ͷΑ͏
   ͳ URL ͱͳ͍ͬͯΔ
   ▸ App Store Connect ͔Βొ࿥͢Δ͜
   ͱͰ App Clip ͕༗ޮʹͳΔ
   

   View Slide

9. ςΩετ
   2. APP CLIP EXPERIENCE
   ▸ App Clip Code ͸֎ଆ͕ QRίʔυ
   ͷΑ͏ʹͳ͍ͬͯͯɺਅΜத͸
   NFC λάʹͳ͓ͬͯΓɺΧϝϥͰε
   Ωϟϯͯ͠΋ɺ୺຤Λλονͯ͠΋
   ྑ͍
   ▸ ଞʹ΋ Web ΍ Siri ͷαδΣετ͔
   Β΋୳͢͜ͱ͕Ͱ͖Δ
   

   View Slide

10. 3. APP CLIP
    

    View Slide

11. ςΩετ
    3. APP CLIP
    ▸ ࠓճͷओ໾
    ▸ ઌ΄Ͳͷ App Clip Experience ͔Βىಈ
    ͢Δ͜ͱ͕Ͱ͖Δ
    ▸ ΞϓϦຊମΛΠϯετʔϧ͠ͳͯ͘΋ω
    ΠςΟϒͷମݧ͕ఏڙͰ͖Δ༏Ε΋ͷ
    ▸ ΞϓϦຊମͰ࢖͑ΔϑϨʔϜϫʔΫ͸΄
    ͱΜͲ࢖͑Δ
    ▸ App Clip ͱ App ͸ഉଞతͳؔ܎Ͱ͋Γ
    ซ༻͸Ͱ͖ͳ͍
    

    View Slide

12. ςΩετ
    3. APP CLIP
    ▸ ࠓճͷओ໾
    ▸ ઌ΄Ͳͷ App Clip Experience ͔Βىಈ
    ͢Δ͜ͱ͕Ͱ͖Δ
    ▸ ΞϓϦຊମΛΠϯετʔϧ͠ͳͯ͘΋ω
    ΠςΟϒͷମݧ͕ఏڙͰ͖Δ༏Ε΋ͷ
    ▸ ΞϓϦຊମͰ࢖͑ΔϑϨʔϜϫʔΫ͸΄
    ͱΜͲ࢖͑Δ
    ▸ App Clip ͱ App ͸ഉଞతͳؔ܎Ͱ͋Γ
    ซ༻͸Ͱ͖ͳ͍
    

    View Slide

13. APP CLIP ͷҰੜ
    

    View Slide

14. ςΩετ
    1. ग़ձ͍
    ▸ ྫ͑͹ίʔώʔγϣοϓ
    ▸ ݟ͚ͭͨ App Clip Code ʹλον
    ͢Δ͔εΩϟϯ͢Δ
    ▸ ୺຤ʹΞϓϦ͕Πϯετʔϧ͞Εͯ
    ͍ͳ͍৔߹͸ࣗಈతʹ App Clip Λ
    ୳ͯ͠μ΢ϯϩʔυ͠ App Clip
    Card ͕දࣔ͞ΕΔ
    

    View Slide

15. ςΩετ
    2. ىಈ
    ▸ ىಈલʹ͸ຖճ App Clip Card ͱ͍
    ͏ App Clip Λىಈ͢ΔͨΊͷը໘
    ͕දࣔ͞ΕΔ
    ▸ Open ϘλϯΛԡ͢ࣄͰ App Clip
    ͕ىಈͯ͠ར༻ՄೳʹͳΔ
    

    View Slide

16. ςΩετ
    2. ىಈ
    ▸ App Clip ʹ͸ NSUserActivity ܦ༝
    Ͱ URL ͕౉ͬͯདྷΔ
    

    View Slide

17. ςΩετ
    3. APP CLIP Λ࢖͏
    ▸ ࢖͍উख͸΄ͱΜͲωΠςΟϒͱม
    ΘΒͳͦ͞͏
    ▸ άϩʔόϧφϏήʔγϣϯ͕ͳ͍ͨ
    ΊγϯϓϧʹͳΔ͔΋
    ▸ ࢖͑Δػೳ΋ωΠςΟϒͱḮ৭ͳ͘
    

    View Slide

18. ςΩετ
    3. APP CLIP Λ࢖͏
    ▸ ࢖͍উख͸΄ͱΜͲωΠςΟϒͱม
    ΘΒͳͦ͞͏
    ▸ άϩʔόϧφϏήʔγϣϯ͕ͳ͍ͨ
    ΊγϯϓϧʹͳΔ͔΋
    ▸ ࢖͑Δػೳ΋ωΠςΟϒͱḮ৭ͳ͘
    ▸ Apple Pay Ͱܾࡁͨ͠Γɾɾɾ
    

    View Slide

19. ςΩετ
    3. APP CLIP Λ࢖͏
    ▸ ࢖͍উख͸΄ͱΜͲωΠςΟϒͱม
    ΘΒͳͦ͞͏
    ▸ άϩʔόϧφϏήʔγϣϯ͕ͳ͍ͨ
    ΊγϯϓϧʹͳΔ͔΋
    ▸ ࢖͑Δػೳ΋ωΠςΟϒͱḮ৭ͳ͘
    ▸ Apple Pay Ͱܾࡁͨ͠Γɾɾɾ
    ▸ ίʔώʔ͕Ͱ͖ͨ͜ͱΛ௨஌Ͱ஌Β
    ͤͨΓͰ͖Δ
    

    View Slide

20. ςΩετ
    3. APP CLIP Λ࢖͏
    ▸ ௨஌ʹ͸গ͠ϧʔϧ͕͋Γ
    ▸ σϑΥϧτͰ 8࣌ؒޙ·Ͱ
    ▸ ࠷େͰ1िؒޙ·Ͱ௨஌ΛૹΔ͜ͱ
    ͕Ͱ͖Δ(ྫ͑͹ϨϯλΧʔͷฦ٫
    ظݶΛϦϚΠϯυ͍ͨ͠৔߹)
    

    View Slide

21. ςΩετ
    4. ผΕͷ࣌
    ▸ ແࣄίʔώʔΛड͚औͬͨΒ App Clip ͷ໾໨͸ऴΘΓ
    ▸ Ұఆ࣌ؒ(Serval day)࢖ΘΕͳ͍ͱ App Clip ͸ࣗಈతʹ୺຤͔Β͍ͳ͘ͳ
    ΓɺόοΫΞοϓʹ΋࢒Βͳ͍
    ▸ App Clip ʹอଘ͍ͯ͠Δσʔλ΍ App Clip ͷ Keychain ͷσʔλ΋Ұॹ
    ʹফ͑Δ
    ▸ ຖேίʔώʔΛങ͏ͨΊʹ࢖͍ͬͯΔΑ͏ͳ৔߹͸σʔλ͸࡟আ͞Εͳ͘
    ͳΔՄೳੑ͕͋Δ
    

    View Slide

22. ςΩετ
    5.ͣͬͱҰॹʹɾɾɾ
    ▸ App Clip Λؾʹೖͬͯɺ͙͢ʹΞ
    ϓϦΛΠϯετʔϧͯ͠΋Β͑ΔΑ
    ͏ʹదٓ App Banner Λද͓ࣔͯ͠
    ͘ͱྑ͍
    ▸ App ͷμ΢ϯϩʔυ࣌ʹ App Clip
    ͷσʔλ͸ফ͑ͯ͠·͏
    

    View Slide

23. ςΩετ
    5.ͣͬͱҰॹʹɾɾɾ
    ▸ Ͱ΋ App Clip ͱ App ڞ௨ͷσʔλ
    ίϯςφʹσʔλΛೖΕ͓͚ͯ͹
    App ͔Βσʔλ͕ίϐʔ͞ΕΔ·Ͱ
    อ͓͍࣋ͯͯ͘͠ΕΔ
    ▸ App Clip ར༻࣌ʹڐՄ͞ΕͨΧϝ
    ϥͳͲͷݖݶ΋ͦͷ·· App ʹҾ
    ͖ܧ͕ΕΔ
    

    View Slide

24. ࣮૷࣌ͷ஫ҙ
    ࣄ߲
    

    View Slide

25. ςΩετ
    1. APP CLIP ͸ 10MB ҎԼʹೲΊΔ
    ▸ App Clip ͸ී௨ͷΞϓϦͱҧ͍ૉ
    ૣ͘ىಈ͠࢖͑Δ͜ͱ͕ॏཁ
    ▸ ༰ྔΛ 10MB ҎԼʹೲΊɺ͔ͭى
    ಈʹඞཁͳΞηοτ͸શؚͯ·Εͯ
    ͍Δඞཁ͕͋Δ
    ▸ ͦΕҎ্σʔλ͕ඞཁͳ৔߹͸ىಈ
    ޙʹదٓμ΢ϯϩʔυ͢ΔͳͲͯ͠
    όϥϯεΛͱΔ
    

    View Slide

26. ςΩετ
    2, ϑϨʔϜϫʔΫͷ੍ݶ
    ▸ جຊతʹΞϓϦຊମͰ࢖͑ΔϑϨʔϜϫʔΫ͸΄ͱΜͲ࢖͑Δ
    ▸ ͕ HelthKit ͳͲҰ෦ػີੑͷߴ͍Ϣʔβ৘ใʹ͍ͭͯ͸ΞΫηε੍͕ݶ
    ͞ΕΔ
    ▸ ͳͷͰطଘͷίʔυΛ࢖͏৔߹͸σʔλ΁ͷݖݶ͕͋Δ͔νΣοΫ͢Δॲ
    ཧΛೖΕΔͷ͕٢
    ▸ ػີੑͷߴ͍σʔλ͕ඞཁͳ৔߹͸ΞϓϦຊମΛΠϯετʔϧͯ͠΋Β͏
    ▸ Ґஔ৘ใʹ͍ͭͯ͸ App Clip ޲͚ͷ৽͍͠ API ͕͋ΔͷͰͦͪΒΛ࢖͏
    

    View Slide

27. ςΩετ
    3,ىಈͷ੍ݶ
    ▸ App Clip ͸ಛఆͷମݧΛఏڙ͢Δ
    ͜ͱʹूத͓ͯ͠Γɺ Universal
    Links ΍ Custom URL Scheme ͔Β
    ͸ىಈͰ͖ͳ͍
    ▸ ΋͠ App Clip ͰαΠϯΠϯͤͨ͞
    ͍৔߹͸ Sign in with Apple ΍
    ASWebAuthenticationSession Λ
    ར༻͢Δ
    

    View Slide

28. APP CLIP ͷઃఆ
    

    View Slide

29. ςΩετ
    APP CLIP ͷઃఆ
    ▸ ઃఆͷखॱ͸େ·͔ʹࡾͭ(?)
    ▸ 1. αʔό্ͷ apple-app-site-
    association ϑΝΠϧͱ App Clip ϓϩ
    δΣΫτͷ Associated domain ʹઃఆΛ
    ௥Ճ
    ▸ 2. App Store Connect ͔Β App Clip
    Card ͷઃఆΛ௥Ճ
    ▸ 3. Webϖʔδͷ Smart App Banner ʹ
    App Clip ͷઃఆΛ௥Ճ͢Δ
    

    View Slide

30. 1.αʔόͱ APP CLIP ϓ
    ϩδΣΫτͷઃఆ
    

    View Slide

31. ςΩετ
    1.αʔόͱ APP CLIP ϓϩδΣΫτͷઃఆ
    ▸ αʔόଆͰ͸ apple-app-site-
    association ϑΝΠϧʹ App Clip ͷ
    ઃఆΛ௥Ճ͢Δ
    ▸ App Clip ଆͰ͸ Associated
    domains ʹυϝΠϯΛ௥Ճ͠
    ▸ ىಈ࣌ʹड͚औΔ NSUserActivity
    ΛϋϯυϧͰ͖ΔΑ͏࣮૷͢Δ
    

    View Slide

32. ςΩετ
    1.αʔόͱ APP CLIP ϓϩδΣΫτͷઃఆ
    ▸ αʔόଆͰ͸ apple-app-site-
    association ϑΝΠϧʹ App Clip ͷ
    ઃఆΛ௥Ճ͢Δ
    ▸ App Clip ଆͰ͸ Associated
    domains ʹυϝΠϯΛ௥Ճ͠
    ▸ ىಈ࣌ʹड͚औΔ NSUserActivity
    ΛϋϯυϧͰ͖ΔΑ͏࣮૷͢Δ
    

    View Slide

33. ςΩετ
    1.αʔόͱ APP CLIP ϓϩδΣΫτͷઃఆ
    ▸ αʔόଆͰ͸ apple-app-site-
    association ϑΝΠϧʹ App Clip ͷ
    ઃఆΛ௥Ճ͢Δ
    ▸ App Clip ଆͰ͸ Associated
    domains ʹυϝΠϯΛ௥Ճ
    ▸ ىಈ࣌ʹड͚औΔ NSUserActivity
    ΛϋϯυϧͰ͖ΔΑ͏࣮૷͢Δ
    

    View Slide

34. ςΩετ
    1.αʔόͱ APP CLIP ϓϩδΣΫτͷઃఆ
    ▸ αʔόଆͰ͸ apple-app-site-
    association ϑΝΠϧʹ App Clip ͷ
    ઃఆΛ௥Ճ͢Δ
    ▸ App Clip ଆͰ͸ Associated
    domains ʹυϝΠϯΛ௥Ճ͠
    ▸ ىಈ࣌ʹड͚औΔ NSUserActivity
    ΛϋϯυϧͰ͖ΔΑ͏࣮૷͢Δ
    

    View Slide

35. ςΩετ
    NSUSERACTIVITY ΛϋϯυϧͰ͖ΔΑ͏࣮૷͢Δ
    

    View Slide

36. ςΩετ
    NSUSERACTIVITY ΛϋϯυϧͰ͖ΔΑ͏࣮૷͢Δ
    

    View Slide

37. ςΩετ
    σόοάํ๏΋͋ΔΑ
    

    View Slide

38. 2. APP STORE
    CONNECT Ͱͷઃఆ
    

    View Slide

39. ςΩετ
    2. APP STORE CONNECT Ͱͷઃఆ
    ▸ App Store Connect Ͱ͸ App Clip Card ͷ
    ઃఆΛߦ͏
    ▸ App Clip ؚ͕·ΕͨΞϓϦ͕ App Store
    Connect ʹΞοϓϩʔυ͞ΕΔͱ App Clip
    ηΫγϣϯ͕௥Ճ͞ΕΔ
    ▸ App Clip ηΫγϣϯ͔ΒλΠτϧɺαϒλ
    ΠτϧɺϔομʔɺΞΫγϣϯͷઃఆΛߦ
    ͏͜ͱ͕Մೳ
    ▸ Advanced App Clip Experience ͷ߲໨͔Β
    ۩ମతͳ URL ͳͲΛઃఆ͢Δ͜ͱ΋Մೳ
    

    View Slide

40. ςΩετ
    2. APP STORE CONNECT Ͱͷઃఆ
    

    View Slide

41. ςΩετ
    2. APP STORE CONNECT Ͱͷઃఆ(ߴ౓ͳઃఆ)
    ▸ NFC λάͳͲͰར༻͍ͨ͠ URL Λ
    App Clip Experience ͱͯ͜͜͠Ͱ
    ొ࿥͓ͯ͘͠
    ▸ URL ͸Ұ͚ͭͩͰͳ͘ఏڙ͍ͨ͠ମ
    ݧʹ߹Θͤͯෳ਺ొ࿥Մೳ
    ▸ App Clip ͷ URL ͸લํҰகͰϚο
    ν͢ΔͨΊύϥϝʔλ͝ͱʹ URL
    Λઃఆ͢Δඞཁ͸ͳ͍
    

    View Slide

42. ςΩετ
    APP CLIP EXPERIENCE ͷઃఆ
    

    View Slide

43. ςΩετ
    2. APP STORE CONNECT Ͱͷઃఆ(ߴ౓ͳઃఆ)
    ▸ ࣍ͷϖʔδͰ͸ App Clip Card Λઃ
    ఆ͢Δ͜ͱ͕Ͱ͖Δ
    ▸ ಛఆͷମݧʹ߹Θͤͨݟͨ໨ʹ
    App Clip Card ΛΧελϚΠζ͠·
    ͠ΐ͏
    

    View Slide

44. ςΩετ
    APP CLIP CARD ͷΧελϚΠζ
    

    View Slide

45. ςΩετ
    ߴ౓ͳઃఆͷྫ: Ϩετϥϯ
    

    View Slide

46. ςΩετ
    ߴ౓ͳઃఆͷྫ: ϨϯλϧαΠΫϧ
    

    View Slide

47. ςΩετ
    ߴ౓ͳઃఆͷྫ:ίʔώʔγϣοϓ
    

    View Slide

48. ςΩετ
    ߴ౓ͳઃఆͷྫ:ίʔώʔγϣοϓ
    

    View Slide

49. 3. WEBϖʔδͷ SMART APP
    BANNER ʹ APP CLIP ͷઃఆ
    Λ௥Ճ͢Δ
    

    View Slide

50. ςΩετ
    SMART APP BANNER ͷઃఆ
    ▸ Smart App Banner ʹ App Clip ͷઃఆΛ௥Ճ͢Δͱ Banner ͔Β App
    Clip ͕ىಈͰ͖ͨΓ
    ▸ iMessage Ͱ͜ͷ URL ͕γΣΞ͞Ε͍ͨ͞ʹ௚઀ App Clip Λ։͘Α͏ʹ
    ͳͬͨΓ͢Δ
    ▸ apple-itunes-app λάͷதʹ app-clip-bundle-id content Λࢦఆ͢Δ͜
    ͱͰઃఆ͕Մೳ
    ▸ iOS 14 ΑΓ΋ݹ͍ΞϓϦͷ৔߹͸ͦΕ·Ͱͱಉ͡Α͏ʹΞϓϦ΁ͷϦϯ
    Ϋͱͯ͠ػೳ͢Δ
    

    View Slide

51. ςΩετ
    SMART APP BANNER ͷઃఆ
    

    View Slide

52. ςΩετ
    SMART APP BANNER ͷઃఆ
    

    View Slide

53. ༏Εͨ APP CLIP
    Λ࡞Δʹ͸ʁ
    

    View Slide

54. APP CLIP CARD ΛΧ
    ελϚΠζ͢Δ
    

    View Slide

55. ςΩετ
    APP CLIP CARD ΛΧελϚΠζ͢Δ
    ▸ App Clip Card ͸ App Store ͷ঎඼
    දࣔϖʔδͷΑ͏ͳ΋ͷ
    ▸ ͲΜͳ͜ͱ͕Ͱ͖Δͷ͔Ξϐʔϧ
    ͠ɺͳͥ࢖͏΂͖͔Λ఻͑Δ৔ॴ
    ▸ App Clip Card ͸جຊతʹಉ͡ܗͩ
    ͕ɺ͍͔ͭ͘ΧελϚΠζͰ͖Δͱ
    ͜Ζ͕͋Δ
    

    View Slide

56. 0. σβΠϯͷ
    ੍ݶ
    

    View Slide

57. ςΩετ
    0. σβΠϯͷ੍ݶ
    ▸ App Clip Card ʹ͸͍͔ͭ͘σβΠ
    ϯͷ੍ݶ͕͋Δ
    ▸ Title ͸ 18 จࣈҎ಺ɺSubtitle ͸ɹ
    43 จࣈ͍ͳ͍ʹೲΊΔ
    ▸ App Clip Card ͸ 3000px X
    2000px ͷΞεϖΫτൺ 3:2
    ▸ എܠͷಁա͸͠ͳ͍
    

    View Slide

58. 1. TITLE
    

    View Slide

59. ςΩετ
    1. TITLE
    ▸ Title ͸ App Clip ͕ԿͰ͋Δ͔Λ఻
    ͑Δ΋ͷ
    ▸ ΄ͱΜͲͷ৔߹ʹΞϓϦ΍αʔϏε
    ͱಉ໊͡લʹͳΔ
    ▸ Ұͭͷػೳʹয఺Λ౰͍ͯͯΔ৔߹
    ͸ͦͷػೳΛλΠτϧʹؚΊΔͷ΋
    OK
    

    View Slide

60. ςΩετ
    1. TITLE
    ▸ ྫ͑͹ App Clip ͕ϥδΦʹ͍ͭͯ
    ͷ΋ͷͰ͋Ε͹λΠτϧͷҰ෦ʹϥ
    δΦͱೖΕΔ͜ͱ͕Ͱ͖Δ
    

    View Slide

61. 2. SUBTITLE
    

    View Slide

62. ςΩετ
    2. SUBTITLE
    ▸ Title ͕ App Clip ͷϒϥϯυͳΒɺ
    Subtitle ͸ App Clip ͷઆ໌ͷ৔ॴ
    ▸ Ϣʔβ͕ App Clip Λར༻͢Δ࣌͸
    େ఍ɺॳΊͯͦͷ App Λར༻͢Δ
    ࣌
    ▸ ॳΊͯར༻͢Δਓ͕ͲΜͳ App
    Clip ͳͷ͔ཧղͰ͖ΔΑ͏ͳઆ໌Λ
    ೖΕΔ
    

    View Slide

63. 3. HEADER IMAGE
    

    View Slide

64. ςΩετ
    3. HEADER IMAGE
    ▸ ϔομʔը૾͸ App Clip ͕ͲΜͳ
    ͜ͱ͕Ͱ͖Δͷ͔Λࢹ֮తʹ఻͑Δ
    ৔ॴ
    ▸ App Clip ͕ίʔώʔγϣοϓͳͲ
    ෺ཧతͳ΋ͷʹ෇ଐ͍ͯ͠Δ৔߹͸
    ళฮͷࣸਅͳͲ͕ྑ͍ࣸਅ
    

    View Slide

65. ςΩετ
    3. HEADER IMAGE
    ▸ ෺ཧతͳ΋ͷʹ෇ଐ͍ͯ͠ͳ͍৔߹
    ͸ϩΰ΍ϒϥϯυ͔Βը૾Λ࡞੒͠
    ͯOK
    ▸ ͍ͣΕʹͤΑɺϔομʔը૾ʹ͸ε
    ΫϦʔϯγϣοτ΍ɺจࣈͩΒ͚ͷ
    ը૾Λར༻͠ͳ͍
    

    View Slide

66. 4. ACTION
    

    View Slide

67. ςΩετ
    4. ACTION
    ▸ ӈଆʹ͋ΔϘλϯΛԡ͢ࣄͰ App
    Clip Λ࣮ࡍʹར༻͢Δ͜ͱ͕Ͱ͖Δ
    ▸ Ϙλϯʹදࣔ͢Δจࣈ͸։͘
    (Open), ݟΔ(View), ࠶ੜ(Play) ͷ3
    छྨ͔Βબ΂Δ
    ▸ σϑΥϧτͰ͸ ։͘(Open)
    

    View Slide

68. APP CLIP Λγϯ
    ϓϧʹอͭ
    

    View Slide

69. ςΩετ
    APP CLIP Λγϯϓϧʹอͭ
    ▸ ༏Εͨ App Clip ͸γϯϓϧͰ͋Δ
    ▸ App Clip ͸ҰͭͷλεΫʹϑΥʔ
    Χε͠ୡ੒͢ΔͨΊʹ࡞ΒΕ͍ͯΔ
    ▸ ·ͨ༏Εͨ App Clip ͸ߴ଎Ͱɺಡ
    ΈࠐΈ΍ىಈ͕଎͍͚ͩͰͳ͘ɺλ
    εΫͷୡ੒·ͰͷྲྀΕ΋ૣ͘͜ͳͤ
    ΔΑ͏ʹ߹ཧԽ͞Ε͍ͯΔ΂͖
    

    View Slide

70. ςΩετ
    APP CLIP Λγϯϓϧʹอͭ
    ▸ App Clip ΛγϯϓϧʹอͭͨΊʹ
    ҎԼͷࡾͭͷ͜ͱΛߟ͑Δ
    ▸ 1. App Clip ͷ໨త
    ▸ 2. λεΫΛୡ੒͢ΔͨΊͷඞཁ࠷௿
    ݶͷϑϩʔ
    ▸ 3. App ຊମΛఏڙ͢Δಋઢ
    

    View Slide

71. ආ͚Δ΂͖͜
    ͱ
    

    View Slide

72. 1. ෆཁͳಋೖ
    ͸௥Ճ͠ͳ͍
    

    View Slide

73. ςΩετ
    ෆཁͳಋೖ͸௥Ճ͠ͳ͍
    ▸ App Clip ͸ҰͭͷλεΫʹϑΥʔ
    Χε͠ɺͦͷλεΫΛୡ੒͢ΔͨΊ
    ʹମݧΛͰ͖Δ͚ͩγϯϓϧʹ͢΂
    ͖
    ▸ ϝΠϯϑϩʔʹೖΔલͷλεΫʹؔ
    ܎ͳ͍νϡʔτϦΞϧ΍App Clip
    ͷઆ໌ɺ঺հ͸௥Ճ͠ͳ͍
    

    View Slide

74. 2. ϩάΠϯ΍ΞΧ΢ϯ
    τొ࿥ը໘Λදࣔ͠ͳ
    ͍
    

    View Slide

75. ςΩετ
    ϩάΠϯ΍ΞΧ΢ϯτొ࿥ը໘Λදࣔ͠ͳ͍
    ▸ ϩάΠϯ΍ΞΧ΢ϯτొ࿥Λͤ͞Δ
    Α͏ͳϑϩʔ͸ආ͚Δ
    ▸ Ͳ͏ͯ͠΋ొ࿥͕ඞཁͳ৔߹͸ε
    ϐʔυͱϓϥΠόγʔͷͨΊɺSign
    in with Apple Λར༻͢Δ
    

    View Slide

76. 3.άϩʔόϧφϏήʔ
    γϣϯΛར༻͠ͳ͍
    

    View Slide

77. ςΩετ
    άϩʔόϧφϏήʔγϣϯΛར༻͠ͳ͍
    ▸ App Clip ͸ҰͭͷλεΫΛୡ੒͢
    ΔͨΊʹ߹ཧԽ͞Ε͍ͯΔ΂͖
    ▸ άϩʔόϧφϏήʔγϣϯΛ࢖Θͳ
    ͍ը໘ભҠΛߟ͑Δ
    

    View Slide

78. 4. ઃఆɺ؅ཧͷ
    APP CLIP Λ࡞Βͳ͍
    

    View Slide

79. ςΩετ
    ઃఆɺ؅ཧͷ APP CLIP Λ࡞Βͳ͍
    ▸ ઃఆมߋ΍؅ཧͷͨΊͷ App Clip
    ͸ආ͚Δ
    

    View Slide

80. ςΩετ
    ࢀরͨ͠ಈը
    ▸ App Clip ͷ঺հ
    ▸ https://developer.apple.com/wwdc20/10174
    ▸ App Clip Λઃఆ͠ɺϦϯΫ͢Δ
    ▸ https://developer.apple.com/wwdc20/10146
    ▸ ༏Εͨ App Clip ΛσβΠϯ͢Δ
    ▸ https://developer.apple.com/wwdc20/10172
    

    View Slide

81. ऴΘΓ
    

    View Slide