ep84 Monthly Web 202105
- published_at
- 2021-06-04
- guest
- @myakura
- toc
-
headings
Theme
第 84 回のテーマは 2021 年 5 月の Monthly Web です。
Show Note
Chrome 動向
Stable: 91
Updates
-
New in Chrome 91
- https://developer.chrome.com/blog/new-in-chrome-91/
- Suggested names for File System Access API
- Reading files from the clipboard
- Share credentials on affiliated sites
- Web Assembly SIMD
- WebTransport (Origin Trial)
- Form controls refresh on Android
<link>
element'smedia
attribute will be honored for linkrel="icon"
-
BlinkOn14
- https://bit.ly/blinkon-14-schedule
- Opening Remarks, Keynote & Lightning Talks - Session 1
- Layout Architecture Progress
- Fugu for Non-Fishies
- History of the Web
- Fenced Frames Architecture
- WebTransports
- Prerendering Design
- WebID
- WebCodecs: Design & Process
-
Google I/O 2021
- 基調講演
- ウェブ プラットフォームの最新情報
- ウェブのプライバシー強化に向けた準備
- オプトインとしてのセキュリティからデフォルトのセキュリティへ
- Project Fugu の API を駆け足で紹介
- コンポーネント駆動型環境における新しいレスポンシブ ウェブデザイン
- 読み込み後のパフォーマンス
- ページ エクスペリエンス ランキングに向けた準備
- 検索の最新情報
Intents
- Ship: size-adjust descriptor for @font-face
- Ship: droppedEntriesCount in PerformanceObserver callback
-
Ship: EXIF-based intrinsic image sizing
- https://groups.google.com/a/chromium.org/g/blink-dev/c/RqDYSPYE4lI/m/sxXCWw5dAgAJ
- 密度をもとに x2 を x1 で表示して崩れるなどを防ぐ
-
Ship:
crypto.randomUUID()
- Ship: Error.cause property
- Implement and Ship: Add "matrix" to registerProtocolHandler safelisted schemes
- Prototype and Ship: User-Agent Client Hints API Updates
- Prototype and Ship: Web Bluetooth manufacturer data filter
- Prototype and Ship: noplaybackrate in HTMLMediaElement.controlsList
-
Prototype: Fenced Frames for Ads
- https://groups.google.com/a/chromium.org/g/blink-dev/c/Ko9UXQYPgUE/m/URRsB-qvAAAJ
- postMessage, script access, window.top などが使えない frame
- FLEDGE などで使う予定
- Prototype: Partitioning Storage, Service Workers, and Communications APIs
- Prototype: HTTP->HTTPS redirect for HTTPS DNS records
- Prototype: MediaCapabilities API for WebRTC
-
Prototype:
:has()
pseudo class - Prototype: Pickling for Async Clipboard API
- Prototype: Capture handle
- Prototype: Sec-CH-Prefers-Color-Scheme client hint header
-
Prototype: Anonymous iframes
- https://groups.google.com/a/chromium.org/g/blink-dev/c/CjrLTguZuO4/m/kEO65RvCAAAJ
- COEP が無くても読み込める iframe ?
- Implement: Secure DNS Enhanced Bootstrap
- Experiment: Back-forward cache for desktop
- Experiment: WebGPU
- Experiment: Shared Element Transitions
- Experiment: Compute Pressure API
- Experiment: Capture handle
-
Experiment:
aria-touchpassthrough
- Experiment: 103 Early Hints preload during Navigation
- Continue Experimenting: First-Party Sets and 'SameParty' cookie attribute
- Continue Experimenting: Idle Detection API
- Continue Experimenting: Digital Goods API
- Extend the origin trial period for Battery Savings Meta
- Extend Experiment: Storage Foundation API
-
Extend experiment:
fetch()
upload streaming - Experiment: Speculation Rules (Prefetch)
- Remove: 3DES in TLS
- Ready for Trial: Intl Locale Info in ECMA402
- Update on User-Agent Reduction plans
- PSA: New implementations of IDL union types
- Starting the journey to standardizing Window Controls Overlay
- PSA: A clarification on "gapless" origin trials
- Increased Origin Trial Limits for Upcoming Privacy APIs
- Request for Conversion Measurement OT page load limit exception
- Ready for Trial: Extend Intl.DateTimeFormat timeZoneName Option
V8
- V8 release v9.1 · V8
- Short builtin calls · V8
-
Sparkplug - a non-optimizing JavaScript compiler · V8
- https://v8.dev/blog/sparkplug
- v8 は Interpreter の Ignition と Compiler の TurboFan で成り立っている
- Interpreter の最適化が限界に来ている
- より高速化するため中間に Sparkplug を導入
- Speed Meter のスコアも 5~10% 向上
Other
-
web.dev
- Using asynchronous web APIs from WebAssembly
- Insertable streams for MediaStreamTrack
- URL protocol handler registration for PWAs
- Orange: New PWA converts 52% better on mobile
- Optimizing Web Vitals using Lighthouse
- Building a media scroller component
- ES modules in service workers
- The new responsive: Web design in a component-driven world
- Migrate to User-Agent Client Hints
- Choose how in-scope links open your PWA with Declarative Link Capturing
- The business impact of core web vitals
- How to set browser flags in Chromium
- Measure and debug performance with Google Analytics 4 and BigQuery
- Excalidraw and Fugu: Improving Core User Journeys
- Security headers quick reference
- Recognize your users' handwriting
- Learn CSS
-
google developer blog
- Google Developers Blog: New Dashboard in Google Developer Profiles
- Google Developers Blog: Updated Google Pay button increases click-through rates
- Google Developers Blog: A new open source content library from Google
- Google Developers Blog: Tech Camp introduces Georgia high schoolers to technology careers
- Google Developers Blog: Behind the scenes: How the Google I/O photo booth was made
- Search at Google I/O 2021 | Google Search Central Blog
- Prevent portions of your site from being abused by spam
- How we worked with you towards a safe and spam-free Search experience in 2020
- Sunsetting the generic rich results search appearance on Search Console
-
google developer japan blog
- Google Developers Japan: Core Web Vitals によるビジネス インパクト
- Google Developers Japan: Chrome における SharedArrayBuffer に関する変更スケジュールの調整について
- Google Developers Japan: 新しい改善版インタラクティブ クエリビルダーのお知らせ
- Google Developers Japan: Core Web Vitals を満たすように AMP ページ エクスペリエンスを最適化する
- Google Developers Japan: パフォーマンスの探求: 隠されたパフォーマンスの宝を探す
- Google Developers Japan: Product Partition および Listing Group での一時 ID の強制に関する変更予定について
- Google Developers Japan: Google I/O 2021 での Google Maps Platform に関する発表
- Google Developers Japan: 2021 年 5 月 12 日以降、 SEARCH QUERY PERFORMANCE REPORT の AdFormat が UNKNOWN に
-
chromium blog
- Chromium Blog: Adjusted timeline for SharedArrayBuffers
-
Chromium Blog: An experiment in helping users and web publishers create deeper connections on Chrome
- https://blog.chromium.org/2021/05/an-experiment-in-helping-users-and-web.html
- Web のフォローボタンが RSS を使う
-
Chromium Blog: Update on User-Agent String Reduction in Chrome
- https://blog.chromium.org/2021/05/update-on-user-agent-string-reduction.html
- M89 で UA-CH がリリース済み
- Phase1: M92 から devtools で
navigator.[userAgent|appVersion|platform]
の利用に警告 - Phase2: 近日中に reduced User-Agent の OT が開始される
- Phase3: Reverse OT を半年提供開始
- Phase4: minor 以降の version が "0.0.0" として desktop/mobile に Ship される
- Phase5:
navigator.[userAgent|appVersion|platform]
の Reduce を desktop に Rollout - Phase6: Android にも Rollout
- Phase7: Reverse OT 終了
- https://www.chromium.org/updates/ua-reduction
- Chromium Blog: Chrome is up to 23% faster in M91 and saves over 17 years of CPU time daily
-
google workspace updates
- Google Docs will now use canvas based rendering: this may impact some Chrome extensions
- canary
-
amp
- Contributions to Web Platform Interoperability (Second Half of 2020) - The AMP Blog
- An Easier Path to Great Page Experiences Using AMP for WordPress - The AMP Blog
Firefox 動向
Stable: 88
Updates
- Improving Firefox stability on Linux - Mozilla Hacks - the Web developer blog
- Introducing Firefox's new Site Isolation Security Architecture - Mozilla Hacks - the Web developer blog
- Updates to Firefox's Breach Alert Policy - Mozilla Security Blog
- Introducing Site Isolation in Firefox - Mozilla Security Blog
Intents
- ship: Fetch Metadata Request Headers
- ship: allow pages with *unload event listeners to enter bfcache on Android
-
ship:
at()
relative indexing - ship: -webkit-image-set() alias to image-set()
- ship: CanvasRenderingContext2D.createConicGradient.
- ship: Changing cache re-validation on a soft reload
- ship: Ergonomic Brand Checks
- ship: WheelEvent.wheelDelta{,X,Y}
- ship: visual viewport on desktop platforms
- ship: EXIF image density correction
- prototype: JPEG XL decoding
- prototype: Implement path() on d property on SVG path element
Other
- Growing the Bytecode Alliance - The Mozilla Blog
- These Weeks in Firefox: Issue 92 - Firefox Nightly News
- These Weeks in Firefox: Issue 93 - Firefox Nightly News
- These Weeks in Firefox: Issue 94 - Firefox Nightly News
- Manifest v3 update | Mozilla Add-ons Blog
Safari 動向
Stable: 14.1.1
Updates
-
New WebKit Features in Safari 14.1
- https://webkit.org/blog/11648/new-webkit-features-in-safari-14-1/
- Flexbox Gap Support
- Date & Time Inputs on macOS
- CSS Individual Transform Properties
- Paint Timing API
- Web Speech API
- Web Audio API
- Interoperability Improvements
- MediaRecorder API
- WebM Support
-
JavaScript Improvements
- Class Fields
- Internationalization API
- WeakRef and FinalizationRegistry
-
WebAssembly
- Threading
- WebAssembly Sign Extension Operator
- JavaScript BigInt Integration
- Private Click Measurement
- Storage Access API Updates
- Web Inspector Updates
- Availability
-
Release Notes for Safari Technology Preview 124
- https://webkit.org/blog/11672/release-notes-for-safari-technology-preview-124/
- Web Inspector
- CSS
- JavaScript
-
Web API
- Enabled the ability to prevent scrolling in Element.focus() (r274812)
- Implemented AbortSignal.abort() (r274773)
- Rendering
- Wheel Events
- Web Driver
- WebGL
- WebRTC
- WebCrypto
- Scrolling
- Web Extensions
-
Release Notes for Safari Technology Preview 125
- https://webkit.org/blog/11680/release-notes-for-safari-technology-preview-125/
- Web Inspector
-
CSS
- Added parsing for @counter-style descriptors (r276488)
- Added support for CSS display 2-value syntax (e.g. display: inline flex ) (r276293)
- Added support for inline-{start/end} values to float & clear CSS properties (r276216)
-
Web Animations
- Added discrete animation support for border-image-repeat (r276465)
-
WebAssembly
- Added call_ref instruction (r276896)
- Storage
-
Web API
- Implemented
<form>.requestSubmit()
(r277257) - Implemented FontFace in Workers for OffscreenCanvas (r276450)
- Implemented ShadowRoot.prototype.delegatesFocus attribute (r276585)
- Implemented
- Rendering
- WebRTC
Position
- [webkit-dev] Request for position: New Canvas 2D API
- [webkit-dev] Request for position: Declarative Link Capturing
- [webkit-dev] Request for opinion: Private Network Access secure context restriction
- [webkit-dev] Request for Position: COLR v1 Vector Color Fonts
- [webkit-dev] Request for position: CSS @font-face descriptor advance-override
- [webkit-dev] Request for Position: Compute Pressure API
- [webkit-dev] Request for Position on Delegated Ink Trails
- [webkit-dev] Request for Position: User Preference Media Features Client Hints Headers
- [webkit-dev] Request for Position: Pickling for Async Clipboard API
- [webkit-dev] Request for position: UA-CH API Updates
- [webkit-dev] Request for Position on :has() pseudo class
- [webkit-dev] Request for position: Allow Navigator.registerProtocolHandler to register FTP related schemes.
- [webkit-dev] Request for position: HTTP 103 Early Hints
- [webkit-dev] Request for Position: Virtual Keyboard Control
- [webkit-dev] Position Request on Window Controls Overlay
Other
-
iOS 14.5 offers Unlock iPhone with Apple Watch, diverse Siri voices, and more - Apple
- https://www.apple.com/newsroom/2021/04/ios-14-5-offers-unlock-iphone-with-apple-watch-diverse-siri-voices-and-more/
- Unlock iPhone with Apple Watch
- Siri Enhancements
- More Privacy Controls
- New Emoji
- Report an Incident in Apple Maps
- Additional iOS 14.5 Features
- Press Contacts
Edge 動向
Stable: 91
MS Build
-
MyBuild - Microsoft Edge: State of the platform
- https://mybuild.microsoft.com/sessions/6f28eb25-8a24-488b-a50c-eab6d087d8a4
- Form Control Update
- WebView2
- IE retirement
- etc
- MyBuild - Ask the Experts: Microsoft Edge
- What's new for Microsoft Edge at Microsoft Build 2021
Updates
-
The future of Internet Explorer on Windows 10 is in Microsoft Edge
- https://blogs.windows.com/windowsexperience/2021/05/19/the-future-of-internet-explorer-on-windows-10-is-in-microsoft-edge/
- 「Internet Explorer 11 デスクトップ アプリケーションは 2022 年 6 月 15 日をもってサポートを終了いたします」
- 2021/05/19: Internet Explorer デスクトップアプリ提供終了発表
- 2021/08/17: Microsoft 365 及び他アプリでの IE サポート終了
- 2022/06/15: Internet Explorer デスクトップアプリの提供終了
- Microsoft Edge 組み込みのサイト リスト マネージャーについて
-
Internet Explorer から Microsoft Edge への移行ガイドライン
- https://jpdsi.github.io/blog/internet-explorer-microsoft-edge/guidelines-for-migrating-from-ie-to-microsoft-edge/
-
ステージ 1. IE を既定のブラウザーとして運用している
- 1-1. IE に依存しているサイトの洗い出し
- 1-2. IE モードでの動作確認
- 1-3. サイト一覧 (.xml) ファイルの作成とポリシーの設定
- 1-4. 既定のブラウザーの変更
-
ステージ 2. Edge には移行しているが、 IE モードと IE デスクトップ アプリ (スタンドアロンの IE11) を併用している
- 2-1. IE デスクトップ アプリ依存サイトの洗い出し
- 2-2. サイト一覧へのサイトの追加
- ステージ 3. IE モードを部分的に利用しているが IE デスクトップ アプリはもう使っていない
- ステージ 4. Edge に完全に移行できており、 IE モード含めて完全に必要ない
- Internet Explorer 11 デスクトップ アプリのサポート終了へ! IE モードへの移行を進めましょう!
- IE で開いていたページが Microsoft Edge にリダイレクトされる動作について
- IE モードのよくあるご質問
- Internet Explorer および Microsoft Edge での Flash の今後の対応について
- Top Feedback Summary for May 12 - Microsoft Tech Community
- New Update Experience for Mac available in Edge Dev - Microsoft Tech Community
- net-export の使い方 | Japan Developer Support Internet Team Blog
- Preview Microsoft Math Solver in Microsoft Edge
- New shopping features to help you save money for summer fun and all your back-to-school needs
Chakra
Other
- Download Blocking by File Type - text/plain
- Offline NetLog Viewing - text/plain
- Internet Explorer: A Brief History - Ben Slivka
WHATWG/W3C 動向
Draft
- Recommendation
-
Proposed Recommendation
- Call for Review: Web Audio API is a W3C Proposed Recommendation
-
Candidate Recommendation
- W3C Invites Implementations of Page Visibility Level 2
-
Working Draft
- For Wide Review: WCAG 2.2 Working Draft
-
First Public Working Draft
- First Public Working Draft of MiniApp Manifest
- First Public Working Draft of WebTransport
- First Public Working Draft of Geolocation API
-
First Public Working Draft: Specification for Spoken Presentation in HTML
- https://www.w3.org/blog/news/archives/9062
- SSML なんてあるのね
- First Public Working Drafts: WebGPU and WebGPU Shading Language
-
Chartering
- Proposed W3C Charter: Media Working Group
- HTML Working Group Charter extended until 1 September 2021
- Advance Notice: Working in progress on a Portable Network Graphics (PNG) Working Group
Other
- Working Group Note: Making Content Usable for People with Cognitive and Learning Disabilities
- W3C opens Advisory Board (AB) election
- W3C Strategic Highlights, April 2021
- Working Group Note: RTC Accessibility User Requirements (RAUR)
- Interest Group Note: Web of Things (WoT): Use Cases and Requirements
TC39 動向
Meeting
Proposals Diff
- https://github.com/tc39/proposals/compare/master@{2021-05-01}...master@{2021-06-01}
- https://tc39.github.io/beta/
-
0->1
- Limited ArrayBuffer
-
1->2
- RegExp Set Notation
-
2->3
- Intl.DisplayNames v2
- Extend TimeZoneName option
- Resizable ArrayBuffers
- Symbols as WeakMap keys
- Accessible Object.prototype.hasOwnProperty()
- Realms
-
3->4
- RegExp Match Indices
- Top Level await
New Proposals
- tc39/proposal-limited-arraybuffer
Other
IETF 動向
WG
-
IETF
- https://datatracker.ietf.org/meeting/
- Consensus on Deploying QUIC v1 with HTTP/3
-
httpwg
- https://lists.w3.org/Archives/Public/ietf-http-wg/
- https://github.com/httpwg/wg-materials/
- Not having a session at IETF 111
-
WG Virtual Meeting
- https://lists.w3.org/Archives/Public/ietf-http-wg/2021AprJun/0106.html
- 2021-06-15 from 21:00 to 23:00 GMT (21:00 to 23:00 UTC).
-
WG Virtual Meeting
- https://lists.w3.org/Archives/Public/ietf-http-wg/2021AprJun/0107.html
- 2021-06-17 from 21:00 to 23:00 GMT (21:00 to 23:00 UTC).
- I-D Action: draft-ietf-httpbis-bcp56bis-12.txt
-
Publication has been requested for draft-ietf-httpbis-bcp56bis-12
- https://lists.w3.org/Archives/Public/ietf-http-wg/2021AprJun/0102.html
- BCP56 の RFC 発行がリクエストされた
- draft-ietf-httpbis-proxy-status-05.txt
- HTTP Signatures Updates
-
Proposal for new
Partitioned
cookie attribute- https://lists.w3.org/Archives/Public/ietf-http-wg/2021AprJun/0099.html
- CHIPS を httpbis に持ち込む話
- Permitted characters in HTTP/2 fields
-
Results from adopting HTTP/3 priority
- https://lists.w3.org/Archives/Public/ietf-http-wg/2021AprJun/0068.html
- Instagram では H3 の Priority を試したところうまく動いたという話。
- H2 よりもシンプルになってよかった。
-
HTTP Working Group Interim Meeting Agenda - June 15, 17 2021
- https://httpwg.org/wg-materials/interim-21-06/agenda.html
- 15 min - Client Cert Header
- 15 min - Safe method with body
- 20 min - HTTP/2 bis
- 20 min - RFC6265bis
- 20 min - Extensible Prioritization Scheme for HTTP
- 20 min - Digest Headers
- 20 min - Signing HTTP Messages
- AD review of draft-ietf-httpbis-semantics-15, draft-ietf-httpbis-cache-15, draft-ietf-httpbis-messaging-15
- I-D Action: draft-ietf-httpbis-messaging-16.txt
- I-D Action: draft-ietf-httpbis-semantics-16.txt
- I-D Action: draft-ietf-httpbis-cache-16.txt
- Last Call: (HTTP Caching) to Proposed Standard from The IESG
- Last Call: (HTTP/1.1) to Proposed Standard from The IESG
- Last Call: (HTTP Semantics) to Proposed Standard from The IESG
-
quicwg
- https://mailarchive.ietf.org/arch/browse/quic/
- https://github.com/quicwg/wg-materials
-
RFC 8999: Version-Independent Properties of QUIC
- https://www.rfc-editor.org/rfc/rfc8999.html
- QUIC では version negotiation が許可されている
- 新しいバージョンの QUIC が出てきても共通するべき部分などについて
-
RFC 9000: QUIC: A UDP-Based Multiplexed and Secure Transport
- https://www.rfc-editor.org/rfc/rfc9000.html
- UDP 上の新しいトランスポートプロトコル
-
RFC 9001: Using TLS to Secure QUIC
- https://www.rfc-editor.org/rfc/rfc9001.html
- QUIC の暗号化に TLS1.3 を使う部分について
- RFC 9002: QUIC Loss Detection and Congestion Control
- webtrans
- tlswg
- wpack
- privacypass
- dispatch
- secdispatch
Other
CDN 動向
Cloudflare
-
Humanity wastes about 500 years per day on CAPTCHAs. It's time to end this madness
- https://blog.cloudflare.com/introducing-cryptographic-attestation-of-personhood/
- CAPTCHA をなくすために Privacy Pass の発行に WebAuthn を使う
- Why Cloudflare's CAPTCHA replacement with FIDO2/WebAuthn is a really bad idea
- CDN-Cache-Control: Precision Control for your CDN(s)
- QUIC Version 1 is live on Cloudflare
Fastly
-
QUIC is now RFC 9000
- https://www.fastly.com/blog/quic-is-now-rfc-9000
- Google の最初の実験から 5 年
- 26 回の Interim, 1749 の Issue, 何千もの Mail を経て標準化
- 何十年にもわたり固定化してきた TCP/TLS を更新できた
- これをベースに unreliable な通信などの提案も出ている
- 今後も MASQUE / WebTransport などへの展開も見えている
- QUIC v1 がこれからの技術の発展のベースとなっていく
Other
- フィッシング対抗の多要素認証 Akamai MFA - Akamai Japan Blog
セキュリティ動向
-
Publicly Trusted TLS Certificates: Changes - Blog | GlobalSign
- https://www.globalsign.com/en/blog/upcoming-changes-publicly-trusted-tls-certificates
- ドメインと IP の検証結果の再利用を最長 398 日に
- HTTP domain validation は Subdomain と Wildcard では禁止に
- 中間証明書の入れ替えを短く
- ECC Key Usage の変更
- OU Field を段階的に廃止
- Let's Encrypt のルート認証局移行についてちょっと調べてみた - Qiita
周辺動向
- How we use Web Components at GitHub
イベント
-
6 月
- 7-11: WWDC 2021
- 15-17: httpwg interim
- 24-30: IETF111
-
7 月
- 13-16: TC39 meeting Tokyo
-
9 月
- 7-11: SecWeb
-
10 月
-
18-29: TPAC:
- 10/18-22 October: Breakout sessions
- 10/25-29 October: Groups and Joint Meetings
- https://lists.w3.org/Archives/Public/public-webrtc/2021Apr/0027.html
-
18-29: TPAC:
Wrap Up
-
Chrome
-
BlinkOn14
- Fenced Fame, WebID, Prerendering
-
Google I/O
- adventure
- prototype EXIF based density collection
- prototype fenced frame / anonymous iframe
- finch experiment Early Hints preloading
- v8 sparkplug
- web.dev security header quick reference
- web.dev learn css
- UA-CH / UA reduction roadmap
- Canvas Base Google Docs
-
BlinkOn14
-
Firefox
- Site Isolation
- intents Image density collection
-
Safari
-
14.1 release note
- flexbox gap
- date time input
- Class Field
- WebM Playback
-
14.1 release note
-
Edge
- MS Build
- IE11 Support 終了アナウンス
- IE to Edge 以降ガイドライン
-
W3C/WHATWG
- PNG working group
-
TC39
- meeting
- Top Level Await to 4
- regexp match indices to 4
-
IETF
- QUIC RFC9000
- httpbis last call
- httpbis bcp last call
- CHIPS to httpbis
-
CDN
- CDN-Cache-Control
- Cloudflare の Privacy Pass + WebAuthN に FIDO から反論
-
Secruity
- CAB Forum の update を globalsign がアナウンス