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
99
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
66
Pkl/2024-04-17-llt31
ottijp
0
92
JavaScriptのデバッグ/2023-09-04-llt30
ottijp
0
160
CDK for TerraformでAzureリソースをデプロイする/2023-05-15-llt29
ottijp
1
290
TWELITEへの誘い/2022-12-27-llt28
ottijp
0
160
ビルドツールBazelを触ってみた/2022-09-28-llt27
ottijp
0
180
HashiCorp Vaultを使ったシークレットのセキュアな一元管理 〜Ansibleを添えて〜/2022-07-12-llt26
ottijp
0
160
AWSインフラのデプロイをCDKでカイゼンする/2022-03-23-llt25
ottijp
0
98
Amazon Timestreamでデータ補間/2021-12-27-llt24
ottijp
0
110
Other Decks in Programming
See All in Programming
NixOS + Kubernetesで構築する自宅サーバーのすべて
ichi_h3
0
1.2k
「ちょっと古いから」って避けてた技術書、今だからこそ読もう
mottyzzz
12
7.2k
あなたとKaigi on Rails / Kaigi on Rails + You
shimoju
0
210
はじめてのDSPy - 言語モデルを『プロンプト』ではなく『プログラミング』するための仕組み
masahiro_nishimi
4
16k
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
540
社会人になっても趣味開発を続けたい! / traPavilion
mazrean
1
110
Claude Agent SDK を使ってみよう
hyshu
0
1.4k
React Nativeならぬ"Vue Native"が実現するかも?_新世代マルチプラットフォーム開発フレームワークのLynxとLynxのVue.js対応を追ってみよう_Vue Lynx
yut0naga1_fa
2
1.8k
NIKKEI Tech Talk#38
cipepser
0
300
Goで実践するドメイン駆動開発 AIと歩み始めた新規プロダクト開発の現在地
imkaoru
4
920
Introduce Hono CLI
yusukebe
6
3.1k
SODA - FACT BOOK(JP)
sodainc
1
8.9k
Featured
See All Featured
Fireside Chat
paigeccino
41
3.7k
Making Projects Easy
brettharned
120
6.4k
Building a Scalable Design System with Sketch
lauravandoore
463
33k
Gamification - CAS2011
davidbonilla
81
5.5k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
127
54k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
359
30k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
640
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
Mobile First: as difficult as doing things right
swwweet
225
10k
A Tale of Four Properties
chriscoyier
161
23k
RailsConf 2023
tenderlove
30
1.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