Safari 18ベータに含まれるWebKitの新機能

xguru · 2024-06-16T10:02:02+09:00

WebXRサポートを追加 visionOS 2 betaのSafari 18でWebXRをサポート。Apple Vision Proを使う人に没入型体験を提供可能。 immersive-vr セッションをサポート WebGLによるハードウェアアクセラレーショングラフィックスを利用可能自然入力を活用した transient-pointer モードをサポート手のトラッキング機能を追加。ユーザープライバシー保護のため権限リクエストが必要 CSS ビュー遷移 (View Transitions): View Transitions APIのサポートを追加要素の状態遷移アニメーションが可能 document.startViewTransition() メソッドで遷移を開始状態をキャプチャした後、CSSでアニメーションを変更可能スタイルクエリ (Style Queries): CSSカスタムプロパティをテストする際のスタイルクエリをサポート特定の条件に応じてスタイルを適用可能相対カラー構文 (Relative Color Syntax): 既存の色から新しい色を動的に定義 currentcolor およびシステムカラーキーワードを参照可能 displayアニメーション: display プロパティの遷移アニメーションをサポート visionOSでのインタラクション領域: clip-path を使ってリンクのタップ可能領域を変更可能 backdrop-filter: 要素の背後にあるコンテンツへグラフィック効果を適用。これで -webkit- 接頭辞なしで使用可能 Flexboxの安全キーワード: safe キーワードを使ってフレックスアイテムのオーバーフローを処理コンテンツ可視性: content-visibility プロパティでパフォーマンスを最適化 Webアプリ (Web Apps for Mac) Webアプリでリンクを開くことをサポート Safari Web拡張とコンテンツブロッカーによるパーソナライズが可能 Safari拡張機能 (Safari Extensions) モバイルデバイス管理: 拡張機能の有効状態、プライベートブラウズ状態、Webサイトアクセスを管理可能空間メディア (Spatial Media) 写真とパノラマ: 空間写真とパノラマをWeb上でフルスクリーン表示可能 Fullscreen APIを通じて没入型体験を提供 HTML 文章作成の提案: インライン予測テキストをサポート writingsuggestions 属性を通じて予測テキストの使用を制御可能スイッチ入力: でハプティックフィードバックをサポート日時入力: 日付と時刻の入力フィールドのアクセシビリティを向上 ARIA属性: aria-braillelabel および aria-brailleroledescription をサポートメディア (Media) ビデオビューア: 動画を邪魔されずに視聴できるViewer機能を追加タブ切り替え時に自動でPicture-in-Pictureモードへ切り替え WebRTC サポートを追加: HEVC RFC 7789 RTPペイロード形式をサポート専用ワーカーでのMediaStreamTrack処理をサポートパスキー (Passkeys) mediation=conditional でパスキーをアップグレード可能関連ドメイン間でのパスキー利用をサポート WebAuthn prf 拡張をサポート HTTPS 混在コンテンツ設定で、すべての画像・動画・音声をHTTPSへ自動アップグレード JavaScript Unicode 15.1.0文字をサポート v フラグと RegExp.prototype[Symbol.matchAll] をサポート Web API URL.parse() メソッドをサポート shadowRootDelegatesFocus, shadowRootClonable, shadowRootSerializable 属性をサポート PopStateEvent の hasUAVisualTransition 属性をサポートモジュールスクリプトのサブリソース完全性をサポート bytes() メソッドをサポートテキストフラグメント検出をサポートキャンバス (Canvas) willReadFrequently コンテキスト属性をサポート 2Dキャンバスでの currentcolor サポートを拡張 WebGL EXT_texture_mirror_clamp_to_edge など6種類のWebGL拡張をサポート Web Inspector CSSソースエディタでファジー検索オートコンプリートをサポート WKWebView 新しいAPI: Writing Tools APIとアダプティブ画像グリフ挿入APIをサポート Apple Pay サポートを追加: Apple Payの現金送金をサポート廃止予定 (Deprecations) OffscreenCanvasRenderingContext2D の commit() メソッド複数の -webkit 接頭辞付きプロパティおよび疑似クラス JPEG2000画像形式 AppCache サポートを完全終了 SVGAnimateColorElement インターフェースいくつかの非標準Web API

(webkit.org)

4 ポイント投稿者 xguru 2024-06-16 | まだコメントはありません。 | WhatsAppで共有

