あなたの知らないSafariのExperimental Featuresの世界 - iOSDC Japan 2021 / Experimental Features in Safari You Didn't Know

#iOSDC Japan 2021 の LT で登壇した資料です:)

あなたの知らないSafariのExperimental Featuresの世界
https://fortee.jp/iosdc-japan-2021/proposal/61612d2e-d7d0-4165-88fc-d86a2398253f

Transcript

1. あなたの知らないSafariの Experimental Featuresの世界 2021-09-18 17:25~ iOSDC Japan 2021 LT（5分） 株式会社ZOZOテクノロジーズ
 諸星 一行 a.k.a @ikkou Copyright © ZOZO Technologies, Inc.
2. © ZOZO Technologies, Inc. あなたの知らないSafariのExperimental Featuresの世界 - 2021-09-18 17:25~ iOSDC Japan 2021 LT iOS 14.7.1基準でSafariのExperimental Featuresのアレコレを紹介します！ 本LTについて!
3. © ZOZO Technologies, Inc. あなたの知らないSafariのExperimental Featuresの世界 - 2021-09-18 17:25~ iOSDC Japan 2021 LT • Experimental Featuresは “実験的な” WebKitの機能 • フラグをOnにすることで使えるSafariの“標準機能ではない”もの ◦ Chromeの chrome://flags/ からフラグをOnにすることと同等 • 最初からOnになっているものもあれば、明示的にOnにしないと動作し ない機能もある • 最初からOnになっている機能をOffにすると動かなくなる • ブラウジングだけではなくWebKitを使用するアプリにも影響する！ Experimental Featuresについて!
4. © ZOZO Technologies, Inc. あなたの知らないSafariのExperimental Featuresの世界 - 2021-09-18 17:25~ iOSDC Japan 2021 LT iOS 14.7.1 時点の設定項目数は 82 内 36 個がデフォルトOn Experimental Featuresの設定項目数
5. © ZOZO Technologies, Inc. あなたの知らないSafariのExperimental Featuresの世界 - 2021-09-18 17:25~ iOSDC Japan 2021 LT Experimental Features デフォルトOnの項目 Aspect ratio of <img> from width and height Intersection Observer Synthetic Editing Commands Async clipboard API Mask WebGL Strings TransformStream API Blank anchor target implies rel=noopener Media Capabilities Extensions UserGesture Promise Propagation Block top-level redirects by third party iframes MediaRecorder Visual Viewport API CSS Individual Transform Properties Modern WebAudio API Web Authentication Modern Defer async scripts until DOMContentLoaded or first-paint Paint Timing Web Authentication Disable WebSQL Quirk to prevent delayed initial painting on sites using Google’s Anti-Flick... WebAudio AudioWorklet API Disallow sync XHR during page dismissal Referrer Policy attribute WebRTC H264 LowLatency encoder Fetch API Request KeepAlive Remote Playback API WebRTC Platform Sockets Generic Text Track Cue API Resize Observer Wheel Event gestures become non-blocking HDR Media Capabilities SpeechRecognition API Wheel Event listeners on the root made passive In-Process Cookie Cache Swap Processes on Cross-Site Navigation WritableStream API ※ iOS 14.7.1 時点
6. © ZOZO Technologies, Inc. あなたの知らないSafariのExperimental Featuresの世界 - 2021-09-18 17:25~ iOSDC Japan 2021 LT 素直にリセット！ 設定⇛一般⇛リセット⇛すべての設定をリセット 何がデフォルトOn/Offかわからなくなったとき
7. © ZOZO Technologies, Inc. あなたの知らないSafariのExperimental Featuresの世界 - 2021-09-18 17:25~ iOSDC Japan 2021 LT • 策定が進んでいる HTTP/2 の後継にあたる HTTP/3 • UDPの利用により、通信速度が向上する • クライアントとサーバの両方が HTTP/3 に対応している必要がある • HTTP/3 に対応していない場合は HTTP/1.1 または HTTP/2 が使用さ れるため、Onにしても致命的な影響はない 注目の設定項目 - HTTP/3 HTTP/3!
8. © ZOZO Technologies, Inc. あなたの知らないSafariのExperimental Featuresの世界 - 2021-09-18 17:25~ iOSDC Japan 2021 LT 注目の設定項目 - WebGL 2.0 画像引用元: https://developer.apple.com/documentation/safari-release-notes/safari-15-beta-release-notes • モダンブラウザの中で WebGL 2.0 に対応していないのはSafariだけ • Onに変更することで WebGL 2.0 が動作する • iOS 15でデフォルトOnになる見込み WebGL 2 Example: Particles
9. © ZOZO Technologies, Inc. あなたの知らないSafariのExperimental Featuresの世界 - 2021-09-18 17:25~ iOSDC Japan 2021 LT 注目の設定項目 - WebGL 2.0 の後継 WebGPU • WebGL の仕様策定はKhronos Groupで OpenGL ES 3.0 ベース • WebGPU の仕様策定はW3Cで Vulkan/DirectX/Metal ベース • デフォルトOnになっているブラウザはまだ存在しない 画像引用元: https://caniuse.com/webgpu WebGPU demos
10. © ZOZO Technologies, Inc. あなたの知らないSafariのExperimental Featuresの世界 - 2021-09-18 17:25~ iOSDC Japan 2021 LT • 現在対応している Web Share API Level 1 の後継 • Level 1 はテキストやURLのみをシェアできる • Level 2 は上記に加えて「画像」もシェアできる ◦ 例えば、写真を撮る系のWebコンテンツでシェアしてもらうとき、 これまではユーザー自身に画像を保存してもらい、その画像を別途 シェアしてもらう必要があったが、Webのみで完結するようになる • iOS 15でデフォルトOnになるので、既に対応しているChrome for Androidとともにウェブアプリにおけるシェア戦略がより重要に！ 注目の設定項目 - Web Share API Level 2
11. © ZOZO Technologies, Inc. あなたの知らないSafariのExperimental Featuresの世界 - 2021-09-18 17:25~ iOSDC Japan 2021 LT • iOS 14.5 から追加されたデフォルトOffの設定項目 • <a href="./iosdc2021.usdz" rel=”ar”> に代わる3D/AR向けの指定方法 • HTMLModelElement が生成される • 現時点ではOnに変更しても動作しない！ 大注目の設定項目 - HTML <model> element <model> <source src="iosdc2021.usdz"> </model> explainers/model at main · WebKit/explainers
13. ZOZO Technologies, Inc. Software Engineer 諸星 一行 a.k.a @ikkou XR(VR/AR/MR) × Fashion という軸で試行錯誤中。 • 2021-2022 Microsoft MVP for Windows Development • 日本バーチャルリアリティ学会 VR 技術者 • XRKaigi 2021 運営 / WebXR Tech Tokyo 主催 🎤 09/18 13:30〜 Track C『iOSではじめるWebAR 2021』 Twitter では HEAVEN ちゃんとして生きていますが VTuber ではありません:) https://twitter.com/ikkou © ZOZO Technologies, Inc. あなたの知らないSafariのExperimental Featuresの世界 - 2021-09-18 17:25~ iOSDC Japan 2021 LT
14. © ZOZO Technologies, Inc.