WWDC キャッチアップ会の資料
APP CLIP - IN A NUTSHELLWWDC ΩϟονΞοϓձ
View Slide
ςΩετ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 Λγϯϓϧʹอͭ▸ ආ͚Δ͖͜ͱ
APP CLIPʁ
ςΩετAPP CLIP?▸ ຊମ͕μϯϩʔυෆཁͳܰྔ൛ΞϓϦ▸ ωΠςΟϒͰಈ࡞͢Δ▸ AppApp Clip ExperienceApp Clipͷࡾͭͷίϯηϓτ͔ΒͳΔ
1. APP
ςΩετ1. APP▸ ΈΜͳେ͖(?) iOS ΞϓϦ▸ App Clip ΞϓϦͷ Extension ͱͯ͠ಈ࡞͢ΔͨΊɺඞͣຊମͱͳΔΞϓϦ͕ඞཁ▸ ιʔείʔυը૾ͳͲͷΞηοτ App Clip ͱڞ༗Մೳ
2. APP CLIPEXPERIENCE
ςΩετ2. APP CLIP EXPERIENCE▸ Ϣʔβ͕ App Clip Λݟ͚ͭͯମݧ͢ΔࡍͷΤϯτϦʔϙΠϯτ▸ NFC λά App Clip Code, QRίʔυͳͲ༷ʑͳܗࣜͰݟ͚ͭΒΕΔ▸ ෦తʹ Universal Links ͷΑ͏ͳ URL ͱͳ͍ͬͯΔ▸ App Store Connect ͔Βొ͢Δ͜ͱͰ App Clip ͕༗ޮʹͳΔ
ςΩετ2. APP CLIP EXPERIENCE▸ App Clip Code ֎ଆ͕ QRίʔυͷΑ͏ʹͳ͍ͬͯͯɺਅΜதNFC λάʹͳ͓ͬͯΓɺΧϝϥͰεΩϟϯͯ͠ɺΛλονͯ͠ྑ͍▸ ଞʹ Web Siri ͷαδΣετ͔Β୳͢͜ͱ͕Ͱ͖Δ
3. APP CLIP
ςΩετ3. APP CLIP▸ ࠓճͷओ▸ ઌ΄Ͳͷ App Clip Experience ͔Βىಈ͢Δ͜ͱ͕Ͱ͖Δ▸ ΞϓϦຊମΛΠϯετʔϧ͠ͳͯ͘ωΠςΟϒͷମݧ͕ఏڙͰ͖Δ༏Εͷ▸ ΞϓϦຊମͰ͑ΔϑϨʔϜϫʔΫ΄ͱΜͲ͑Δ▸ App Clip ͱ App ഉଞతͳؔͰ͋Γซ༻Ͱ͖ͳ͍
APP CLIP ͷҰੜ
ςΩετ1. ग़ձ͍▸ ྫ͑ίʔώʔγϣοϓ▸ ݟ͚ͭͨ App Clip Code ʹλον͢Δ͔εΩϟϯ͢Δ▸ ʹΞϓϦ͕Πϯετʔϧ͞Ε͍ͯͳ͍߹ࣗಈతʹ App Clip Λ୳ͯ͠μϯϩʔυ͠ App ClipCard ͕දࣔ͞ΕΔ
ςΩετ2. ىಈ▸ ىಈલʹຖճ App Clip Card ͱ͍͏ App Clip Λىಈ͢ΔͨΊͷը໘͕දࣔ͞ΕΔ▸ Open ϘλϯΛԡ͢ࣄͰ App Clip͕ىಈͯ͠ར༻ՄೳʹͳΔ
ςΩετ2. ىಈ▸ App Clip ʹ NSUserActivity ܦ༝Ͱ URL ͕ͬͯདྷΔ
ςΩετ3. APP CLIP Λ͏▸ ͍উख΄ͱΜͲωΠςΟϒͱมΘΒͳͦ͞͏▸ άϩʔόϧφϏήʔγϣϯ͕ͳ͍ͨΊγϯϓϧʹͳΔ͔▸ ͑ΔػೳωΠςΟϒͱḮ৭ͳ͘
ςΩετ3. APP CLIP Λ͏▸ ͍উख΄ͱΜͲωΠςΟϒͱมΘΒͳͦ͞͏▸ άϩʔόϧφϏήʔγϣϯ͕ͳ͍ͨΊγϯϓϧʹͳΔ͔▸ ͑ΔػೳωΠςΟϒͱḮ৭ͳ͘▸ Apple Pay Ͱܾࡁͨ͠Γɾɾɾ
ςΩετ3. APP CLIP Λ͏▸ ͍উख΄ͱΜͲωΠςΟϒͱมΘΒͳͦ͞͏▸ άϩʔόϧφϏήʔγϣϯ͕ͳ͍ͨΊγϯϓϧʹͳΔ͔▸ ͑ΔػೳωΠςΟϒͱḮ৭ͳ͘▸ Apple Pay Ͱܾࡁͨ͠Γɾɾɾ▸ ίʔώʔ͕Ͱ͖ͨ͜ͱΛ௨ͰΒͤͨΓͰ͖Δ
ςΩετ3. APP CLIP Λ͏▸ ௨ʹগ͠ϧʔϧ͕͋Γ▸ σϑΥϧτͰ 8࣌ؒޙ·Ͱ▸ ࠷େͰ1िؒޙ·Ͱ௨ΛૹΔ͜ͱ͕Ͱ͖Δ(ྫ͑ϨϯλΧʔͷฦ٫ظݶΛϦϚΠϯυ͍ͨ͠߹)
ςΩετ4. ผΕͷ࣌▸ ແࣄίʔώʔΛड͚औͬͨΒ App Clip ͷऴΘΓ▸ Ұఆ࣌ؒ(Serval day)ΘΕͳ͍ͱ App Clip ࣗಈతʹ͔Β͍ͳ͘ͳΓɺόοΫΞοϓʹΒͳ͍▸ App Clip ʹอଘ͍ͯ͠Δσʔλ App Clip ͷ Keychain ͷσʔλҰॹʹফ͑Δ▸ ຖேίʔώʔΛങ͏ͨΊʹ͍ͬͯΔΑ͏ͳ߹σʔλআ͞Εͳ͘ͳΔՄೳੑ͕͋Δ
ςΩετ5.ͣͬͱҰॹʹɾɾɾ▸ App Clip Λؾʹೖͬͯɺ͙͢ʹΞϓϦΛΠϯετʔϧͯ͠Β͑ΔΑ͏ʹదٓ App Banner Λද͓ࣔͯ͘͠ͱྑ͍▸ App ͷμϯϩʔυ࣌ʹ App Clipͷσʔλফ͑ͯ͠·͏
ςΩετ5.ͣͬͱҰॹʹɾɾɾ▸ Ͱ App Clip ͱ App ڞ௨ͷσʔλίϯςφʹσʔλΛೖΕ͓͚ͯApp ͔Βσʔλ͕ίϐʔ͞ΕΔ·Ͱอ͓͍࣋ͯͯ͘͠ΕΔ▸ App Clip ར༻࣌ʹڐՄ͞ΕͨΧϝϥͳͲͷݖݶͦͷ·· App ʹҾ͖ܧ͕ΕΔ
࣮࣌ͷҙࣄ߲
ςΩετ1. APP CLIP 10MB ҎԼʹೲΊΔ▸ App Clip ී௨ͷΞϓϦͱҧ͍ૉૣ͘ىಈ͑͠Δ͜ͱ͕ॏཁ▸ ༰ྔΛ 10MB ҎԼʹೲΊɺ͔ͭىಈʹඞཁͳΞηοτશؚͯ·Ε͍ͯΔඞཁ͕͋Δ▸ ͦΕҎ্σʔλ͕ඞཁͳ߹ىಈޙʹదٓμϯϩʔυ͢ΔͳͲͯ͠όϥϯεΛͱΔ
ςΩετ2, ϑϨʔϜϫʔΫͷ੍ݶ▸ جຊతʹΞϓϦຊମͰ͑ΔϑϨʔϜϫʔΫ΄ͱΜͲ͑Δ▸ ͕ HelthKit ͳͲҰ෦ػີੑͷߴ͍Ϣʔβใʹ͍ͭͯΞΫηε੍͕ݶ͞ΕΔ▸ ͳͷͰطଘͷίʔυΛ͏߹σʔλͷݖݶ͕͋Δ͔νΣοΫ͢ΔॲཧΛೖΕΔͷ͕٢▸ ػີੑͷߴ͍σʔλ͕ඞཁͳ߹ΞϓϦຊମΛΠϯετʔϧͯ͠Β͏▸ Ґஔใʹ͍ͭͯ App Clip ͚ͷ৽͍͠ API ͕͋ΔͷͰͦͪΒΛ͏
ςΩετ3,ىಈͷ੍ݶ▸ App Clip ಛఆͷମݧΛఏڙ͢Δ͜ͱʹूத͓ͯ͠Γɺ UniversalLinks Custom URL Scheme ͔ΒىಈͰ͖ͳ͍▸ ͠ App Clip ͰαΠϯΠϯ͍ͤͨ͞߹ Sign in with Apple ASWebAuthenticationSession Λར༻͢Δ
APP CLIP ͷઃఆ
ςΩετAPP CLIP ͷઃఆ▸ ઃఆͷखॱେ·͔ʹࡾͭ(?)▸ 1. αʔό্ͷ apple-app-site-association ϑΝΠϧͱ App Clip ϓϩδΣΫτͷ Associated domain ʹઃఆΛՃ▸ 2. App Store Connect ͔Β App ClipCard ͷઃఆΛՃ▸ 3. Webϖʔδͷ Smart App Banner ʹApp Clip ͷઃఆΛՃ͢Δ
1.αʔόͱ APP CLIP ϓϩδΣΫτͷઃఆ
ςΩετ1.αʔόͱ APP CLIP ϓϩδΣΫτͷઃఆ▸ αʔόଆͰ apple-app-site-association ϑΝΠϧʹ App Clip ͷઃఆΛՃ͢Δ▸ App Clip ଆͰ Associateddomains ʹυϝΠϯΛՃ͠▸ ىಈ࣌ʹड͚औΔ NSUserActivityΛϋϯυϧͰ͖ΔΑ͏࣮͢Δ
ςΩετ1.αʔόͱ APP CLIP ϓϩδΣΫτͷઃఆ▸ αʔόଆͰ apple-app-site-association ϑΝΠϧʹ App Clip ͷઃఆΛՃ͢Δ▸ App Clip ଆͰ Associateddomains ʹυϝΠϯΛՃ▸ ىಈ࣌ʹड͚औΔ NSUserActivityΛϋϯυϧͰ͖ΔΑ͏࣮͢Δ
ςΩετNSUSERACTIVITY ΛϋϯυϧͰ͖ΔΑ͏࣮͢Δ
ςΩετσόοάํ๏͋ΔΑ
2. APP STORECONNECT Ͱͷઃఆ
ςΩετ2. APP STORE CONNECT Ͱͷઃఆ▸ App Store Connect Ͱ App Clip Card ͷઃఆΛߦ͏▸ App Clip ؚ͕·ΕͨΞϓϦ͕ App StoreConnect ʹΞοϓϩʔυ͞ΕΔͱ App ClipηΫγϣϯ͕Ճ͞ΕΔ▸ App Clip ηΫγϣϯ͔ΒλΠτϧɺαϒλΠτϧɺϔομʔɺΞΫγϣϯͷઃఆΛߦ͏͜ͱ͕Մೳ▸ Advanced App Clip Experience ͷ߲͔Β۩ମతͳ URL ͳͲΛઃఆ͢Δ͜ͱՄೳ
ςΩετ2. APP STORE CONNECT Ͱͷઃఆ
ςΩετ2. APP STORE CONNECT Ͱͷઃఆ(ߴͳઃఆ)▸ NFC λάͳͲͰར༻͍ͨ͠ URL ΛApp Clip Experience ͱͯ͜͜͠Ͱొ͓ͯ͘͠▸ URL Ұ͚ͭͩͰͳ͘ఏڙ͍ͨ͠ମݧʹ߹ΘͤͯෳొՄೳ▸ App Clip ͷ URL લํҰகͰϚον͢ΔͨΊύϥϝʔλ͝ͱʹ URLΛઃఆ͢Δඞཁͳ͍
ςΩετAPP CLIP EXPERIENCE ͷઃఆ
ςΩετ2. APP STORE CONNECT Ͱͷઃఆ(ߴͳઃఆ)▸ ࣍ͷϖʔδͰ App Clip Card Λઃఆ͢Δ͜ͱ͕Ͱ͖Δ▸ ಛఆͷମݧʹ߹ΘͤͨݟͨʹApp Clip Card ΛΧελϚΠζ͠·͠ΐ͏
ςΩετAPP CLIP CARD ͷΧελϚΠζ
ςΩετߴͳઃఆͷྫ: Ϩετϥϯ
ςΩετߴͳઃఆͷྫ: ϨϯλϧαΠΫϧ
ςΩετߴͳઃఆͷྫ:ίʔώʔγϣοϓ
3. WEBϖʔδͷ SMART APPBANNER ʹ APP CLIP ͷઃఆΛՃ͢Δ
ςΩετSMART APP BANNER ͷઃఆ▸ Smart App Banner ʹ App Clip ͷઃఆΛՃ͢Δͱ Banner ͔Β AppClip ͕ىಈͰ͖ͨΓ▸ iMessage Ͱ͜ͷ URL ͕γΣΞ͞Ε͍ͨ͞ʹ App Clip Λ։͘Α͏ʹͳͬͨΓ͢Δ▸ apple-itunes-app λάͷதʹ app-clip-bundle-id content Λࢦఆ͢Δ͜ͱͰઃఆ͕Մೳ▸ iOS 14 ΑΓݹ͍ΞϓϦͷ߹ͦΕ·Ͱͱಉ͡Α͏ʹΞϓϦͷϦϯΫͱͯ͠ػೳ͢Δ
ςΩετSMART APP BANNER ͷઃఆ
༏Εͨ APP CLIPΛ࡞Δʹʁ
APP CLIP CARD ΛΧελϚΠζ͢Δ
ςΩετAPP CLIP CARD ΛΧελϚΠζ͢Δ▸ App Clip Card App Store ͷදࣔϖʔδͷΑ͏ͳͷ▸ ͲΜͳ͜ͱ͕Ͱ͖Δͷ͔Ξϐʔϧ͠ɺͳͥ͏͖͔Λ͑Δॴ▸ App Clip Card جຊతʹಉ͡ܗ͕ͩɺ͍͔ͭ͘ΧελϚΠζͰ͖Δͱ͜Ζ͕͋Δ
0. σβΠϯͷ੍ݶ
ςΩετ0. σβΠϯͷ੍ݶ▸ App Clip Card ʹ͍͔ͭ͘σβΠϯͷ੍ݶ͕͋Δ▸ Title 18 จࣈҎɺSubtitle ɹ43 จࣈ͍ͳ͍ʹೲΊΔ▸ App Clip Card 3000px X2000px ͷΞεϖΫτൺ 3:2▸ എܠͷಁա͠ͳ͍
1. TITLE
ςΩετ1. TITLE▸ Title App Clip ͕ԿͰ͋Δ͔Λ͑Δͷ▸ ΄ͱΜͲͷ߹ʹΞϓϦαʔϏεͱಉ໊͡લʹͳΔ▸ ҰͭͷػೳʹযΛ͍ͯͯΔ߹ͦͷػೳΛλΠτϧʹؚΊΔͷOK
ςΩετ1. TITLE▸ ྫ͑ App Clip ͕ϥδΦʹ͍ͭͯͷͷͰ͋ΕλΠτϧͷҰ෦ʹϥδΦͱೖΕΔ͜ͱ͕Ͱ͖Δ
2. SUBTITLE
ςΩετ2. SUBTITLE▸ Title ͕ App Clip ͷϒϥϯυͳΒɺSubtitle App Clip ͷઆ໌ͷॴ▸ Ϣʔβ͕ App Clip Λར༻͢Δ࣌େɺॳΊͯͦͷ App Λར༻͢Δ࣌▸ ॳΊͯར༻͢Δਓ͕ͲΜͳ AppClip ͳͷ͔ཧղͰ͖ΔΑ͏ͳઆ໌ΛೖΕΔ
3. HEADER IMAGE
ςΩετ3. HEADER IMAGE▸ ϔομʔը૾ App Clip ͕ͲΜͳ͜ͱ͕Ͱ͖Δͷ͔Λࢹ֮తʹ͑Δॴ▸ App Clip ͕ίʔώʔγϣοϓͳͲཧతͳͷʹଐ͍ͯ͠Δ߹ళฮͷࣸਅͳͲ͕ྑ͍ࣸਅ
ςΩετ3. HEADER IMAGE▸ ཧతͳͷʹଐ͍ͯ͠ͳ͍߹ϩΰϒϥϯυ͔Βը૾Λ࡞ͯ͠OK▸ ͍ͣΕʹͤΑɺϔομʔը૾ʹεΫϦʔϯγϣοτɺจࣈͩΒ͚ͷը૾Λར༻͠ͳ͍
4. ACTION
ςΩετ4. ACTION▸ ӈଆʹ͋ΔϘλϯΛԡ͢ࣄͰ AppClip Λ࣮ࡍʹར༻͢Δ͜ͱ͕Ͱ͖Δ▸ Ϙλϯʹදࣔ͢Δจࣈ։͘(Open), ݟΔ(View), ࠶ੜ(Play) ͷ3छྨ͔ΒબΔ▸ σϑΥϧτͰ ։͘(Open)
APP CLIP Λγϯϓϧʹอͭ
ςΩετAPP CLIP Λγϯϓϧʹอͭ▸ ༏Εͨ App Clip γϯϓϧͰ͋Δ▸ App Clip ҰͭͷλεΫʹϑΥʔΧε͠ୡ͢ΔͨΊʹ࡞ΒΕ͍ͯΔ▸ ·ͨ༏Εͨ App Clip ߴͰɺಡΈࠐΈىಈ͕͍͚ͩͰͳ͘ɺλεΫͷୡ·ͰͷྲྀΕૣ͘͜ͳͤΔΑ͏ʹ߹ཧԽ͞Ε͍ͯΔ͖
ςΩετAPP CLIP Λγϯϓϧʹอͭ▸ App Clip ΛγϯϓϧʹอͭͨΊʹҎԼͷࡾͭͷ͜ͱΛߟ͑Δ▸ 1. App Clip ͷత▸ 2. λεΫΛୡ͢ΔͨΊͷඞཁ࠷ݶͷϑϩʔ▸ 3. App ຊମΛఏڙ͢Δಋઢ
ආ͚Δ͖͜ͱ
1. ෆཁͳಋೖՃ͠ͳ͍
ςΩετෆཁͳಋೖՃ͠ͳ͍▸ App Clip ҰͭͷλεΫʹϑΥʔΧε͠ɺͦͷλεΫΛୡ͢ΔͨΊʹମݧΛͰ͖Δ͚ͩγϯϓϧʹ͖͢▸ ϝΠϯϑϩʔʹೖΔલͷλεΫʹؔͳ͍νϡʔτϦΞϧApp Clipͷઆ໌ɺհՃ͠ͳ͍
2. ϩάΠϯΞΧϯτొը໘Λදࣔ͠ͳ͍
ςΩετϩάΠϯΞΧϯτొը໘Λදࣔ͠ͳ͍▸ ϩάΠϯΞΧϯτొΛͤ͞ΔΑ͏ͳϑϩʔආ͚Δ▸ Ͳ͏ͯ͠ొ͕ඞཁͳ߹εϐʔυͱϓϥΠόγʔͷͨΊɺSignin with Apple Λར༻͢Δ
3.άϩʔόϧφϏήʔγϣϯΛར༻͠ͳ͍
ςΩετάϩʔόϧφϏήʔγϣϯΛར༻͠ͳ͍▸ App Clip ҰͭͷλεΫΛୡ͢ΔͨΊʹ߹ཧԽ͞Ε͍ͯΔ͖▸ άϩʔόϧφϏήʔγϣϯΛΘͳ͍ը໘ભҠΛߟ͑Δ
4. ઃఆɺཧͷAPP CLIP Λ࡞Βͳ͍
ςΩετઃఆɺཧͷ APP CLIP Λ࡞Βͳ͍▸ ઃఆมߋཧͷͨΊͷ App Clipආ͚Δ
ςΩετࢀরͨ͠ಈը▸ App Clip ͷհ▸ https://developer.apple.com/wwdc20/10174▸ App Clip Λઃఆ͠ɺϦϯΫ͢Δ▸ https://developer.apple.com/wwdc20/10146▸ ༏Εͨ App Clip ΛσβΠϯ͢Δ▸ https://developer.apple.com/wwdc20/10172
ऴΘΓ