WebXRサポートを追加

visionOS 2 betaのSafari 18でWebXRをサポート。Apple Vision Proを使う人に没入型体験を提供可能。
immersive-vr セッションをサポート
WebGLによるハードウェアアクセラレーショングラフィックスを利用可能
自然入力を活用した transient-pointer モードをサポート
手のトラッキング機能を追加。ユーザープライバシー保護のため権限リクエストが必要

CSS

ビュー遷移 (View Transitions):
- View Transitions APIのサポートを追加
- 要素の状態遷移アニメーションが可能
- document.startViewTransition() メソッドで遷移を開始
- 状態をキャプチャした後、CSSでアニメーションを変更可能
スタイルクエリ (Style Queries):
- CSSカスタムプロパティをテストする際のスタイルクエリをサポート
- 特定の条件に応じてスタイルを適用可能
相対カラー構文 (Relative Color Syntax):
- 既存の色から新しい色を動的に定義
- currentcolor およびシステムカラーキーワードを参照可能
displayアニメーション: display プロパティの遷移アニメーションをサポート
visionOSでのインタラクション領域: clip-path を使ってリンクのタップ可能領域を変更可能
backdrop-filter: 要素の背後にあるコンテンツへグラフィック効果を適用。これで -webkit- 接頭辞なしで使用可能
Flexboxの安全キーワード: safe キーワードを使ってフレックスアイテムのオーバーフローを処理
コンテンツ可視性: content-visibility プロパティでパフォーマンスを最適化

Webアプリ (Web Apps for Mac)

Webアプリでリンクを開くことをサポート
Safari Web拡張とコンテンツブロッカーによるパーソナライズが可能

Safari拡張機能 (Safari Extensions)

モバイルデバイス管理: 拡張機能の有効状態、プライベートブラウズ状態、Webサイトアクセスを管理可能

空間メディア (Spatial Media)

写真とパノラマ:
- 空間写真とパノラマをWeb上でフルスクリーン表示可能
- Fullscreen APIを通じて没入型体験を提供

HTML

文章作成の提案:
- インライン予測テキストをサポート
- writingsuggestions 属性を通じて予測テキストの使用を制御可能
スイッチ入力:
- <input type=checkbox switch> でハプティックフィードバックをサポート
日時入力:
- 日付と時刻の入力フィールドのアクセシビリティを向上
ARIA属性:
- aria-braillelabel および aria-brailleroledescription をサポート

メディア (Media)

ビデオビューア:
- 動画を邪魔されずに視聴できるViewer機能を追加
- タブ切り替え時に自動でPicture-in-Pictureモードへ切り替え

WebRTC

サポートを追加:
- HEVC RFC 7789 RTPペイロード形式をサポート
- 専用ワーカーでのMediaStreamTrack処理をサポート

パスキー (Passkeys)

mediation=conditional でパスキーをアップグレード可能
関連ドメイン間でのパスキー利用をサポート
WebAuthn prf 拡張をサポート

HTTPS

混在コンテンツ設定で、すべての画像・動画・音声をHTTPSへ自動アップグレード

JavaScript

Unicode 15.1.0文字をサポート
v フラグと RegExp.prototype[Symbol.matchAll] をサポート

Web API

URL.parse() メソッドをサポート
shadowRootDelegatesFocus, shadowRootClonable, shadowRootSerializable 属性をサポート
PopStateEvent の hasUAVisualTransition 属性をサポート
モジュールスクリプトのサブリソース完全性をサポート
bytes() メソッドをサポート
テキストフラグメント検出をサポート

キャンバス (Canvas)

willReadFrequently コンテキスト属性をサポート
2Dキャンバスでの currentcolor サポートを拡張

WebGL

EXT_texture_mirror_clamp_to_edge など6種類のWebGL拡張をサポート

Web Inspector

CSSソースエディタでファジー検索オートコンプリートをサポート

WKWebView

新しいAPI: Writing Tools APIとアダプティブ画像グリフ挿入APIをサポート

Apple Pay

サポートを追加: Apple Payの現金送金をサポート

廃止予定 (Deprecations)

OffscreenCanvasRenderingContext2D の commit() メソッド
複数の -webkit 接頭辞付きプロパティおよび疑似クラス
JPEG2000画像形式
AppCache サポートを完全終了
SVGAnimateColorElement インターフェース
いくつかの非標準Web API