【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点。
- 3D/インタラクティブ表現の幅が広がる:Three.js/Babylon.js の WebGPU バックエンド利用が現実的に
- ブラウザ上での ML 推論が現実的:オンデバイス AI 機能を Web で実装できる
- 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・タイトル・カテゴリ設計」の徹底。
参考メディア・出典一覧
- WebKit Blog|News from WWDC26: WebKit in Safari 26 beta
- Apple Developer|Safari 26.0 Release Notes
- Apple Developer|Safari and Web Technologies Group Lab – WWDC26
- SportsKeeda|Apple WWDC 2026 reveals biggest Safari overhaul in years
- AppleMagazine|Safari Gets Smarter Tabs and Page Alerts at WWDC26
まとめ
Safari 26 は、WebGPU 正式対応で「iOS でも本格的な GPU 計算・3D 表現ができる」時代を開いた。Web 制作会社としては、①WebGPU 前提設計 ②既存サイトの回帰テスト ③認証 UX 見直しの3点をクライアント案件に組み込むことで、Safari 26 世代の Web を先取りできる。秋のリリース前に、既存クライアントサイトの Safari 26 ベータでの動作確認を提案しておきたい。
シエロデザインのサービス
お問い合わせ
Webサイト制作・保守・広告運用・Web戦略チーム支援など、私たちシエロデザインが伴走できる領域はさまざまです。
「うちの場合どうすれば?」というご相談も、まずはお気軽にお声がけください。
