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 Agentで全自動化したい 〜構想と現在地〜
Avatar for Kaito Minatoya kamina_zzz
0
330
チームをチームにするEM
Avatar for hitode909 hitode909
0
420
認証・認可の基本を学ぼう後編
Avatar for kaza kouyuume
0
260
0→1 フロントエンド開発 Tips🚀 #レバテックMeetup
Avatar for 弁護士ドットコム bengo4com
0
440
AI前提で考えるiOSアプリのモダナイズ設計
Avatar for 野瀬田　裕樹 yuukiw00w
0
210
公共交通オープンデータ × モバイルUX 複雑な運行情報を 『直感』に変換する技術
Avatar for Tsubasa SEKIGUCHI tinykitten
PRO
0
170
從冷知識到漏洞，你不懂的 Web，駭客懂 - Huli @ WebConf Taiwan 2025
Avatar for Huli aszx87410
2
3.2k
The Art of Re-Architecture - Droidcon India 2025
Avatar for Sid Patil siddroid
0
150
TerraformとStrands AgentsでAmazon Bedrock AgentCoreのSSO認証付きエージェントを量産しよう！
Avatar for neruneruo neruneruo
4
2.1k
Pythonではじめるオープンデータ分析〜書籍の紹介と書籍で紹介しきれなかった事例の紹介〜
Avatar for Ryo YOSHI welliving
3
680
SQL Server 2025 LT
Avatar for Oda Shinsuke odashinsuke
0
110
Combinatorial Interview Problems with Backtracking Solutions - From Imperative Procedural Programming to Declarative Functional Programming - Part 2
Avatar for Philip Schwarz philipschwarz
PRO
0
130

Featured

See All Featured
Technical Leadership for Architectural Decision Making
Avatar for Kenny Baas-Schwegler baasie
0
200
AI Search:
Where Are We & What Can We Do About It?
Avatar for Aleyda Solis aleyda
0
6.8k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
Avatar for Kenny Baas-Schwegler baasie
0
180
Accessibility Awareness
Avatar for Sarah Abderemane sabderemane
0
28
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
Avatar for Mine Cetinkaya-Rundel minecr
0
97
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
122
21k
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
Avatar for Aleyda Solis aleyda
1
1.7k
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
Avatar for Szymon szymonslowik
1
860
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
31
3.1k
Ethics towards AI in product and experience design
Avatar for Skipper Chong Warson skipperchong
1
150

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