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
iOS14のApp Clips/2020-11-16-llt17
Search
Satoshi SAKAO
November 16, 2020
Programming
0
87
iOS14のApp Clips/2020-11-16-llt17
社内のLTイベント「えるLT Vol.17 オンライン」で発表した資料です
Satoshi SAKAO
November 16, 2020
Tweet
Share
More Decks by Satoshi SAKAO
See All by Satoshi SAKAO
Testcontainers/2024-11-20-llt32
ottijp
0
52
Pkl/2024-04-17-llt31
ottijp
0
79
JavaScriptのデバッグ/2023-09-04-llt30
ottijp
0
150
CDK for TerraformでAzureリソースをデプロイする/2023-05-15-llt29
ottijp
1
260
TWELITEへの誘い/2022-12-27-llt28
ottijp
0
150
ビルドツールBazelを触ってみた/2022-09-28-llt27
ottijp
0
160
HashiCorp Vaultを使ったシークレットのセキュアな一元管理 〜Ansibleを添えて〜/2022-07-12-llt26
ottijp
0
140
AWSインフラのデプロイをCDKでカイゼンする/2022-03-23-llt25
ottijp
0
84
Amazon Timestreamでデータ補間/2021-12-27-llt24
ottijp
0
100
Other Decks in Programming
See All in Programming
Datadog RUM 本番導入までの道
shinter61
1
310
KotlinConf 2025 現地で感じたServer-Side Kotlin
n_takehata
1
220
既存デザインを変更せずにタップ領域を広げる方法
tahia910
1
240
Using AI Tools Around Software Development
inouehi
0
1.2k
XSLTで作るBrainfuck処理系
makki_d
0
210
iOSアプリ開発で 関数型プログラミングを実現する The Composable Architectureの紹介
yimajo
2
210
「Cursor/Devin全社導入の理想と現実」のその後
saitoryc
0
110
たった 1 枚の PHP ファイルで実装する MCP サーバ / MCP Server with Vanilla PHP
okashoi
0
140
What Spring Developers Should Know About Jakarta EE
ivargrimstad
0
130
PHPで始める振る舞い駆動開発(Behaviour-Driven Development)
ohmori_yusuke
2
140
生成AIで日々のエラー調査を進めたい
yuyaabo
0
620
CursorはMCPを使った方が良いぞ
taigakono
0
150
Featured
See All Featured
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
281
13k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.2k
How to Think Like a Performance Engineer
csswizardry
24
1.7k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Git: the NoSQL Database
bkeepers
PRO
430
65k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.8k
4 Signs Your Business is Dying
shpigford
184
22k
Building a Modern Day E-commerce SEO Strategy
aleyda
41
7.3k
A Tale of Four Properties
chriscoyier
160
23k
It's Worth the Effort
3n
184
28k
Raft: Consensus for Rubyists
vanstee
140
7k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
Transcript
iOS14のApp Clips Satoshi SAKAO えるLT Vol.17 2020/11/16 (Mon) 1 説明とデモ
話すひと 2 インフォコム株式会社 品質マネジメント推進室 ソフトウェアエンジニア JS (ES6) / Node.js /
GCP / IoT / iOS (Swift) 猫,B’z 5 ERAS Satoshi SAKAO @ottijp
App Clipsとは • インストールせずに起動できるミニアプリ • トリガ • NFCタグ読み取り • QRコード読み取り
• ロケーションベースのSiri Suggestion • Mapsアプリのリンク • WebサイトのスマートAppバナー • Messageアプリのリンク 3 Demo
通常版Appとの関係 • watch extensionやaction extensionのようなターゲットの1つ • extensionと異なり通常版Appには包含されず, 単体のipaになる • 通常版Appを入れるとAppClipが置き換えられる
4 extensions App App Clip target target App.ipa AppClip.ipa
制約 • しばらく使わないと自動で削除される • ホームスクリーンにはAppが追加されない • 通常版Appを入れないとタスクが行えない,というのは Human Interface Guideline的にはNG
• 非圧縮で10MBまで • App ClipだけをApp Storeで配布することはできない 5
活用例 • コーヒーショップでの注文 • 病院・銀行などでの受付番号表示 • リアル脱出ゲームの隠しアイテム • 博物館・美術館などのインスタント解説 •
アプリの一部機能を手軽にお試ししてもらう試供品 6
7 demo App ClipをQRコード,NFCタグで起動する
作り方 • Xcode • AppClipターゲットをプロジェクトに追加 • Associated Domains Entitlementをターゲットに追加 •
App Clipアプリ部分を作成 • webサーバの準備(Associated Domain) • App Store Connectへの登録 • AppClipカードの登録 • 画像,タイトル,説明文,アクション(Open,View,Play) • NFCタグやMapの位置情報 8
引っかかったところ • テスト用のLocal Expericenceは, コントロールセンタのQRモードからしか起動しない • NFCセンサの位置はiPhoneの上部にある 9
10 Appendix
ヒント • フル版AppとAppClipAppでコードやアセットを共有するために は,モジュール化を行なったりShared Asset Catalogを使う • https://developer.apple.com/documentation/swift_packages/organizing_your_code_with_local_packages 11
簡単に試すには 12 https://blog.ottijp.com/2020/11/06/appclips/
refs • App Clips | Apple Developer Documentation • https://developer.apple.com/documentation/app_clips/
• Creating an App Clip with Xcode | Apple Developer Documentation • https://developer.apple.com/documentation/app_clips/creating_an_app_clip_with_xcode • Testing Your App Clip’s Launch Experience | Apple Developer Documentation • https://developer.apple.com/documentation/app_clips/testing_your_app_clip_s_launch_experience 13