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

App Clips

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

App Clips

Recap of WWDC2020

Avatar for yusuke0518

yusuke0518

August 18, 2020
Tweet

Other Decks in Programming

See All in Programming
Claude Codeセッション現状確認 2026福岡 / fukuoka-aicoding-00-beacon
Avatar for monochromegane monochromegane
4
420
AI Assistants for Your Angular Solutions
Avatar for Manfred Steyer manfredsteyer
PRO
0
140
文字コードの話
Avatar for Masaki Hara qnighy
44
17k
AHC061解説
Avatar for Shun_PI shun_pi
0
380
Go Conference mini in Sendai 2026 : Goに新機能を提案し実装されるまでのフロー徹底解説
Avatar for Takahito Yamatoya yamatoya
0
590
オブザーバビリティ駆動開発って実際どうなの？
Avatar for yohfee yohfee
3
830
nilとは何か 〜interfaceの構造とnil!=nilから理解する〜
Avatar for kuro kuro_kurorrr
3
1.9k
「抽象に依存せよ」が分からなかった新卒1年目の私が Goのインターフェースと和解するまで
Avatar for Genki-Miyakawa kurogenki
0
120
CDIの誤解しがちな仕様とその対処TIPS
Avatar for futokiyo futokiyo
0
210
S3ストレージクラスの「見える」「ある」「使える」は全部違う ─ 体験から見た、仕様の深淵を覗く
Avatar for ya_ma23 ya_ma23
0
490
社内規程RAGの精度を73.3% → 100%に改善した話
Avatar for oharu121 oharu121
13
8.1k
Angular-Apps smarter machen mit Gen AI: Lokal und offlinefähig - Hands-on Workshop!
Avatar for Christian Liebel christianliebel
PRO
0
110

Featured

See All Featured
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
Avatar for Umar Saidu Auna auna
0
80
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
133
19k
Visualization
Avatar for Eitan Lees eitanlees
150
17k
Test your architecture with Archunit
Avatar for Yoan thirion
1
2.2k
Tell your own story through comics
Avatar for letsgokoyo letsgokoyo
1
840
Heart Work Chapter 1 - Part 1
Avatar for Lake Fama lfama
PRO
5
35k
The browser strikes back
Avatar for Jono Alderson jonoalderson
0
790
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k
Everyday Curiosity
Avatar for Cassini Nazir cassininazir
0
160
WCS-LA-2024
Avatar for Leonardo Collado-Torres lcolladotor
0
480
What the history of the web can teach us about the future of AI
Avatar for Ines Montani inesmontani
PRO
1
470
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
122
21k

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 ご視聴ありがとうございました！