App Clipをざっくり把握しよう

by akatsuki174

Slide 1

Slide 1 text

App ClipΛ ͬ͘͟Γ೺Ѳ͠Α͏ CA.swift #12 WWDC20ใࠂձ @akatsuki174

Slide 2

Slide 2 text

ࣗݾ঺հ

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

• ਢ౻ຘʢ@akatsuki174ʣ • iOS→AndroidΤϯδχΞ • גࣜձࣾTimersॴଐ • Ұ൪Θ͘Θͨ͘͠ػೳɿWidget ຊ೔ൃද ճ໨

Slide 5

Slide 5 text

ΞΠεϒϨΠΫ 5

Slide 6

Slide 6 text

ࠓ೔ͷ࿩

Slide 7

Slide 7 text

֓ཁ • App Clipͱ͸ • App Clipͷ࡞Γํ • ཈͓͑ͯ͘΂͖ϙΠϯτ

Slide 8

Slide 8 text

͜ͷࢿྉͷݩʹͳͬͨಈը • Conﬁgure and link your app clips • https://developer.apple.com/videos/play/ wwdc2020/10146/ • Explore app clips • https://developer.apple.com/videos/play/wwdc2020/10174 • Streamline your app clip • https://developer.apple.com/videos/play/ wwdc2020/10120/

Slide 9

Slide 9 text

͜ͷࢿྉͷݩʹͳͬͨࢿྉ • Human Interface Guidelines - App Clips • https://developer.apple.com/design/ human-interface-guidelines/app-clips/ overview/

Slide 10

Slide 10 text

ࠓ೔ͷࢿྉ

Slide 11

Slide 11 text

ࠓ೔ͷࢿྉ • NDAతʹ΍͹Ίͳͱ͜ΖΛൈ͔ͯ͠Ξοϓࡁ • ͜ͷࢿྉ͸͔֬ܽଛͳ͠ • TwitterͰྲྀͯ͠·͢

Slide 12

Slide 12 text

App Clipͱ͸

Slide 13

Slide 13 text

App Clipͱ͸ • ΞϓϦΛμ΢ϯϩʔυ͠ͳͯ͘΋ΞϓϦͷɹ Ұ෦ΛମݧͰ͖Δ • NFCλά΍εϚʔτΞϓϦόφʔ͔Βىಈɹ Ͱ͖Δ

Slide 14

Slide 14 text

No content

Slide 15

Slide 15 text

No content

Slide 16

Slide 16 text

App ClipΧʔυ

Slide 17

Slide 17 text

ΞϓϦͷϑϩʔΠϝʔδ

Slide 18

Slide 18 text

App ClipͷϑϩʔΠϝʔδ

Slide 19

Slide 19 text

ಋೖϝϦοτ • ΞϓϦͷମݧΛͯ͠΋Β͏ϋʔυϧ͕Լ͕Δ • ෺ཧతͳϙΠϯτ͔ΒΞϓϩʔνͰ͖Δ • ༰ྔ͕͍ܰʢ10MBҎԼʹ͢Δʣ • ͙͢ʹར༻Ͱ͖Δ

Slide 20

Slide 20 text

׆༻ྫ • εϜʔδʔΛࣄલ஫จͯ͠ళฮड͚औΓ • NFCλάΛ࢖ͬͯࣗసंିग़ • ඒज़ؗͰɺ࡞඼ͷԣʹQRίʔυΛ༻ҙͯ͠ɹ Ի੠ղઆ

Slide 21

Slide 21 text

ىಈํ๏

Slide 22

Slide 22 text

App Clipίʔυ

Slide 23

Slide 23 text

App ClipΛ࡞Ζ͏ - ࣮૷͠Α͏ -

Slide 24

Slide 24 text

αʔόଆͷ४උ • apple-app-site-associationϑΝΠϧʹ appclips߲໨Λ௥Ճ͢Δ

Slide 25

Slide 25 text

App ClipϓϩδΣΫτͷ࡞੒ • App Clip༻ͷλʔήοτΛ௥ՃɺAssociated DomainsʹApp ClipͷυϝΠϯΛ௥Ճ

