Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
App Clipをざっくり把握しよう
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
akatsuki174
July 01, 2020
Programming
1.6k
3
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
App Clipをざっくり把握しよう
CA.swift #12 WWDC20報告会
App Clipの動画3本+HIG - App Clipsの内容を詰め込んだスライド
akatsuki174
July 01, 2020
More Decks by akatsuki174
See All by akatsuki174
逆向きUIの世界 〜iOSアプリのRTL言語対応〜
akatsuki174
1
640
逆向きUIの世界〜AndroidアプリのRTL言語対応〜
akatsuki174
1
1.1k
私が変えてきたこと、変えなかったこと
akatsuki174
2
1k
最近読んでいる本-読書シェア会vol.1
akatsuki174
2
280
SwiftUI、UIKitでキャプチャを撮ろう!
akatsuki174
1
150
Appleにおけるプライバシーの全容を把握する
akatsuki174
0
6.3k
近年のAppleにおける位置情報とプライバシー
akatsuki174
3
520
オフライン勉強会ぼっち対策
akatsuki174
1
720
Xcode 15の新機能
akatsuki174
0
2.9k
Other Decks in Programming
See All in Programming
Hunting Vulnerabilities in Symfony with LLMs
vinceamstoutz
0
540
そのテスト、説明できますか?~LWテスト戦略FW~のご紹介
nakahara
0
110
並列実装の現場、2ヶ月間実務でAIを使い倒したAIもPCも私も限界が近い
ming_ayami
0
130
Dataformのリポジトリを立ち上げるときにまずやること / dataform-day0-2026
snhryt
0
160
RTSPクライアントを自作してみた話
simotin13
0
600
キャリア迷子上等 ─ "ない道"は自分で作ればいい
16bitidol
3
2.1k
AIで効率化できた業務・日常
ochtum
0
130
AI時代のUIはどこへ行く?その2!
yusukebe
21
7.1k
AIだと陥りがちなJakarta EE最新技術への移行時の落とし穴と解決策
tnagao7
0
110
Technical Debt: Understanding it Rightly, Engaging it Rightly #LaravelLiveJP
shogogg
0
220
JavaDoc 再入門
nagise
1
330
IBM Bobを活用したレガシーアプリの最新化
oniak3ibm
PRO
1
190
Featured
See All Featured
Building the Perfect Custom Keyboard
takai
2
790
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.8k
Discover your Explorer Soul
emna__ayadi
2
1.1k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
25
2k
Making the Leap to Tech Lead
cromwellryan
135
9.9k
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
minecr
1
280
Designing Experiences People Love
moore
143
24k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
17k
Exploring the relationship between traditional SERPs and Gen AI search
raygrieselhuber
PRO
2
4k
Digital Ethics as a Driver of Design Innovation
axbom
PRO
1
310
Code Reviewing Like a Champion
maltzj
528
40k
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
chikuwait
0
590
Transcript
App ClipΛ ͬ͘͟ΓѲ͠Α͏ CA.swift #12 WWDC20ใࠂձ @akatsuki174
ࣗݾհ
None
• ਢ౻ຘʢ@akatsuki174ʣ • iOS→AndroidΤϯδχΞ • גࣜձࣾTimersॴଐ • Ұ൪Θ͘Θͨ͘͠ػೳɿWidget ຊൃද ճ
ΞΠεϒϨΠΫ 5
ࠓͷ
֓ཁ • App Clipͱ • App Clipͷ࡞Γํ • ͓͖͑ͯ͘ϙΠϯτ
͜ͷࢿྉͷݩʹͳͬͨಈը • Configure 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/
͜ͷࢿྉͷݩʹͳͬͨࢿྉ • Human Interface Guidelines - App Clips • https://developer.apple.com/design/
human-interface-guidelines/app-clips/ overview/
ࠓͷࢿྉ
ࠓͷࢿྉ • NDAతʹΊͳͱ͜ΖΛൈ͔ͯ͠Ξοϓࡁ • ͜ͷࢿྉ͔֬ܽଛͳ͠ • TwitterͰྲྀͯ͠·͢
App Clipͱ
App Clipͱ • ΞϓϦΛμϯϩʔυ͠ͳͯ͘ΞϓϦͷɹ Ұ෦ΛମݧͰ͖Δ • NFCλάεϚʔτΞϓϦόφʔ͔Βىಈɹ Ͱ͖Δ
None
None
App ClipΧʔυ
ΞϓϦͷϑϩʔΠϝʔδ
App ClipͷϑϩʔΠϝʔδ
ಋೖϝϦοτ • ΞϓϦͷମݧΛͯ͠Β͏ϋʔυϧ͕Լ͕Δ • ཧతͳϙΠϯτ͔ΒΞϓϩʔνͰ͖Δ • ༰ྔ͕͍ܰʢ10MBҎԼʹ͢Δʣ • ͙͢ʹར༻Ͱ͖Δ
׆༻ྫ • εϜʔδʔΛࣄલจͯ͠ళฮड͚औΓ • NFCλάΛͬͯࣗసंିग़ • ඒज़ؗͰɺ࡞ͷԣʹQRίʔυΛ༻ҙͯ͠ɹ Իղઆ
ىಈํ๏
App Clipίʔυ
App ClipΛ࡞Ζ͏ - ࣮͠Α͏ -
αʔόଆͷ४උ • apple-app-site-associationϑΝΠϧʹ appclips߲ΛՃ͢Δ
App ClipϓϩδΣΫτͷ࡞ • App Clip༻ͷλʔήοτΛՃɺAssociated DomainsʹApp ClipͷυϝΠϯΛՃ
ىಈίʔυʢSwiftUIʣ • NSUserActivity͔ΒwebpageURLΛऔಘ
ىಈίʔυʢUIKitʣ • NSUserActivity͔ΒwebpageURLΛऔಘ
λʔήοτͷՃ • App ClipΛಈ্͔͢Ͱඞཁͳίʔυͱɹɹɹ ΞηοτΛApp ClipλʔήοτʹՃ
App ClipΛ࡞Ζ͏ - URLΛઃఆ͢Δ -
App Store ConnectͰΔ͜ͱ • App Clip Experienceͷઃఆ • σϑΥϧτͷApp ClipΧʔυɺݸʑͷ
ExperienceͷApp ClipΧʔυͷઃఆ • ཧλά͔ΒىಈͰ͖ΔΑ͏ʹ͍ͨ͠ɹ ͳΒʮߴͳઃఆʯΛߦ͏
Default App ClipΧʔυͷઃఆ
App Clip Experienceͷઃఆ
App Clip Experienceͷઃఆ
σόοά͢Δ
ڥมͷઃఆ • _XCAppClipURLΛઃఆ͢ΔͱͦͷURLͰىಈ Ͱ͖Δ
ڥมͷઃఆ εϜʔδʔͷ छྨ Ґஔใ
Q&A
App Clip͚ͩ࡞ͬͯͰ͖Δʁ • • େݩͷΞϓϦඞཁ
ෳͷApp ClipΛઃఆͰ͖Δʁ • • ྫ͑ϨετϥϯΞϓϦͷ߹ɺจ༻ͱɹ ༧༻ͷApp Clip ExperienceΛઃఆͰ͖Δ • melamela.example/order
• melamela.example/reservation
͋Δళฮ͚ͩڍಈΛม͑ΒΕΔʁ • • Ϋύνʔϊళฮʢbrighteggcafe.example/ store/cupertinoʣ͚ͩಛผͳڍಈʹ͢ΔͳΒ ֤ళฮڞ௨ͷbrighteggcafe.example/store/ Λొͭͭ͠ɺΫύνʔϊళฮͷURLొɹ ͓͚ͯ͠ྑ͍
ΞϓϦΛΠϯετʔϧࡁΈͰ App Clip ExperienceΛ౿ΜͩΒʁ • App ClipͰͳ͘ΞϓϦ͕։͘
ϩάΠϯࢧ͍ػೳ͑Δʁ • • Apple Pay, Sign in with Appleͷར༻͕ਪɹ ͞Ε͍ͯΔ
• ϩάΠϯλεΫྃޙʹٻΊΔͷ͕ɹɹɹ ·͍͠
ϓογϡ௨͑Δʁ • • จͨ͠εϜʔδʔ͕ग़དྷ্͕ͬͨͱ͖ɺɹ ύʔΩϯάϝʔλʔͷظݶ͕Εͨͱ͖ͳͲʹ ௨͢ΔͳͲ • ىಈޙ࠷େ8࣌ؒ·ͰεέδϡʔϧͰ͖Δ • 8࣌ؒҎ্ʹͳΔͳΒ໌ࣔతʹڐՄΛٻΊΔ
ΧϝϥͳͲͷڐΞϓϦʹɹ ͨ͠ޙ࠶औΔඞཁ͋Δʁ • • ΧϝϥɺϚΠΫɺBluetoothΞΫηεͳͲͷɹ ೝূใΞϓϦΠϯετʔϧ࣌ʹҾ͖ɹɹ ܧ͕ΕΔ • ※ଞʹҠߦ͍ͨ͠σʔλ͕͋Εɺڞ༗ɹ σʔλίϯςφʹอଘͯ͠ҠߦͰ͖Δ
Ґஔใɺ௨ͷڐ͍ͭ ͷΞϥʔτΛ͏ͷʁ • • Ұఆ݅ԼͳΒApp Clip্ͰTurn On/Offͯ͠ Β͏͜ͱ͕Ͱ͖Δ
App ClipͣͬͱͬͯΔͷʁ • • Ұఆظؒʢ30ͬΆ͍ʣΘΕͳ͍ͱApp Clipͱͦͷσʔλআ͞ΕΔ
όοΫάϥϯυॲཧͰ͖Δʁ • • Βͳ͍Α͏ʹ͠Α͏
TestFlight৴Ͱ͖Δʁ • • App Store ConnectͷTestFlightλϒ͔ΒApp ClipηΫγϣϯΛݟ͚ͭɺʮAdd App Clip InvocationʯΛΫϦοΫ
·ͱΊ
·ͱΊ • App ClipΛಋೖ͢ΔͱΞϓϦΛʮ͓ࢼ͠ମݧʯ ͯ͠Β͑Δ • ίʔυΞϓϦͱڞ༗ͯ͑͠ΔͷͰൺֱతɹ ָʹ४උͰ͖Δ
ຊޠࢿྉ
ݟͯͶ • App Clipͷ֓ཁͱઃఆํ๏ • https://qiita.com/akatsuki174/items/4d564e3c4f1c99cfff19 • App Clipͷઃܭͱߏஙํ๏ •
https://qiita.com/akatsuki174/items/ 0e2e9c731b3c033c2ee8 • ߹ཧతͳApp ClipΛ࡞͢Δ • ໌ެ։Ͱ͖Δͣ 5
ݟͯͶ • HIG - App Clipsͷͬ͘͟Γ༁ • https://twitter.com/akatsuki174/status/ 1276481990313734144 5
એ
iOSDCνέοτൃചதʂʂ • ࠓΦϯϥΠϯ։࠵ • ࠓͳΒΞʔϦʔόʔυ2,000ԁʢ͍҆ʂʣ • ϊϕϧςΟ༣ૹ • ύϯϑϨοτʹԠื͕͋ͬͨݪߘΛܝࡌ •
9/19() ʙ 9/21(݄ॕ)ɺͥͻ͝ࢀՃΛʂ
• αʔόʔαΠυΤϯδχΞ (PHP, Golang, AWS) • AndroidΤϯδχΞ (Kotlin) • iOSΤϯδχΞ
(Swift) TimersͰݱࡏΤϯδχΞશ৬छ࠾༻தʂ ৄ͘͠”Timers”Ͱݕࡧ
͝ਗ਼ௌ ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