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

App Clips

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for yusuke0518 yusuke0518
August 18, 2020
Programming
4k
0

App Clips

Recap of WWDC2020

Avatar for yusuke0518

yusuke0518

August 18, 2020

Other Decks in Programming

See All in Programming
Xdebug と IDE による デバッグ実行の仕組みを見る / Exploring-How-Debugging-Works-with-Xdebug-and-an-IDE
Avatar for shin1x1 shin1x1
0
310
脱 雰囲気実装！ AgentCoreを良い感じに WEBアプリケーションに組み込むために
Avatar for Takuya Yonezawa takuyay0ne
3
420
AI-DLC 入門 〜AIコーディングの本質は「コード」ではなく「構造」〜 / Introduction to AI-DLC: The Essence of AI Coding Is Not “Code” but “Structure”
Avatar for shiro seike seike460
PRO
0
160
一度始めたらやめられない開発効率向上術 / Findy あなたのdotfilesを教えて！
Avatar for Takashi Kokubun k0kubun
3
2.7k
Codexに役割を持たせる 他のAIエージェントと組み合わせる実務Tips
Avatar for o8n o8n
4
1.5k
存在論的プログラミング： 時間と存在を記述する
Avatar for Akihito Koriyama koriym
5
750
CS教育のDX AIによる育成の効率化
Avatar for ニフティ株式会社 niftycorp
PRO
0
180
AWS re：Invent 2025の少し振り返り ＋ DevOps AgentとBacklogを連携させてみた
Avatar for Satoshi Kaneyasu satoshi256kbyte
1
110
AIコードレビューの導入・運用と AI駆動開発における「AI4QA」の取り組みについて
Avatar for ハゲワシ hagevvashi
0
590
車輪の再発明をしよう！PHP で実装して学ぶ、Web サーバーの仕組みと HTTP の正体
Avatar for H1R0 h1r0
2
480
AI Assistants for Your Angular Solutions @Angular Graz, March 2026
Avatar for Manfred Steyer manfredsteyer
PRO
0
140
Codex CLI でつくる、Issue から merge までの開発フロー
Avatar for amata1219 amata1219
0
280

Featured

See All Featured
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
9
790
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
174
15k
Color Theory Basics | Prateek | Gurzu
Avatar for Gurzu gurzu
0
270
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
Avatar for Beat Signer signer
PRO
0
3.3k
AI Search:
Where Are We & What Can We Do About It?
Avatar for Aleyda Solis aleyda
0
7.2k
The Language of Interfaces
Avatar for Des Traynor destraynor
162
26k
Tips & Tricks on How to Get Your First Job In Tech
Avatar for Honza Javorek honzajavorek
1
470
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
55
9.8k
Primal Persuasion: How to Engage the Brain for Learning That Lasts
Avatar for Mike Taylor tmiket
0
310
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
281
24k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
800
Crafting Experiences
Avatar for Bethany Jepchumba bethany
1
100

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