Apps

iOS 26ではWebKitの大幅な変更が行われ、Safariの新機能が多数追加されました。

iOS 26ではWebKitの大幅な変更が行われ、Safariの新機能が多数追加されました。

Apple は、iOS 26、iPadOS 26、macOS Tahoe 26 の Safari ブラウザの多くの新機能を支える一連の新機能を WebKit に追加しました。

緑の背景のSafariアイコン

WebKitは、Appleが開発しオープンソース化したウェブコンテンツのレイアウトおよびレンダリングエンジンで、Safariをはじめとするいくつかのブラウザに採用されています。Appleはオペレーティングシステムの名称変更に伴い、Safariのバージョン番号も26に変更しました。

WebKitチームによると、iOS 26の最初の開発者向けベータ版のSafariには、67の新機能と107の改善が含まれています。今回は、Safariの新機能を支えるWebKitの最も重要な変更点についてご紹介します。

iPhoneでウェブサイトをウェブアプリとして保存する

iOSは以前からホーム画面へのウェブサイトブックマークの追加をサポートしており、アイコンをタッチするだけで特定のウェブサイトを開くことができます。また、アプリのデフォルト機能では、これらのブックマークはデフォルトとして指定したブラウザで開きます。

Safari でウェブサイトをホーム画面に保存する様子を示す iPhone のスクリーンショット。
「Webアプリとして開く」はデフォルトで有効になっています。画像: Christian Zibreg/iDB/Apple

macOS Sonoma以降では、ウェブサイトをMacのDockに追加できるようになりました。ただし、これはウェブサイトをDockにブックマークとして追加するのではなく、ウェブアプリとして保存することを意味します。クリックすると、ウェブアプリはブラウザのChromeを経由せずにネイティブアプリとして開き、Exposeやマルチタスクビューなどのシステム機能に統合されます。

iOS 26では、AppleがiPhoneにこの変更を導入し、ウェブサイトもウェブアプリとしてホーム画面に保存されるようになりました。以前のようにウェブサイトのブックマークを保存したい場合は、共有メニューから「ホーム画面に追加」を選択した後、「ウェブアプリとして開く」をオフにすることで、この動作を無効にできます。

iPhone の Safari で、「Web アプリとして開く」スイッチがオフになっている状態で「ホーム画面に追加」機能が表示されています。
このスイッチをオフにすると、通常のブックマークが保存されます。画像: Christian Zibreg/iDB/Apple

SVG ウェブサイトアイコン

iOS 26では、ウェブサイトが提供するファビコンが、Safariのスタートページ、ホーム画面、Dockなど、以前のiOSバージョンよりも多くの場所に表示されるようになりました。Safari 26ベータ版では、SVGファビコンがサポートされるようになりました。SVG(Scalable Vector Graphicsの略)は、品質や解像度を損なうことなく任意のサイズに拡大縮小できる、ウェブに適したベクター画像形式です。

Safariは、ブックマーク、お気に入り、スタートページ、iPadのサイドバーなど、インターフェース全体の多くの場所でこれらのSVGファビコンを使用しています。SVGファイルは、ウェブサイトのアイコンに一般的に使用されるPNG形式よりもサイズが小さいことがよくあります。

ウェブの問題の報告

WebKitの変更が多数あるため、開発者がSafariの互換性変更を実装するまで、一部のウェブサイトは正常に動作しない可能性があります。そのため、AppleはiOS 26、iPadOS 26、macOS Tahoe 26のSafariで初めてウェブの問題を報告できるようにしました。ページがまったく読み込まれない、正しく読み込まれない、または再読み込みしても解決できないその他の問題が発生している場合は、「ページ」メニューにある新しいオプション「問題を報告」を選択してください。

iPhone の Safari に、Web サイトの問題を報告するオプションを含むページ メニューが表示されています。
Safariのページメニューでウェブサイトの問題を報告できます。画像: Christian Zibreg/iDB/Apple

レポートを送信する前に、いくつかの質問にご回答いただく必要があります。WebKitチームによると、これらのレポートは「パターンを特定し、Safariでの優れたエクスペリエンスをより確実にするための重要な情報」を提供するとのことです。

HDR画像

Safari 26ベータ版では、深みのある黒、ピュアな白、そしてその中間のニュアンスを表現するハイダイナミックレンジ(HDR)画像もウェブ上でサポートされます。「ハイダイナミックレンジ画像を、Canvas内の画像など他の画像と同様にウェブページに埋め込むことができます」とWebKitチームは述べています。ウェブサイト制作者は、標準ダイナミックレンジ(SDR)とHDRの動画や画像を組み合わせて使用​​することも、ブラウザですべてのHDRコンテンツをSDRとして表示することもできます。

後者は、明るすぎるHDR画像がSDRコンテンツの隣にあっても違和感がないようにします。これは、Instagramのフィードをスクロールしているときに、iPhoneで撮影された非常に明るいHDR動画に遭遇するのと同じような問題です。HDRコンテンツとSDRコンテンツを混在させると、気が散ってユーザーエクスペリエンスが低下する可能性があります。オンラインメディアのほとんどが当分の間HDRにならない可能性が高いことを考えると、なおさらです。

Safariは、ウェブ上でJPEG XLとHEICをサポートした最初のウェブブラウザです。Safariは、WebM、VP8、VP9、Ogg Opus、Ogg Vorbisコーデックなど、15以上のメディア形式をサポートしています。

アプリ内のWebビュー

Swift の WebKit API の主な機能。
新しいWebKit APIはSwiftで動作します。画像: Christian Zibreg/iDB/Apple

