ツール・技術

【WWDC 2026】Safari 26 大型刷新|WebGPU/AIタブ整理が Web 制作に与える影響と対応3点


公開日

2026年6月のWWDC 2026で発表されたSafari 26は、バージョン番号を macOS/iOS 等と揃える形で「26」に改称され、WebGPU 正式対応・67の新機能・107のレンダリングエンジン改善を含む近年最大級のアップデートとなった。同時に Apple Intelligence 統合による「AI タブ整理」「Notify Me」等のユーザー向け機能も追加。Web 制作会社としてどう対応すべきか、開発者視点で整理する。

Safari 26 とは?

Apple が2026年6月のWWDC 2026 で発表した最新のWebブラウザ。バージョン番号を macOS/iOS 26 と揃える方針変更に伴い、Safari 19 の次に「Safari 26」となった。WebKit エンジンには67の新機能と107の改善が投入され、開発者側にとっては近年最大級のアップデート。

主要新機能早見表

領域 新機能 開発者視点の影響
グラフィックス WebGPU 正式サポート WebGL 後継・GPU計算が可能に
CSS/レイアウト 67新機能・107改善 @scope, view transitions 等の対応進捗
タブ管理 Apple Intelligence 自動整理 ユーザーの回遊行動が変化
ページ監視 Notify Me(自然言語で監視条件指定) スクレイピング競合の可能性
拡張機能 active-tab 権限強化 ホスト権限運用の変化
認証 Passwords 弱い認証情報1タップ強化 UX 面でのパスワードマネージャー統合進化

WebGPU 正式対応の意味

WebGPU は WebGL の後継となる次世代 GPU API で、グラフィック描画だけでなく計算シェーダによる汎用GPU計算もブラウザで実行可能。Chrome/Edge には先行実装されていたが、Safari 26 で全主要ブラウザ対応となる。

制作会社にとっての意味は次の3点。

  1. 3D/インタラクティブ表現の幅が広がる:Three.js/Babylon.js の WebGPU バックエンド利用が現実的に
  2. ブラウザ上での ML 推論が現実的:オンデバイス AI 機能を Web で実装できる
  3. iOS Safari での対応差解消:クライアント案件で iOS を諦める必要がなくなる

AI タブ整理と Notify Me の影響

Safari は Apple Intelligence を使い、開いているタブをトピック別に自動整理できるようになった。さらに Notify Me 機能では自然言語で監視条件を指定でき、「このページで◯◯が起きたら通知」が可能。

Web サイト運営視点での影響:

  • ユーザーの回遊パターンが変化:タブが自動整理されるため、複数タブ同時運用が増える → セッション設計の見直しが必要
  • スクレイピング競合:Notify Me は「価格変動監視」等の用途で、EC サイトの独自通知機能と競合
  • アクセス解析の解釈変化:AI タブ整理で「別カテゴリタブへの移動」が増えるとバウンス指標が変わる可能性

制作会社レンズ|クライアント案件でやるべき3つの対応

対応1: WebGPU 対応の可否をクライアント要件に組み込む

3D 表現・データビジュアライゼーション・オンデバイス AI 機能の案件で、「Safari 26 以降は WebGPU で実装可能」と提案。iOS ユーザー切り捨てを回避できる。

対応2: Safari 26 で崩れないか回帰テスト

WebKit の67新機能・107改善で、既存サイトのレイアウト崩れリスクあり。特に CSS の scroll-driven animations・view transitions・container queries 関連は挙動変化が出やすい。クライアントサイトの回帰テストを月次で。

対応3: 認証周りの UX 見直し

Passwords の「弱い認証情報1タップ強化」により、ユーザーはパスワード強度の意識が上がる。既存サイトのパスワード規則・パスワードリセット導線を Safari 26 の動きに合わせて再設計。

制作現場での活用パターン

パターン1: 新規サイトは WebGPU 前提設計

3D 商品ビュー・インタラクティブなデータ可視化案件で、WebGPU 前提の実装を初期段階で組み込む。Chrome/Edge/Safari 26+ で統一動作。

パターン2: 既存サイトの Safari 26 対応テスト

クライアントサイトの CSS 挙動を Safari 26 で確認 → 崩れ箇所を修正。年1回のメンテナンス枠に組み込むと工数管理しやすい。

パターン3: EC サイトの Notify Me 対応

ユーザーが Safari の Notify Me で価格監視するのに合わせ、自社の「入荷通知メール」機能とのすみ分けを再設計。

FAQ

Q. Safari 26 の対応時期は?

macOS Tahoe / iOS 26 と同時(2026年秋)に正式リリース。開発者向けベータは WWDC 2026 直後から利用可能。

Q. WebGPU は今すぐ使える?

Safari 26 ベータ + Chrome/Edge 最新版で利用可。プロダクション投入は2026年秋以降を推奨。

Q. WebKit の107改善で既存サイトが壊れる?

ほとんどは互換性維持だが、実験的CSS プロパティ使用サイトは要検証。Container Queries・View Transitions・scroll-driven animations あたり。

Q. AI タブ整理はサイト側で制御できる?

現時点で明示的な制御 API はなし。Apple Intelligence が自動で行うため、サイト側の対策は「明確な OGP・タイトル・カテゴリ設計」の徹底。

参考メディア・出典一覧

まとめ

Safari 26 は、WebGPU 正式対応で「iOS でも本格的な GPU 計算・3D 表現ができる」時代を開いた。Web 制作会社としては、①WebGPU 前提設計 ②既存サイトの回帰テスト ③認証 UX 見直しの3点をクライアント案件に組み込むことで、Safari 26 世代の Web を先取りできる。秋のリリース前に、既存クライアントサイトの Safari 26 ベータでの動作確認を提案しておきたい。

この記事を書いた人

佐藤 広樹

WEBディレクター

佐藤 広樹 Sato

仕事を通じて出会った方から「人から学ぶ」ことを大切に、AIやWEBから得られない知見を吸収するよう意識しています。

シエロデザインのサービス

サービス一覧を見る →

お問い合わせ

Webサイト制作・保守・広告運用・Web戦略チーム支援など、私たちシエロデザインが伴走できる領域はさまざまです。
「うちの場合どうすれば?」というご相談も、まずはお気軽にお声がけください。

お問い合わせフォームへ →