Rich Notificationとは何か、メディアコンテンツと通知の作成

Rich Notificationとは

Rich Notificationは、テキストだけでなくメディア添付ファイル、インタラクティブ要素、カスタマイズされたインターフェースを含むiOSプッシュ通知です。「rich」という用語は、通知に画像、動画、音声、アクションボタン、テキスト入力を含める能力を反映しており、単純なアラートを本格的なインタラクティブ要素に変えます。

iOSにおける通知の進化

AppleはiOS 10でUserNotificationsフレームワークとともにRich Notificationのサポートを導入しました。それ以前は、プッシュ通知にはテキスト、サウンド、バッジのみ含めることができました。iOS 10はUNNotificationServiceExtensionとUNNotificationContentExtensionを導入し、コンテンツの変更とカスタムインターフェースの作成を可能にしました。以降のバージョンでは、Content ExtensionでのSwiftUIサポート、アニメーションGIF、メディアスケーリングの改善が追加されました。

標準通知に対する利点

Rich Notificationはユーザーエンゲージメントを大幅に向上させます。Appleの調査によると、画像付きの通知はテキストのみの通知と比較して30～40%多くのインタラクションを得られます。商品画像、動画プレビュー、クイック返信ボタンにより、ユーザーはアプリを開かずに通知から直接決定できます。これによりターゲットアクションへの経路が短縮され、ユーザーエクスペリエンスが向上します。

メディア添付ファイルの種類と形式

UNNotificationAttachmentは画像、動画、音声の3つのメディアカテゴリをサポートします。各タイプには形式、サイズ、期間に関する独自の制限があります。システムはパフォーマンス最適化のため、通知サイズに合わせて画像を自動的にスケーリングし、動画の長さを30秒に制限します。

画像とアニメーションGIF

画像はコンパクトおよび拡張通知ビューで表示するためにシステムによって自動的にトリミングおよびスケーリングされます。アニメーションGIFはiOS 12以降でサポートされ、通知表示時に自動的に再生されます。推奨画像サイズは1024x1024ピクセルで、大型画面のiPadを含むすべてのデバイスで鮮明な表示を保証します。

動画と音声の添付ファイル

Rich Notificationの動画はデフォルトで音声なしで再生されます — ユーザーはプレーヤーボタンから音声を有効にできます。最大動画時間は30秒で、その後再生が停止します。音声添付ファイルは音声メッセージやサウンドプレビューに使用でき、拡張ビューで通知をタップすると再生されます。

インタラクティブボタンとアクション

インタラクティブアクションにより、ユーザーはアプリを開かずに通知から直接操作を実行できます。アクションはアプリ起動時にUNNotificationCategoryとUNNotificationActionを介して登録されます。各アクションはバックグラウンド（アプリを開かずに）またはフォアグラウンド（操作完了のためにアプリを開く）にできます。

UNNotificationActionとUNTextInputNotificationAction

UNNotificationActionは、タイトルとrequiresAuthentication（Face ID/Touch IDが必要）やdestructive（赤色で強調表示）などのオプションの修飾子を持つボタンを表します。UNTextInputNotificationActionはテキスト入力フィールドを追加してこの機能を拡張し、メッセージやコメントへのクイック返信に最適です。アクションは通知を長押しするか、下にスワイプすると表示されます。

カテゴリとアクションの登録

通知カテゴリはコンテンツタイプを利用可能なアクションのセットにリンクします。登録プロセスはアプリ起動時にAppDelegateでUNUserNotificationCenter.current().setNotificationCategoriesを介して実行されます。カテゴリはサーバー側でJSONペイロードのcategoryフィールドに指定され、システムは自動的に対応するアクションセットを通知に適用します。

アクションタップの処理

ユーザーがボタンをタップするかテキストを送信すると、システムはdidReceive responseメソッドでUNUserNotificationCenterDelegateを呼び出します。UNNotificationResponseにはアクション識別子と入力されたテキスト（UNTextInputNotificationActionの場合）が含まれます。この情報に基づいて、アプリは対応するビジネスロジックを実行します：メッセージの送信、アクションの確認、特定の画面を開くなど。

SwiftでのRich Notificationの実装

Rich Notification作成の完全なサイクルを見ていきましょう：AppDelegateでのカテゴリ登録からService Extensionでの処理、表示まで。AppDelegateはボタン付きのカテゴリを登録し、サーバーは画像URL付きの通知を送信し、Service Extensionはメディアをダウンロードし、Content Extensionはボタン付きのカスタムインターフェースを表示します。