Slide 26

Slide 26 text

ىಈίʔυʢSwiftUIʣ • NSUserActivity͔ΒwebpageURLΛऔಘ

Slide 27

Slide 27 text

ىಈίʔυʢUIKitʣ • NSUserActivity͔ΒwebpageURLΛऔಘ

Slide 28

Slide 28 text

λʔήοτ΁ͷ௥Ճ • App ClipΛಈ্͔͢Ͱඞཁͳίʔυͱɹɹɹ ΞηοτΛApp Clipλʔήοτʹ௥Ճ

Slide 29

Slide 29 text

App ClipΛ࡞Ζ͏ - URLΛઃఆ͢Δ -

Slide 30

Slide 30 text

App Store ConnectͰ΍Δ͜ͱ • App Clip Experienceͷઃఆ • σϑΥϧτͷApp ClipΧʔυɺݸʑͷ ExperienceͷApp ClipΧʔυͷઃఆ • ෺ཧλά౳͔Β΋ىಈͰ͖ΔΑ͏ʹ͍ͨ͠ɹ ͳΒʮߴ౓ͳઃఆʯΛߦ͏

Slide 31

Slide 31 text

Default App ClipΧʔυͷઃఆ

Slide 32

Slide 32 text

App Clip Experienceͷઃఆ

Slide 33

Slide 33 text

App Clip Experienceͷઃఆ

Slide 34

Slide 34 text

σόοά͢Δ

Slide 35

Slide 35 text

؀ڥม਺ͷઃఆ • _XCAppClipURLΛઃఆ͢ΔͱͦͷURLͰىಈ Ͱ͖Δ

Slide 36

Slide 36 text

؀ڥม਺ͷઃఆ εϜʔδʔͷ छྨ Ґஔ৘ใ

Slide 37

Slide 37 text

Q&A

Slide 38

Slide 38 text

App Clip͚ͩ࡞ͬͯ഑෍Ͱ͖Δʁ • • େݩͷΞϓϦ͸ඞཁ

Slide 39

Slide 39 text

ෳ਺ͷApp ClipΛઃఆͰ͖Δʁ • • ྫ͑͹ϨετϥϯΞϓϦͷ৔߹ɺ஫จ༻ͱɹ ༧໿༻ͷApp Clip ExperienceΛઃఆͰ͖Δ • melamela.example/order • melamela.example/reservation

Slide 40

Slide 40 text

͋Δళฮ͚ͩڍಈΛม͑ΒΕΔʁ • • Ϋύνʔϊళฮʢbrighteggcafe.example/ store/cupertinoʣ͚ͩಛผͳڍಈʹ͢ΔͳΒ ֤ళฮڞ௨ͷbrighteggcafe.example/store/ Λొ࿥ͭͭ͠ɺΫύνʔϊళฮͷURL΋ొ࿥ɹ ͓͚ͯ͠͹ྑ͍

Slide 41

Slide 41 text

ΞϓϦΛΠϯετʔϧࡁΈͰ App Clip ExperienceΛ౿ΜͩΒʁ • App ClipͰ͸ͳ͘ΞϓϦ͕։͘

Slide 42

Slide 42 text

ϩάΠϯ΍ࢧ෷͍ػೳ͸࢖͑Δʁ • • Apple Pay, Sign in with Appleͷར༻͕ਪ঑ɹ ͞Ε͍ͯΔ • ϩάΠϯ͸λεΫ׬ྃޙʹٻΊΔͷ͕ɹɹɹ ๬·͍͠

Slide 43

Slide 43 text

ϓογϡ௨஌͸࢖͑Δʁ • • ஫จͨ͠εϜʔδʔ͕ग़དྷ্͕ͬͨͱ͖ɺɹ ύʔΩϯάϝʔλʔͷظݶ͕੾Εͨͱ͖ͳͲʹ ௨஌͢ΔͳͲ • ىಈޙ࠷େ8࣌ؒ·ͰεέδϡʔϧͰ͖Δ • 8࣌ؒҎ্ʹͳΔͳΒ໌ࣔతʹڐՄΛٻΊΔ

