トピックガイド
Safari と Web
WebKit、Safari、CSS、Web アプリ、拡張機能と、オープン Web を Apple プラットフォームへ接続するテクノロジーを追います。
Safari と Web のセッションでは、ブラウザエンジン、標準、開発者ツール、拡張機能と、正式なアプリのように動作する Web 体験を扱います。このコレクションを通じ、新機能と互換性対応の両方を確認できます。
- セッション
- 18
- 2026
- 7
- 2025
- 7
- 2024
- 4
このトピックの内容
- WebKit と最新 Web 標準
- Safari 拡張機能と Web アプリ
- パフォーマンス、デバッグ、互換性
WWDC 2026
7 セッション- CSS Grid Lanes を学ぶあらゆる形状とサイズのコンテンツに対応する適応的な Web レイアウトを構築します。Grid Lanes を使い、形の異なる要素をシンプルな CSS で整然とした柔軟なデザインへ配置する方法を紹介します。flow-tolerance でレイアウトの柔軟性を保ちながらアクセシビリティを改善する方法も説明します。
- HTML Model Element 入門model 要素によって、インタラクティブな 3D コンテンツを Web サイトへ導入する方法を学びます。iOS、iPadOS、macOS、visionOS に対応しました。3D アセットの作成と最適化に使えるツールを紹介します。model 要素の機能と、Web 標準が Web 上の 3D の未来を形作る様子も説明します。
- HTML select 要素を再発見Web の select メニューのスタイルを完全に制御する方法を学びます。HTML select 要素は、新しい CSS appearance 値と疑似要素によって大幅に強化されます。select の option に豊かなコンテンツを含める HTML の新しい可能性を紹介します。デフォルト要素のアクセシビリティと堅牢性を保ちながら、デザインシステムに合う select を構築します。
- Safari 27 向け WebKit の新機能WebKit の新機能として、Grid Lanes、Customizable Select、HTML Model、Immersive Environments、Web Extensions の最新機能までを紹介します。Web の信頼性を高める 1,000 件を超えるブラウザエンジン改善の背景も説明します。
- Safari と Web テクノロジーのグループラボオンラインで Apple のエンジニアと WWDC26 を詳しく振り返り、質問、相談を行い、今週発表された Safari と Web テクノロジーの主な内容について議論します。英語で実施されます。
- Safari 向け Web 拡張機能を作成Safari Web 拡張機能を一から構築、テストして使い始めます。Xcode は必要ありません。コンテンツブロック、ページ変更、ネイティブメッセージング、権限モードを組み合わせ、プラットフォームを通じて強力でプライバシーを保護するブラウジング体験を作る方法を紹介します。
- visionOS の没入型 Web サイト環境を探るJavaScript の新しい Immersive API を使い、Web サイトの訪問者を Apple Vision Pro の仮想環境へ導きます。インライン model 要素から没入型トランジションを要求し、video docking などの機能で魅力的な没入型体験を作り、現実世界と同じ規模の豊かな体験向けにパフォーマンスを最適化する方法を紹介します。Web サイト上で動くわずか数行のコードで実現できます。
WWDC 2025
7 セッション- Declarative Web Push を詳しく知るDeclarative Web Push で通知をより確実に配信する方法を学びます。従来の Web Push との後方互換性を維持しながら、既存の標準を基盤として、設計段階から効率性と透明性を高める方法を紹介します。
- Safari と WebKit の新機能Safari と WebKit の最新 Web テクノロジーを使い、優れた体験を作る方法を学びます。スクロール駆動アニメーション、ドキュメント間のビュートランジション、アンカー配置など、各種 CSS 機能とその仕組みを紹介します。オーディオ、ビデオ、画像、アイコンに関する新しいメディア対応も確認します。
- SwiftUI 向け WebKit の紹介WebKit を使い、Web コンテンツを SwiftUI アプリへ簡単に統合する方法を紹介します。Web コンテンツの読み込みと表示、Web ページとの通信などを学びます。
- Web で身分証明書を検証Digital Credentials でオンライン本人確認フローを強化する方法を学びます。Web サイトに Digital Credentials API を統合し、Wallet 内の ID から情報を要求する方法を解説します。新しい IdentityDocumentServices フレームワークを使い、アプリ独自の身分証明書をオンライン検証向けに提供する方法も紹介します。
- WebGPU で GPU コンピューティングを活用WebGPU API により、グラフィックスと汎用計算で GPU デバイスへ安全にアクセスする方法を学びます。GPU プログラムを記述する WGSL シェーディング言語も紹介します。デスクトップとモバイルデバイスで消費電力を抑えながら最適なパフォーマンスを得るためのベストプラクティスも詳しく説明します。
- visionOS 26 の新機能visionOS 26 の新機能を紹介します。強化されたボリューム API と、SwiftUI、RealityKit、ARKit の能力を組み合わせる方法を学びます。高速化されたハンドトラッキングと空間アクセサリからの入力を使い、さらに魅力的なアプリやゲームを構築する方法を紹介します。SharePlay、Compositor Services、没入型メディア、空間 Web、Enterprise API…
- 空間 Web の新機能visionOS 26 の Web 向け最新空間機能を紹介します。新しい HTML model 要素を使い、インライン 3D モデルを表示する方法を解説します。モデルのライティング、インタラクション、アニメーションなどの強力な機能も紹介します。360 度ビデオや Apple Immersive Video など、新たに対応した没入型メディアを Web サイトへ埋め込む方法を学びます。Web…
WWDC 2024
4 セッション- MapKit で場所の力を活用MapKit と MapKit JS を使い、マップをアプリや Web サイトに統合する新しい方法を紹介します。Place ID を使って固有の場所を保存、参照する方法を学びます。関連する場所をより効率よく見つけられる検索機能の改善点を確認します。場所に関する豊富な情報を表示し、利用者がアプリ内で目的地を調べられる新しい Place Card API を紹介します。簡素化されたトークン発行と Web Embed…
- WebXR で没入型 Web 体験を構築WebXR を使って、visionOS の Web サイトに完全な没入型体験を追加する方法を紹介します。visionOS の入力機能を最大限に活用した WebXR 体験の構築方法と、Simulator を使って macOS 上で WebXR 体験をテストする方法を学びます。
- visionOS の Quick Look の新機能visionOS の Quick Look を使い、アプリ内のファイルプレビューと編集体験を向上させる方法を紹介します。アプリ内 Quick Look とウインドウ表示の Quick Look の統合に加え、アプリ内でウインドウ表示の Quick Look 体験をカスタマイズする新しい API を解説します。Quick Look での 3D モデル表示に関する最新の改善点も紹介します。
- 空間 Web への最適化Web で visionOS の機能を最大限に活用する方法を紹介します。選択部分のハイライト表示の改善や、空間写真とパノラマ画像をフルスクリーンで表示する機能など、最近のアップデートを確認します。WebSpeech による音声入力とテキスト読み上げ、WebAudio による空間サウンドスケープ、WebXR による没入型体験など、既存の Web 標準を活用する方法を学びます。