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
Live Activityホンノチョット理解した / understanding live a...
Search
kamimi
December 16, 2022
Programming
0
200
Live Activityホンノチョット理解した / understanding live activity for beginners
会社の5分間LTで発表したLive Activityについてホンノチョットわかる内容です。
kamimi
December 16, 2022
Tweet
Share
More Decks by kamimi
See All by kamimi
基礎から理解する!来年春までに対応すべきプライバシーの変更点 / Understanding the Fundamentals Privacy Changes to Address by Next Spring
kamimi
4
9k
はじめよう!Swift OpenAPI Generatorによるスキーマ駆動開発:導入手順と活用のコツ
kamimi
0
270
Swift OpenAPI Generator に 入門する
kamimi
3
2.2k
ノーコードのiOS開発を運用しやすくするための開発フローとバージョン管理の工夫
kamimi
0
690
(Deprecated)ノーコードのiOS開発を運用しやすくするための開発フローとバージョン管理の工夫
kamimi
0
130
エンタープライズiOSホンノチョット理解した
kamimi
0
1.4k
Docs for Developers の読書レポート
kamimi
0
61
Other Decks in Programming
See All in Programming
TypeScriptのmoduleオプションを改めて整理する
bicstone
4
380
CRUD から CQRS へ ~ 分離が可能にする柔軟性
tkawae
0
200
tsconfigのオプションで変わる型世界
keisukeikeda
1
110
型安全なDrag and Dropの設計を考える
yudppp
5
620
Rethinking Data Access: The New httpResource in Angular
manfredsteyer
PRO
0
190
TypeScript だけを書いて Tauri でデスクトップアプリを作ろう / Tauri with only TypeScript
tris5572
2
470
コンポーネントライブラリで実現する、アクセシビリティの正しい実装パターン
schktjm
1
590
複雑なフォームを継続的に開発していくための技術選定・設計・実装 #tskaigi / #tskaigi2025
izumin5210
12
5.7k
バランスを見極めよう!実装の意味を明示するための型定義 TSKaigi 2025 Day2 (5/24)
whatasoda
2
700
PT AI без купюр
v0lka
0
150
TypeScript Language Service Plugin で CSS Modules の開発体験を改善する
mizdra
PRO
3
2k
Reactive Thinking with Signals, Resource API, and httpResource @Devm.io Angular 20 Launch Party
manfredsteyer
PRO
0
110
Featured
See All Featured
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
34
2.3k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.5k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
4 Signs Your Business is Dying
shpigford
183
22k
Building a Modern Day E-commerce SEO Strategy
aleyda
40
7.3k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.3k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
228
22k
Fontdeck: Realign not Redesign
paulrobertlloyd
84
5.5k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
105
19k
Balancing Empowerment & Direction
lara
0
70
Into the Great Unknown - MozCon
thekraken
38
1.8k
Transcript
Live Activity 理解した 🚀 kamimi ホンノ チョット
Live Activityとは • WWDC22で発表された 新機能✨
Live Activityとは • アプリの最新データを表示する機能 • iPhoneのロック画面とDynamic Islandに表示される
例えば • ☔ アメミル:天候情報を30分後まで表示する • ✈ Flighty:今後の飛行機や進行中の飛行機をチェックする • Posture
Pal:ヘッドホンのモーションセンサーから姿勢をチェックする
ちなみにPosture Palおもしろい 👀
Live Activityとは • iOS 16.1以上 • Dynamic Islandは、iPhone 14 ProまたはiPhone
14 Pro Maxのみ 🥲
Live Activityの表示箇所とパターン • iPhoneのロック画面とDynamic Islandで表示される • Dynamic Islandには3種類の表示パターンがある(HIGもある) ロック画面 Dynamic
Island compact(通常時) minimal(他のLive Activityがあるとき) expanded(長押ししたとき)
Live Activityの実装 - データ - • 静的データ • 動的データ ◦
更新方法は2つ ▪ アプリ本体から ▪ プッシュ通知で
• 実装が必要な画面 ◦ ロック画面 ◦ Dynamic Island ▪ compact ▪
minimal ▪ expanded Live Activityの実装 - View - compact minimal expanded
Live Activityの実装 - View - • SwiftUIで実装 ◦ Widgetと同じ
Live Activityの制約 • ✅ 最大8時間アクティブになる(※アプリやユーザーが終了しない限り) • 🖼 画像アセットの解像度が、デバイスの表示サイズより小さいか等しいこと • 🌐
ネットワークにアクセス ❌ ◦ リモートにある画像を表示しようとするとApp Groupsで実現するなど工夫が必要 • 📍 位置情報の更新を受信 ❌ • 📦 動的データは4KB以内
作ってみた!🚀
参考資料 • Displaying live data with Live Activities - Apple
Developer • Here Are All the Apps That Have Added Live Activities and Dynamic Island Support for iOS 16.1 • 【iOS16.1】新機能「ライブアクティビティ」対応アプリ7選・使い方を徹底解説! • Posture Pal demo • Jordi BruinさんのPosture PalのLive Activityについてのツイート