Slide 44

Slide 44 text

ΧϝϥͳͲͷڐ୚͸ΞϓϦʹɹ ͨ͠ޙ΋࠶౓औΔඞཁ͋Δʁ • • ΧϝϥɺϚΠΫɺBluetoothΞΫηεͳͲͷɹ ೝূ৘ใ͸ΞϓϦΠϯετʔϧ࣌ʹҾ͖ɹɹ ܧ͕ΕΔ • ※ଞʹ΋Ҡߦ͍ͨ͠σʔλ͕͋Ε͹ɺڞ༗ɹ σʔλίϯςφʹอଘͯ͠ҠߦͰ͖Δ

Slide 45

Slide 45 text

Ґஔ৘ใɺ௨஌ͷڐ୚͸͍ͭ΋ ͷΞϥʔτΛ࢖͏ͷʁ • • Ұఆ৚݅ԼͳΒApp Clip্ͰTurn On/Offͯ͠ ΋Β͏͜ͱ͕Ͱ͖Δ

Slide 46

Slide 46 text

App Clip͸ͣͬͱ࢒ͬͯΔͷʁ • • Ұఆظؒʢ30೔ͬΆ͍ʣ࢖ΘΕͳ͍ͱApp Clipͱͦͷσʔλ͸࡟আ͞ΕΔ

Slide 47

Slide 47 text

όοΫάϥ΢ϯυॲཧ͸Ͱ͖Δʁ • • ΍Βͳ͍Α͏ʹ͠Α͏

Slide 48

Slide 48 text

TestFlight഑৴Ͱ͖Δʁ • • App Store ConnectͷTestFlightλϒ͔ΒApp ClipηΫγϣϯΛݟ͚ͭɺʮAdd App Clip InvocationʯΛΫϦοΫ

Slide 49

Slide 49 text

·ͱΊ

Slide 50

Slide 50 text

·ͱΊ • App ClipΛಋೖ͢ΔͱΞϓϦΛʮ͓ࢼ͠ମݧʯ ͯ͠΋Β͑Δ • ίʔυ͸ΞϓϦͱڞ༗ͯ͠࢖͑ΔͷͰൺֱతɹ ָʹ४උͰ͖Δ

Slide 51

Slide 51 text

೔ຊޠࢿྉ

Slide 52

Slide 52 text

ݟͯͶ • App Clipͷ֓ཁͱઃఆํ๏ • https://qiita.com/akatsuki174/items/4d564e3c4f1c99cfff19 • App Clipͷઃܭͱߏஙํ๏ • https://qiita.com/akatsuki174/items/ 0e2e9c731b3c033c2ee8 • ߹ཧతͳApp ClipΛ࡞੒͢Δ • ໌೔ެ։Ͱ͖Δ͸ͣ 5

Slide 53

Slide 53 text

ݟͯͶ • HIG - App Clipsͷͬ͘͟Γ຋༁ • https://twitter.com/akatsuki174/status/ 1276481990313734144 5

Slide 54

Slide 54 text

એ఻

Slide 55

Slide 55 text

iOSDCνέοτൃചதʂʂ • ࠓ೥͸ΦϯϥΠϯ։࠵ • ࠓͳΒΞʔϦʔόʔυ2,000ԁʢ͍҆ʂʣ • ϊϕϧςΟ͸༣ૹ • ύϯϑϨοτʹ͸Ԡื͕͋ͬͨݪߘΛܝࡌ • 9/19(౔) ʙ 9/21(݄ॕ)ɺͥͻ͝ࢀՃΛʂ

Slide 56

Slide 56 text

• αʔόʔαΠυΤϯδχΞ (PHP, Golang, AWS) • AndroidΤϯδχΞ (Kotlin) • iOSΤϯδχΞ (Swift) TimersͰ͸ݱࡏΤϯδχΞશ৬छ࠾༻தʂ ৄ͘͠͸”Timers”Ͱݕࡧ

Slide 57

Slide 57 text

͝ਗ਼ௌ ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