iOS14のApp Clips/2020-11-16-llt17

社内のLTイベント「えるLT Vol.17 オンライン」で発表した資料です

Transcript

1. iOS14のApp Clips Satoshi SAKAO えるLT Vol.17 2020/11/16 (Mon) 1 説明とデモ
2. 話すひと 2 インフォコム株式会社 品質マネジメント推進室 ソフトウェアエンジニア JS (ES6) / Node.js / GCP / IoT / iOS (Swift) 猫，B’z 5 ERAS Satoshi SAKAO @ottijp
3. App Clipsとは • インストールせずに起動できるミニアプリ • トリガ • NFCタグ読み取り • QRコード読み取り • ロケーションベースのSiri Suggestion • Mapsアプリのリンク • WebサイトのスマートAppバナー • Messageアプリのリンク 3 Demo
4. 通常版Appとの関係 • watch extensionやaction extensionのようなターゲットの1つ • extensionと異なり通常版Appには包含されず， 単体のipaになる • 通常版Appを入れるとAppClipが置き換えられる 4 extensions App App Clip target target App.ipa AppClip.ipa
5. 制約 • しばらく使わないと自動で削除される • ホームスクリーンにはAppが追加されない • 通常版Appを入れないとタスクが行えない，というのは Human Interface Guideline的にはNG • 非圧縮で10MBまで • App ClipだけをApp Storeで配布することはできない 5
6. 活用例 • コーヒーショップでの注文 • 病院・銀行などでの受付番号表示 • リアル脱出ゲームの隠しアイテム • 博物館・美術館などのインスタント解説 • アプリの一部機能を手軽にお試ししてもらう試供品 6
7. 7 demo App ClipをQRコード，NFCタグで起動する
8. 作り方 • Xcode • AppClipターゲットをプロジェクトに追加 • Associated Domains Entitlementをターゲットに追加 • App Clipアプリ部分を作成 • webサーバの準備（Associated Domain） • App Store Connectへの登録 • AppClipカードの登録 • 画像，タイトル，説明文，アクション（Open，View，Play） • NFCタグやMapの位置情報 8
9. 引っかかったところ • テスト用のLocal Expericenceは， コントロールセンタのQRモードからしか起動しない • NFCセンサの位置はiPhoneの上部にある 9
10. 10 Appendix
11. ヒント • フル版AppとAppClipAppでコードやアセットを共有するために は，モジュール化を行なったりShared Asset Catalogを使う • https://developer.apple.com/documentation/swift_packages/organizing_your_code_with_local_packages 11
12. 簡単に試すには 12 https://blog.ottijp.com/2020/11/06/appclips/
13. 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