// AppDelegate — カテゴリとアクションの登録
func application(
    _ application: UIApplication,
    didFinishLaunchingWithOptions launchOptions:
    [UIApplication.LaunchOptionsKey: Any]?
) -> Bool {

    let replyAction = UNTextInputNotificationAction(
        identifier: "reply",
        title: "返信",
        options: [.authenticationRequired])

    let likeAction = UNNotificationAction(
        identifier: "like",
        title: "いいね",
        options: [])

    let category = UNNotificationCategory(
        identifier: "social_post",
        actions: [replyAction, likeAction],
        intentIdentifiers: [],
        options: [])

    UNUserNotificationCenter.current()
        .setNotificationCategories([category])
    return true
}

画像読み込みのためのService Extension

カスタムフィールドに「social_post」カテゴリと画像URLを含むプッシュ通知を受信した後、Service Extensionがアクティブになります。拡張機能は画像をダウンロードし、一意の識別子を持つUNNotificationAttachmentを作成してコンテンツに追加します。ダウンロードしたファイルのサイズを確認することが重要です — 10MBを超えると添付ファイルは作成されず、システムはメディアなしで通知を表示します。

class NotificationService: UNNotificationServiceExtension {

    override func didReceive(
        _ request: UNNotificationRequest,
        withContentHandler contentHandler:
        @escaping (UNNotificationContent) -> Void
    ) {
        let content = (request.content.mutableCopy()
            as! UNMutableNotificationContent)
        guard let urlString = content.userInfo["media-url"]
            as? String,
            let url = URL(string: urlString)
        else { contentHandler(request.content); return }

        URLSession.shared.downloadTask(with: url) {
            location, _, _ in
            guard let location = location else {
                contentHandler(content); return }
            let attachment = try! UNNotificationAttachment(
                identifier: "media", url: location,
                options: [UNNotificationAttachmentOptionsTypeHintKey:
                    "jpg"])
            content.attachments = [attachment]
            contentHandler(content)
        }.resume()
    }
}

Rich Notificationのテスト

サーバーなしでRich Notificationをテストするには、iOSシミュレーターを使用し、xcrun simctl pushを使用してターミナルからプッシュを送信します。ペイロードでは、Service Extensionを有効にするためにmutable-content: 1を、アクションを表示するためにカテゴリを必ず指定してください。このコマンドはJSONファイルから選択したシミュレーターに直接プッシュを送信し、サーバーインフラを設定せずに迅速な反復を可能にします。

Content Extensionとカスタムインターフェース

UNNotificationContentExtensionを使用すると、標準の通知インターフェースを完全にカスタムのUIKitまたはSwiftUIビューに置き換えることができます。拡張機能はユーザーが通知を展開したとき（フォースタッチまたは下にスワイプ）にアクティブになり、ボタン、スライダー、アニメーション、その他のUIコンポーネントを含めることができます。インターフェースサイズはAuto Layoutを使用してコンテンツに適応します。

Content ExtensionでのStoryboardとSwiftUI

Content ExtensionはUIViewControllerを継承するビューコントローラーを持つストーリーボードに基づいています。SwiftUI ViewはiOS 16以降UIHostingControllerを介して統合され、モダンなインターフェース構築アプローチを可能にします。iOS 14～15との後方互換性のため、xibファイルと共にUIKitを使用することをお勧めします。インターフェースはUNNotificationContentを介してService Extensionから変更されたコンテンツを受け取ります。

ユーザーアクションの処理

Content ExtensionはdidReceive responseメソッドでUNNotificationContentExtensionプロトコルを実装します。UNNotificationResponseには押されたボタンまたは入力されたテキストに関する情報が含まれます。拡張機能は通知を閉じずにインターフェースを更新するか、完了ハンドラーを呼び出して閉じることができます。これにより、通知内で直接視覚的フィードバックを伴う「いいね」など、迅速なインタラクションシナリオを作成できます。

デザインの推奨事項

AppleはContent Extensionを簡潔で機能的に保ち、過剰な要素を避けることを推奨しています。拡張通知の最大高さは約400ポイントで、その後コンテンツはスクロールします。他の通知との一貫性のためにシステムフォントとスペーシングを使用してください。iPhoneとiPadの両方でインターフェースが正しく表示されるよう、さまざまな画面サイズでテストしてください。