iOS 26とmacOS 26のSafariはLiquid Glass UIの変更によりコンテンツを優先する

iOS 26とmacOS 26のSafariはLiquid Glass UIの変更によりコンテンツを優先する

iOS 26、iPadOS 26、macOS Tahoe向けのSafariアップデートでは、UIの大幅な調整に加え、WebアプリとHDR写真への変更、その他多くの細かな変更が加えられています。それぞれの外観と動作についてご紹介します。

WWDCの焦点はオペレーティングシステムですが、Appleが導入する変更は、その上で動作するアプリにも影響を与えることがよくあります。Safariもその一つで、iOS 26、iPadOS 26、macOS 26 Tahoeの番号体系に合わせてベータ26にアップデートされました。

3つのブラウザすべてに目立った変更点がいくつかありますが、その裏には詳細が明かされていない変更点が数多くあります。Webkitの公式ブログによると、Safari 26のベータ版には、驚異的な67の新機能と107の改善点が含まれています。

以下は、Safari を頻繁に使用するユーザーであれば注意すべき主な点です。

Liquid GlassによるUIのリフレッシュ

2025年に向けた新しいUIテーマ「Liquid Glass」は、ガラスをモチーフにしたボタン、パネル、ウィンドウを採用し、ユーザーインターフェースを刷新します。透明感と屈折感を豊かに表現し、アプリのメニューを最小限に抑制するインターフェースを備えています。

Safari の場合、これはフローティング アドレス バー、現在表示している Web サイトのカラーに一致する要素、そして以前よりもボタンが少なくなったことを意味します。

iPhoneでは、アドレスバーは画面下部に浮かぶ丸いバーです。画面の下に5つのボタンが並んだブロックではなく、戻るボタンと、さらにオプションを表示するためのドットが表示されます。

3台のスマートフォンに、tvOS 26に関する記事が掲載されたテクノロジーニュースサイト、Home Hubスマートディスプレイ、そして先進的なiPhoneディスプレイテクノロジーが表示されています。ナビゲーションとブックマークのオプションも表示されています。

iOS 26 の新しい Safari UI では、「進む」ボタンやその他のボタンがすぐには表示されなくなります。

すぐに表示される「進む」ボタンはありませんが、「戻る」ボタンを長押しすると、ボックスが表示され、ボタンが表示されます。同様に、ブックマーク、タブ、共有シートはドットボタンの下に隠れています。

その結果、Safari はより多くの画面を Web サイトに割り当てます。

これはmacOS版とiPadOS版のSafariにも見られるモチーフですが、アドレスバーとオプションは画面上部に配置されています。タブは必要に応じて、専用の楕円形のフローティングバーに開き、最小限のインターフェースボタンも表示されます。

これは Safari にとって、より洗練されたコンテンツ重視のアプローチであり、ユーザーにとって有益です。

Webアプリすべてのウェブサイト

iOS および iPadOS の Safari ユーザーは、2008 年からウェブサイトをホーム画面のアイコンに変換できるようになりました。これにより、ウェブサイトはウェブ アプリとして表示されますが、ウェブ アプリとして表示されないウェブサイトは通常どおり Safari で開かれます。

26 バージョンでは、Web サイトがそのように開くように設計されているかどうかに関係なく、Web サイトがデフォルトで Web アプリとして開くように変更されました。

開いている 3 つのコンピューター ウィンドウには、ニュース Web サイト、アイコン付きの頻繁にアクセスするサイト、および閲覧タブの管理インターフェイスが表示されます。

macOS 26 Tahoe に表示される Safari

これはほとんどの場合便利ですが、ユーザーはホーム画面に追加機能を使用し、アイコン作成時に「Webアプリとして開く」を無効にすることもできます。このオプションを無効にすると、ユーザーのデフォルトブラウザで開きます。

HDR写真

SafariのHDRコンテンツは、ここ数年、賛否両論の様相を呈してきました。Safari 14は2020年にHDRビデオのサポートを追加しましたが、ウェブページ内のハイダイナミックレンジ画像については同様の処理が提供されていませんでした。

Safari 26 ではこれが変わり、Web サイトに埋め込まれた写真が HDR プロパティを活用して適切に表示できるようになりました。

エンドユーザーにとって、これはウェブサイト上の写真をこれまでよりも鮮明に、より正確な色で表示できるようになることを意味します。

SVGアイコン

小さな変更点の一つは、SVGアイコンのサポートです。SVGはベクター画像に使用されるファイル形式であり、小さな用途から大きな用途まで様々な用途で使用されるアイコンに最適です。

この新しいサポートは、ブラウザ内のアイコンが配置されるほぼすべての場所に適用されます。これには、スタートページ、お気に入り、ウェブサイトのファビコンなどが含まれます。

この変更は、ウェブサイトのアイコンがブロック状になりにくくなり、見た目が良くなる可能性があること以外、エンドユーザーにとってほとんど意味がありません。

アプリ内のウェブページ、GPUの使用状況、その他の開発者向け情報

新しいAPIであるSwiftUIにより、開発者はAppleプラットフォーム向けに開発されたアプリにウェブコンテンツを統合できるようになります。これにはアプリ内でのウェブページの読み込みも含まれており、ウェブ開発者はより容易に適切なアプリを構築できるようになります。

3 つのスマートフォン画面には、AppleInsider の Web サイト、共有オプション メニュー、カスタマイズ用のキーボード入力を備えたホーム画面への追加機能が表示されます。

iOS 26でWebアプリを作る

WebGPUは、GPU上でプログラムを実行するために使用されるJavaScript APIです。WebGLと同様に、GPUのパフォーマンスを活用してブラウザでコンテンツをレンダリングできますが、変換オーバーヘッドが大幅に削減され、Metalへのマッピングも向上します。

これは Safari Technology Preview ですでに 1 年以上利用可能でしたが、このバージョンの Safari でも出荷されています。

長さの異なる段落。右側には紫、赤、緑の3本の縦線が引かれています。テキストでは、Webデザインにおけるレイアウトとタイポグラフィについて解説しています。

きれいなテキスト折り返し機能の例 - 画像提供: WebKitブログ

Webデザイナーは、CSSアンカーポジショニング、スクロール駆動アニメーション、プログレス関数、さらには「きれいな」テキストラップなどのサポートも利用できます。テキストラップを調整してテキストの端を揃え、尖った突き出た線を消すので、まさに「きれいな」という名前が付けられています。

Apple Vision Pro は異なるオペレーティングシステムですが、開発者は没入型ビデオの変更も活用できます。VisionOS の Safari は、より没入型のビデオ形式をサポートしています。