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

App Clips

Avatar for yusuke0518 yusuke0518
August 18, 2020
Programming
0
3.9k

App Clips

Recap of WWDC2020

Avatar for yusuke0518

yusuke0518

August 18, 2020
Tweet

Other Decks in Programming

See All in Programming
AI巻き込み型コードレビューのススメ
Avatar for Nealle nealle
2
1.4k
AI Agent の開発と運用を支える Durable Execution #AgentsInProd
Avatar for izumin5210 izumin5210
7
2.3k
AWS re:Invent 2025参加 直前 Seattle-Tacoma Airport(SEA)におけるハードウェア紛失インシデントLT
Avatar for tetutetu214 tetutetu214
2
120
HTTPプロトコル正しく理解していますか？ 〜かわいい猫と共に学ぼう。ฅ^•ω•^ฅ ﾆｬ〜
Avatar for ♛Heitor Hirose hekuchan
2
690
OCaml 5でモダンな並列プログラミングを Enjoyしよう!
Avatar for Haochen Kotoi-Xie haochenx
0
140
SourceGeneratorのススメ
Avatar for tkym htkym
0
200
OSSとなったswift-buildで Xcodeのビルドを差し替えられるため 自分でXcodeを直せる時代になっている ダイアモンド問題編
Avatar for yimajo yimajo
3
630
疑似コードによるプロンプト記述、どのくらい正確に実行される？
Avatar for kokuyouwind kokuyouwind
0
390
KIKI_MBSD Cybersecurity Challenges 2025
Avatar for ikema ikema
0
1.3k
React Native × React Router v7 API通信の共通化で考えるべきこと
Avatar for Suguru Ohki suguruooki
0
100
humanlayerのブログから学ぶ、良いCLAUDE.mdの書き方
Avatar for Yuto tsukamoto1783
0
200
React 19でつくる「気持ちいいUI」- 楽観的UIのすすめ
Avatar for Hiroshi Morishige himorishige
11
7.5k

Featured

See All Featured
Mozcon NYC 2025: Stop Losing SEO Traffic
Avatar for Sam Torres samtorres
0
150
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1371
200k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
34
9.1k
The Curse of the Amulet
Avatar for Matthew Lei leimatthew05
1
8.7k
技術選定の審美眼（2025年版） / Understanding the Spiral of Technologies 2025 edition
Avatar for Takuto Wada twada
PRO
117
110k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
408
66k
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
Avatar for Ines Montani inesmontani
PRO
3
3.1k
More Than Pixels: Becoming A User Experience Designer
Avatar for Michelle Schulp Hunt marktimemedia
3
330
The Illustrated Guide to Node.js - THAT Conference 2024
Avatar for David Neal reverentgeek
0
260
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
Avatar for UX Y'all uxyall
0
400
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
Avatar for Mine Cetinkaya-Rundel minecr
0
160
The Limits of Empathy - UXLibs8
Avatar for Cassini Nazir cassininazir
1
220

Transcript

  1. 2020 / 07 / 09 App Clips
 Yusuke Hosaka


  2. 2 • yusuke_h(Yusuke Hosaka) ◦ GitHub : yusuke0518 ◦ Twitter

    : @Yusukeh19 About Me
 • Software Engineer at Merpay ◦ Team : iOS ◦ Joined : 2019/08/16 (Summer Internship)

  3. 3 必要な時，必要な場所で必要なアプリを


  4. 4 アプリの機能の一部を提供
 アプリの機能への素早いアクセスと体験
 フルアプリへの導線
 01 02 03 App Clips


  5. 5 App Clipsとは?
 アプリの機能への素早いアクセスと体験
 URLによって起動可能
 フルアプリの導線になる
 01 02 03

  6. 6 App Clipsを使った体験例


  7. 7 App Clipsの仕組み


  8. 8 App Clip Card


  9. 9 起動方法


  10. 10 Default App Clips


  11. 11 Advanced App Clip Experiencesを作る時
 NFCやQRから起動したい場合
 物理的な位置と紐付けたい場合
 複数の事業者が利用する場合
 01 02

    03

  12. 12 Advanced App Clip Experiencesの特徴
 1つのApp Clipに対して複数作成可能
 呼び出し用のURLを登録する
 接頭辞が最も具体的なURLのものが起動する
 01

    02 03

  13. 13 Advanced App Clip Experiencesの活用例


  14. 14 Advanced App Clip Experiencesの活用例2


  15. 15 App Clipsの注意点
 サイズは10MB以内
 使用しないとデバイスから削除される
 フルアプリをインストールしたら上書きされる
 01 02 03

  16. 16 最後に(感想)
 メルペイに導入するには工夫が必要
 観光地とかに役立つ？
 最高のUXを実現できる
 01 02 03

  17. 17 まとめ
 アプリの機能を素早く体験できる
 サイズは10MB以下など制約が少し厳しい
 App Clipsで最高のUXを
 01 02 03

  18. 18 ご視聴ありがとうございました！