$30 off During Our Annual Pro Sale. View Details »

Live Activityホンノチョット理解した / understanding live activity for beginners

kamimi
December 16, 2022

Live Activityホンノチョット理解した / understanding live activity for beginners

会社の5分間LTで発表したLive Activityについてホンノチョットわかる内容です。

kamimi

December 16, 2022
Tweet

More Decks by kamimi

Other Decks in Programming

Transcript

  1. Live Activity

    理解した 🚀

    kamimi

    ホンノ
    チョット

    View Slide

  2. Live Activityとは

    ● WWDC22で発表された

    新機能✨


    View Slide

  3. Live Activityとは

    ● アプリの最新データを表示する機能

    ● iPhoneのロック画面とDynamic Islandに表示される


    View Slide

  4. 例えば

    ● ☔ アメミル:天候情報を30分後まで表示する

    ● ✈ Flighty:今後の飛行機や進行中の飛行機をチェックする

    ● 󰟲 Posture Pal:ヘッドホンのモーションセンサーから姿勢をチェックする


    View Slide

  5. ちなみにPosture Palおもしろい 👀


    View Slide

  6. Live Activityとは

    ● iOS 16.1以上

    ● Dynamic Islandは、iPhone 14 ProまたはiPhone 14 Pro Maxのみ 🥲


    View Slide

  7. Live Activityの表示箇所とパターン

    ● iPhoneのロック画面とDynamic Islandで表示される

    ● Dynamic Islandには3種類の表示パターンがある(HIGもある)

    ロック画面
 Dynamic Island

    compact(通常時)

    minimal(他のLive Activityがあるとき)

    expanded(長押ししたとき)


    View Slide

  8. Live Activityの実装 - データ -

    ● 静的データ

    ● 動的データ

    ○ 更新方法は2つ

    ■ アプリ本体から

    ■ プッシュ通知で


    View Slide

  9. ● 実装が必要な画面

    ○ ロック画面

    ○ Dynamic Island

    ■ compact

    ■ minimal

    ■ expanded

    Live Activityの実装 - View -
 compact

    minimal

    expanded


    View Slide

  10. Live Activityの実装 - View -


    ● SwiftUIで実装

    ○ Widgetと同じ


    View Slide

  11. Live Activityの制約

    ● ✅ 最大8時間アクティブになる(※アプリやユーザーが終了しない限り)

    ● 🖼 画像アセットの解像度が、デバイスの表示サイズより小さいか等しいこと

    ● 🌐 ネットワークにアクセス ❌

    ○ リモートにある画像を表示しようとするとApp Groupsで実現するなど工夫が必要 

    ● 📍 位置情報の更新を受信 ❌

    ● 📦 動的データは4KB以内


    View Slide

  12. 作ってみた!🚀


    View Slide

  13. 参考資料

    ● 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についてのツイート


    View Slide