Upgrade to Pro — share decks privately, control downloads, hide ads and more …

App Clip - in a nutshell

App Clip - in a nutshell

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

yuichiro_takahashi

September 09, 2020
Tweet

More Decks by yuichiro_takahashi

Other Decks in Technology

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