SafariはInstagramなどのアプリでもアプリ内ブラウザとして利用可能になり、ユーザーをアプリから移動させることなくリンクを開くことができます。iOS 26、iPadOS 26、macOS Tahoe、visionOS 26では、SwiftとSwiftUIで動作するようにゼロから設計されたWebKitの新しいAPIをアプリで利用できるようになりました。

Web コンテンツを表示するアプリを実行している iPad。
新しいWebKit APIはアプリ内のウェブコンテンツを容易にします。画像: Christian Zibreg/iDB/Apple

これにより、開発者はアプリ内ブラウザを起動することなく、Webコンテンツをアプリに統合しやすくなります。APIの新しいWebViewとWebPage型を使用すると、開発者はURLを提供するだけで、残りの作業はWebKitが処理します。

デジタル認証情報

WebKitはSafari 26でW3Cのデジタル認証APIのサポートも可能にしました。これにより、ウェブサイトやアプリは内蔵のWalletアプリから運転免許証などの身分証明書を要求できるようになります。iOS 26では、WalletアプリでデジタルID(当初は米国のパスポートを使用)を作成し、TSAチェックポイントやアプリ内で使用できるようになります。Appleは既にWalletアプリへの運転免許証の追加をサポートしています。

WebKitチームは、デジタル認証APIはオンラインでレンタカーを借りる際や、高信頼度の認証情報を必要とする同様のサービスにアクセスする際に役立つ可能性があると述べています。「例えば、ユーザーが運転免許証の写真を撮る必要がある場合と比べて、はるかに安全でユーザーフレンドリーな代替手段を提供します」とチームは述べています。

ウェブGPU

Safari 26では、macOS、iOS、iPadOS、visionOSのWebGLがWebGPUに置き換えられます。WebGPUは、ブラウザプラグインを使用せずに3DグラフィックスをレンダリングするためのJavaScript APIです。WebGPUは新しいサイトやウェブアプリに推奨されており、Metalやデバイスの基盤となるハードウェアとのマッピングも優れています。WebKitチームによると、以前のWebGL標準は、最新のGPUが登場する以前に設計されたOpenGLから派生していたため、大幅な変換オーバーヘッドが必要でした。

WebGL では、WebGL ではできなかった機能、つまり GPU での汎用計算も可能になり、Web アプリが GPU を活用して画像処理、視覚効果、物理演算を高速化できるようになります。

新しいCSS機能

Safari 26 は、ある要素を別の要素にアンカーするなどの新しい CSS 機能もサポートしています。WebKit チームによると、この機能は「popover 属性 (Safari 17.0 で提供) と相性が良く、レスポンシブなメニューやツールチップなどを簡単に作成できます」とのことです。

時間やユーザーのスクロール量に基づいて動作するスクロール駆動型のCSSアニメーションもサポートされており、ウェブ開発者はスクロールして表示されるアイテムのグループをアニメーション化できます。Safari 26では、「text-wrap: pretty」スタイルのサポートも追加されました。これは、ギザギザのエッジを均一にし、ハイフネーションを改善し、最後の行が短くなるのを防ぐ新しいテキスト折り返し手法です。

2 ページのテキストを並べて表示し、最後の行が短い、端がでこぼこしている、ハイフネーションが適切でない、タイポグラフィが途切れているなどの悪いタイポグラフィの例を強調表示します。
WebKitはより優れたタイポグラフィを実現します。画像: Christian Zibreg/iDB/Apple

Safari 26 でサポートされるその他の新しい CSS 機能には、contrast-color() 関数、何かがどの程度進んでいるかを表す数値を返す CSS progress() 数学関数などがあります。

豆知識: 3D モデル、没入型メディアなど

visionOS 26のSafari 26は、インタラクティブな3Dモデルをウェブページに埋め込むための新しいHTML要素もサポートしています。このモデルは、AppleのAR Quick Look機能で既にサポートされているUSDZファイルを使用して、拡張現実(AR)を含む様々な環境で操作できます。Safariはウェブページ上の3Dモデルを立体的にレンダリングします。「ユーザーが自分の空間でモデルを実寸大で見たい場合は、ワンジェスチャーでモデルをページ外にドラッグできます」とWebKitチームは述べています。

Web 開発者は、環境マップを任意の画像として提供することで、3D コンテンツに照明を実装することもできます。3D オブジェクトはアニメーション化することもでき、ユーザーは自由に回転、回転、拡大縮小、移動させることができます。

visionOS 26のSafariは、空間動画やApple Immersive Videoなどの没入型メディアに加え、180度および360度動画や広視野角(Wide FOV)もサポートしています。「動画をウェブページに埋め込み、ユーザーが3D空間の曲面上で没入型に再生できるようにします」とWebKitチームは述べています。さらに、Safariは没入型メディア向けにHTTPライブストリーミングもサポートしています。

Safari 26の新機能を試す方法

Safari テクノロジープレビューアイコン

iPhone、iPad、Mac、またはVision ProにiOS 26、iPadOS 2、macOS Tahoe 26、またはvisionOS 26ベータ版がインストールされている場合は、今すぐこれらの機能をテストできます。インストールされていない場合は、将来的に追加される機能を含むSafariの特別バージョンであるmacOS用Safariテクノロジープレビューをダウンロードしてください。Appleの新しいオペレーティングシステムの新機能については、WWDC25のまとめ記事をご覧ください。

お使いのMacがmacOS SequoiaまたはSonomaを搭載している場合は、Safari 26ベータ版をダウンロードして最新機能を試すことができます。ただし、既存のSafariのバージョンは置き換えられ、以前のバージョンに戻すことはできません。

Milawo
Milawo is a contributing author, focusing on sharing the latest news and deep content.