iOS および iPadOS 16.4 の Apple の Safari ブラウザは、Web プッシュ通知などの機能のサポートが追加され、iPhone Web アプリがネイティブ アプリのように動作するようになります。
ブラウザは、Web プッシュ通知などの新しいテクノロジをサポートするようになり、iPhone でのプログレッシブ Web アプリ (Web アプリとも呼ばれます) の使用エクスペリエンスが向上しました。
Apple はサードパーティ製ブラウザに関する制限も一部緩和し、ホーム画面に Web アプリを追加できるようになりました。
Safariはいくつかの新しいウェブ機能を採用している
- Safariは、Googleマップ、Uber、Instagramなどのウェブアプリからのプッシュ通知をサポートします。承認されると、ウェブ通知はネイティブアプリからの通知と同様に、通知センターとロック画面に表示されます。
- Google Chromeなどのサードパーティ製ウェブブラウザでも、ホーム画面にウェブアプリを追加できるようになりました。iOS 16.4より前は、Safariでのみ可能でした。
- 拡張機能の同期により、iPhone、iPad、Mac で同じ Safari 拡張機能が使用されるようになり、ユーザー エクスペリエンスの一貫性が向上します。
ウェブプッシュ通知
ウェブアプリは許可なく通知を送信できなくなります。ウェブ通知はホーム画面に追加したウェブアプリでのみ機能します。また、ウェブ開発者はこの機能のサポートを明示的に有効にする必要があります。
さらに、Web アプリの設定で通知をオンにし、通知を許可するかどうかを尋ねるプロンプトに肯定的に応答する必要があります。
Brady Eidson と Jen Simmons、WebKit ブログ:
ホーム画面に追加されたウェブアプリは、ウェブアプリが提供する「購読」ボタンのタップなど、ユーザーによる直接的な操作に応じてプッシュ通知を受信する許可をリクエストできます。iOSまたはiPadOSは、ユーザーにウェブアプリに通知の送信許可を与えるよう求めます。
その瞬間から、その Web アプリからの通知は、ネイティブ アプリからの通知とともに、通知センター、日次サマリー、ロック画面、ペアリングされた Apple Watch に表示されます (これは macOS ではすでにサポートされています)。
ウェブアプリでは、ネイティブアプリと同様に、アイコンバッジに未読通知の数が表示されます。ネイティブアプリの通知と同様に、通知設定でウェブ通知とその表示方法を管理できます。
フォーカス モードを使用して Web 通知をフィルターすることもできます。
ホーム画面にウェブアプリを追加する
iOS 16.4では、Chromeなどのサードパーティ製ブラウザを使ってホーム画面にウェブアプリを追加できます。iOS 16.4より前は、ホーム画面にウェブアプリを追加できるのはSafariのみでした。共有シートから「ホーム画面に追加」を選択すると、ホーム画面にウェブアプリを追加するためのインターフェースが表示されます。
ウェブアプリをホーム画面に保存すると、ブラウザインターフェースが表示されず、フルスクリーンで起動します。もう一つの重要な変更点は、このようなウェブアプリは、ホーム画面に追加したサードパーティ製のブラウザで起動するということです。
以前は、これらは Safari でのみ開かれていました。
開発者は、Webアプリ用のiOSサイズのアイコンをホーム画面に表示することもできます。さらに、同じアプリのインスタンスを複数ホーム画面に追加できるという、画期的な変更も加わりました。
iPhoneのウェブアプリはさらに強力になる
まとめると、iOS 16.4 および iPadOS 16.4 の Safari では、Push API、Notifications API、Badging API、WebCodecs API、Screen Wake Lock API、Import Maps、Media Queries、Service Workers、ビデオ処理用の追加コーデック (AV1)、デバイス方向 API など、いくつかの Web テクノロジが採用されています。
この変更により、iPhone上のウェブアプリはネイティブアプリとより密接に連携するようになります。ウェブアプリは縦向きと横向きのインターフェースを自動的に切り替えたり、ウェブアプリ使用中にデバイスがスリープ状態にならないようにしたりといった機能が追加されます。iOS 16.4では、Safariに合計135の新機能が追加されます。
便利なSafariチュートリアル
- iPadとiPhoneでSafariのタブが消える問題を解決する方法
- Safariのアドレスバーに完全なURLを表示する方法
- iPhone、iPad、MacのSafariでタブをピン留めする方法
- iPhoneのSafariから動画をダウンロードする方法
- iPhoneとiPadでSafariをカスタマイズする方法