ep86 Monthly Web 202107

Info

published_at
2021-08-03
guest
@myakura

Theme

第 86 回のテーマは 2021 年 7 月の Monthly Web です。

Show Note

Chrome 動向

Stable: 92

Updates

  • New in Chrome 91 - Chrome Developers
  • What’s New In DevTools (Chrome 92) - Chrome Developers
    • https://developer.chrome.com/en/blog/new-in-devtools-92/
    • What’s New In DevTools (Chrome 92)
      • CSS grid editor
      • Support for const redeclarations in the Console
      • Source order viewer
      • New shortcut to view frame details
      • Enhanced CORS debugging support
      • Network panel updates
        • Rename XHR label to Fetch/XHR
        • Filter Wasm resource type in the Network panel
        • User-Agent Client Hints for devices in the Network conditions tab
      • Report Quirks mode issues in the Issues tab
      • Include Compute Intersections in the Performance panel
      • Lighthouse 7.5 in the Lighthouse panel
      • Deprecated “Restart frame” context menu in the call stack
      • [Experimental] Protocol monitor
      • [Experimental] Puppeteer Recorder
  • Chromium Blog: Chrome 93: Multi-Screen Window Placement, PWAs as URL Handlers, and More
    • https://blog.chromium.org/2021/07/chrome-93-multi-screen-window-placement.html
    • Origin Trials
      • New Origin Trials
        • Cross-Origin-Embedder-Policy: credentialless
        • Multi-Screen Window Placement
        • Window Controls Overlay for Installed Desktop Web Apps
        • PWAs as URL Handlers
      • Completed Origin Trials
        • Subresource loading with Web Bundles
        • WebXR Plane Detection API
    • Other features in this release
      • AbortSignal.abort() Static Method
      • CSS Flexbox: Support Alignment Keywords start, end, self-start, self-end, left, right
      • Error.cause Property
      • Honor Media HTML Attribute for meta name=theme-color
      • noplaybackrate in HTMLMediaElement.controlsList
      • Sec-CH-Prefers-Color-Scheme Client Hint Header
      • User-Agent Client Hints API Updates
      • WebOTP API: Cross-Device Support
    • JavaScript
      • Object.hasOwn
    • Deprecations, and Removals
      • Block ports 989 and 990
      • Remove 3DES in TLS
      • WebAssembly Cross-Origin Module Sharing
  • What’s New In DevTools (Chrome 93) - Chrome Developers
    • https://developer.chrome.com/en/blog/new-in-devtools-93/
    • Editable CSS container queries in the Styles pane
    • Web bundle preview in the Network panel
    • Attribution Reporting API debugging
    • Better string handling in the Console
    • Improved CORS debugging
    • Lighthouse 8.1
    • Display new note URL in the Manifest pane
    • Fixed CSS matching selectors
    • Pretty-printing JSON responses in the Network panel

Intents

V8

Other

Firefox 動向

Stable: 90

Updates

Intents

Other

Safari 動向

Stable: 14.1.2

Updates

  • Release Notes for Safari Technology Preview 127
    • https://webkit.org/blog/11736/release-notes-for-safari-technology-preview-127/
    • Added discrete animation support for grid-template-columns and grid-template-rows (r278173)
    • Added support for calc() on components inside relative color syntax colors (r278261, r278304)
    • Added support for “relative color syntax” for color() (r278364)
    • Added additional target luminance keywords for color-contrast() (r278262)
    • Added support for Ergonomic Brand Checks proposal (e.g. #x in object) behind the–usePrivateIn flag (r277926)
    • Added MediaSession.callActionHandler (r278222)
    • Added support for creating, accessing, and setting non-sRGB ImageData via canvas (r277569)
    • Added support for dispatching wheel events with ctrlKey on pinch gestures, which is commonly used for zooming embedded maps (r277772)
    • Enabled <summary> to be a flex container (r278280)
  • Release Notes for Safari Technology Preview 128
    • https://webkit.org/blog/11925/release-notes-for-safari-technology-preview-128/
    • Added support for 12 CSS list-style-type values along with other list style fixes (r279165)
    • Added a mechanism to regenerate text in an image element when it changes dimensions (r278747)
    • Implemented performance.timeOrigin (r278665)
    • Adjusted fetch port blocking for ports 990, 989 (r279099)
    • Implemented width and height attributes on source elements of <picture> (r279108)
  • PCM: Click Fraud Prevention and Attribution Sent to Advertiser
  • Optimizing JavaScript Standard Library Functions in JSC

Position

  • 返信があるもの一個もない

Other

Edge 動向

Stable: 92

Updates

Chakra

Other

WHATWG/W3C 動向

Draft

Other

TC39 動向

Meeting

Proposals Diff

New Proposals

Other

IETF 動向

WG

Other

CDN 動向

Cloudflare

Fastly

Other

セキュリティ動向

周辺動向

イベント

Wrap Up

  • Chrome
    • COEP: credentialless
    • Subresource Web Bundle OT 終了
    • Error Cause
    • Object.hasOwn()
    • prefer: CurrentTab と mozilla の position
    • UA-CH と windows の version を細かくする話
    • Cookie Size Limits
    • CORS non wildcard に Authorization を追加の話
    • SW Subresource Filter
    • URLPattern
    • Cross iframe の alert()/confirm() prompt と互換性の話
    • Lazyloading しすぎて LCP が遅くなる話
    • RenderingNG, TablesNG
    • Phishing Detection のカラープロファイルの話
    • HTTPS First
  • Firefox
    • Smart Block2
    • Fetch Metadata Support
    • Canvas Conic Gradient
    • Canada で DoH 開始
  • Safari
    • Ergonomic Brand Check
    • Picture source width
    • PCM の report fraud 対策
  • Edge
    • VSCode integration
    • WebView2 と Electron
  • W3C
    • Sanitizer API が FPWD
    • Trusted Types の FPWD に Mozilla が反対
    • Federated Identity Community Group created
    • JSON Module, CSS Module が HTML に追加
  • TC39
    • Realm to Stage3
    • ArrayBuffer from/to Base64
    • Array grouping to stage 0
    • Node@16.5 WHATWG Stream support
  • IETF
    • HTTPbis v17 IESG
    • HTTP2bis WGLC
    • Proxy Status WGLC
    • HTTP BCP WGLC
  • CDN
    • Akamai DNS 障害
  • セキュリティ
    • Let’s Encrypt の 90 日 + 1 秒の話
    • 宇宙線の 1bit 反転で CT が壊れた話
  • 周辺動向
    • WWW のコードが NFT で 6 億
    • Jake の URLSearchParams/FormData blog