あなたの知らない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.
   

   View Slide

2. © ZOZO Technologies, Inc. あなたの知らないSafariのExperimental Featuresの世界 - 2021-09-18 17:25~ iOSDC Japan 2021 LT
   iOS 14.7.1基準でSafariのExperimental Featuresのアレコレを紹介します！
   本LTについて!
   

   View Slide

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について!
   

   View Slide

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の設定項目数
   

   View Slide

5. © ZOZO Technologies, Inc. あなたの知らないSafariのExperimental Featuresの世界 - 2021-09-18 17:25~ iOSDC Japan 2021 LT
   Experimental Features デフォルトOnの項目
   Aspect ratio of 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 時点
   

   View Slide

6. © ZOZO Technologies, Inc. あなたの知らないSafariのExperimental Featuresの世界 - 2021-09-18 17:25~ iOSDC Japan 2021 LT
   素直にリセット！
   設定⇛一般⇛リセット⇛すべての設定をリセット
   何がデフォルトOn/Offかわからなくなったとき
   

   View Slide

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!
   

   View Slide

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
   

   View Slide

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
   

   View Slide

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
    

    View Slide

11. © ZOZO Technologies, Inc. あなたの知らないSafariのExperimental Featuresの世界 - 2021-09-18 17:25~ iOSDC Japan 2021 LT
    ● iOS 14.5 から追加されたデフォルトOffの設定項目
    ● に代わる3D/AR向けの指定方法
    ● HTMLModelElement が生成される
    ● 現時点ではOnに変更しても動作しない！
    大注目の設定項目 - HTML element
    
    
    
    explainers/model at main ·
    WebKit/explainers
    

    View Slide

12. View Slide

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
    

    View Slide

14. © ZOZO Technologies, Inc.
    

    View Slide

15. View Slide