ep98 Monthly Web 202206
- published_at
- 2022-07-04
- guest
- @myakura
- toc
-
headings
Theme
第 98 回のテーマは 2022 年 6 月の Monthly Web です。
Show Note
Chrome 動向
Stable: 103
Updates
-
New in Chrome 102 - Chrome Developers
- https://developer.chrome.com/en/blog/new-in-chrome-102/
- File Handling API
- The inert property
- Navigation API
-
New in Chrome 103 - Chrome Developers
- https://developer.chrome.com/en/blog/new-in-chrome-103/
- HTTP 103 status code 103 - early hints
- Local Font Access API
- Easier Timeouts with
AbortSignal.timeout()
-
What's New In DevTools (Chrome 103) - Chrome Developers
- https://developer.chrome.com/en/blog/new-in-devtools-103/
- Capture double-click and right-click events in the Recorder panel
- New timespan and snapshot mode in the Lighthouse panel
- Performance Insights updates
- Improved zoom control in the Performance Insights panel
- Confirm to delete a performance recording
- Reorder panes in the Elements panel
- Picking a color outside of the browser
- Improved inline value preview during debugging
- Support large blobs for virtual authenticators
- New keyboard shortcuts in the Sources panel
- Sourcemaps improvements
- New syntax for range media queries in Chrome 104 - Chrome Developers
-
Chromium Blog: Chrome 104 Beta: New Media Query Syntax, Region Capture, and More
- https://blog.chromium.org/2022/06/chrome-104-beta-new-media-query-syntax.html
-
Origin Trials
-
New Origin Trials
- Focusgroup
- Opt Out of Credit Card Storage
- Shared Element Transitions
-
Completed Origin Trials
- Speculation Rules
- Subresource Loading with Web Bundles
- Window Controls Overlay for Installed Desktop Web Apps
-
New Origin Trials
-
Other Features in this Release
- Cookie Expires/Max-Age Attribute Upper Limit
- CSS object-view-box
- Fullscreen Capability Delegation
- Multi-Screen Window Placement: Fullscreen Companion Window
- Permissions Policy for Web Bluetooth API
- visual-box on overflow-clip-margin
-
Web Custom Formats for Async Clipboard API
- https://github.com/w3c/editing/blob/gh-pages/docs/clipboard-pickling/explainer.md#custom-format-read
const custom_markup = await (await clipboardItem.getType("web text/custom")).text()
- WebGL Canvas Color Management
-
Deprecations, and Removals
- Block Third-Party Contexts Navigating to Filesystem URLs
- Remove Non-Standard Client Hint Mode
- Remove U2F API (Cryptotoken)
-
Deprecations and removals in Chrome 104 - Chrome Developers
- https://developer.chrome.com/en/blog/deps-rems-104/
- Block third-party contexts navigating to filesystem URLs
- Remove non-standard client hint mode
- Remove U2F API (cryptotoken)
Intents
- Ship: DisplayMediaStreamConstraints.surfaceSwitching
-
Ship:
navigateEvent.intercept()
- Ship: Picture-in-Picture (Android)
- Ship: Writable directory prompts for the File System Access API
- Ship: Custom Highlight API
- Ship: MathML
-
Ship:
import.meta.resolve()
- https://groups.google.com/a/chromium.org/g/blink-dev/c/ZVODFsnIf74
- 相対パスを渡すとコンテキストに応じて絶対パスに解決する
- Ship: Viewport-height client hint
- Prototype & Ship: Syntax changes to markup based Client Hints delegation
- Implement & Ship: WebUSB Interface Class Filtering
- Prototype: DisplayMediaStreamConstraints.surfaceSwitching
- Prototype: CSS Color Level 4
- Prototype: CSS :lang pseudo class level 4
-
Prototype: Background Blur API.
- https://groups.google.com/a/chromium.org/g/blink-dev/c/3ke9hgaREwM
- ビデオ会議などで映像の人物の背景をぼかす API
- Prototype: CSS Overflow for replaced elements
- Prototype: CSS Trigonometric functions
- Prototype: Gamepad API Trigger-Rumble Extension
- Prototype: Implement requestPermission() for DeviceOrientationEvent and DeviceMotionEvent
- Prototype: WebHID in Extension Service Workers
- Prototype: Gamepad API vibration on Android 12+
-
Prototype: Private Network Access permission to relax mixed content
- https://groups.google.com/a/chromium.org/g/blink-dev/c/6MczoSFGiHo
- TLS で暗号化できない、ドメインのないローカルサーバで mixed contents を緩和したい
- 明示的に要件を緩和する API の追加
- Prototype: Render blocking status in Resource Timing
- Experiment: Shared Storage API
- Experiment: Shared Element Transitions
- Experiment: Secure Payment Confirmation - Opt-Out Support
- Experiment: Declarative Beacon API
- Experiment: LazyEmbeds
- Extend Experiment: Web app launch handler
-
WebView Origin Trials enabled on 103 beta
- https://groups.google.com/a/chromium.org/g/blink-dev/c/pb-UsysjHME
- OT が WebView でも使えるようになる
- Change:
- Unship:
-
Deprecate and Remote:
navigateEvent.transitionWhile()
- Deprecate and Remove: Gesture Scroll DOM events
- Ready for Trial: Intl.NumberFormat v3 API
- PSA: Simultaneous touch-drag and context-menu is getting enabled on Android 100+
-
PSA:
--ignore-testharness-expected-txt
for run_web_tests.py - PSA: Adding 'Set-Cookie' header to Fetch's forbidden header names
- PSA: change to process for WebKit signals
V8
- Discontinuing release blog posts · V8
- Retrofitting Temporal Memory Safety on C++ · V8
Other
-
web.dev
- First-party cookie recipes
- New to the web platform in June
- Farewell to HTML5Rocks
- TransformStream is now supported cross-browser
-
google developer blog
- Google Developers Blog: From Developer to Teacher, How a Computer Science Professor Found Career Support with Google Developer Groups
- Google Developers Blog: Using research to make code review more equitable
- アイテムの分類を更新して Search Console レポートを簡素化 | Google 検索セントラル ブログ | Google Developers
-
Googlebot and the 15 MB thing | Google Search Central Blog | Google Developers
- https://developers.google.com/search/blog/2022/06/googlebot-15mb
- Bot が HTML を 15MB しかみてない話
-
google developer japan blog
- Google Developers Japan: Chrome 103: ナビゲーションの Early Hints 、さまざまなオリジン トライアルの終了など
-
chrome developer blog
- Attribution Reporting updates in June 2022 - Chrome Developers
- Faster page loads using server think-time with Early Hints - Chrome Developers
- Generate summary reports with the aggregation service - Chrome Developers
- DevTools Tips: How to inspect CSS container queries
- chromium blog
- canary
Firefox 動向
Stable: 102
Updates
-
Firefox 102.0, See All New Features, Updates and Fixes
- https://www.mozilla.org/en-US/firefox/102.0/releasenotes/
- ETP Strict モードでトラッキング用のクエリーを削除
-
Firefox 102 for developers - Mozilla | MDN
- https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/102
- TransformStream
- Readable byte streams
- These Weeks In Firefox: Issue 119 - Firefox Nightly News
-
SpiderMonkey Newsletter (Firefox 102-103) | SpiderMonkey JavaScript/WebAssembly Engine
- https://spidermonkey.dev/blog/2022/06/30/newsletter-firefox-102-103.html
-
👷🏽♀️ New features
- We've implemented the array findLast/findLastIndex proposal (disabled by default).
- We've added support for structured cloning of Error objects.
- We've implemented WebAssembly relaxed SIMD dot-instructions.
-
⚙️ Modernizing JS modules
-
See the ESMification update sent to dev-platform for the status of that project.
- We removed use of globalThis to prepare for moving to ESM.
- We added support for ESMs in ChromeUtils.registerWindowActor.
- We added support for lazy loading ESMs.
- We added linting and cleaned up use of this for lazy getters.
- We introduced a shim to make the transition to ESM as painless as possible.
- We implemented a prototype of ImportMaps.
- We refactored both the representation of scripts and the loader itself.
-
See the ESMification update sent to dev-platform for the status of that project.
- ⏱️ Profiler support
- 🚀 JS Performance
- 🏎️ WebAssembly Performance
- 📚 Miscellaneous
Intents
- Ship: Transferable streams
- Ship: scroll-snap-stop
- Ship: disabled property on SVGStyleElement
-
Ship:
Array.{findLast,findLastIndex}
-
Prototype:
linear()
easing function - Prototype: Atomics.waitAsync
- Experiment:
- Change:
- Remove:
- Firefox Security & Privacy Newsletter - 2022 Q1
-
Make
<embed>
and<object>
behave more like<iframe>
for image loading.
Other
-
The JavaScript Specification has a New License - Mozilla Hacks - the Web developer blog
- https://hacks.mozilla.org/2022/06/the-specification-for-javascript-has-a-new-license/
- ECMA-262/402 のライセンスを変更することに
- ECMA は W3C とライセンスが違い、法的レビューのオーバーヘッドがあった
- また二次的著作物作成に一部制限があった
Safari 動向
Stable: 15.5
Updates
-
Web technology sessions at WWDC22
- https://webkit.org/blog/12840/web-platform-and-web-extensions-features-highlighted-at-wwdc22/
-
Tuesday, June 7
- What's new in Safari and WebKit
- Meet Web Push for Safari
- Meet Passkeys
-
Wednesday, June 8
- What's new in Safari Web Extensions
- Replace CAPTCHAs with Private Access Tokens
-
Thursday, June 9
- Create Safari Web Inspector Extensions
- What's new in web accessibility
- Enhance your Sign in with Apple experience
-
Friday, June 10
- What's new in WKWebView
- Improve DNS security for apps and servers
-
News from WWDC22: WebKit Features in Safari 16 Beta
- https://webkit.org/blog/12824/news-from-wwdc-webkit-features-in-safari-16-beta/
- Web Inspector Extensions
- Container Queries
- Web Push for macOS
- Subgrid
- Flexbox Inspector
- Accessibility Improvements
- Animation Improvements
- Overscroll Behavior
- Shared Worker
-
Meet Web Push
- https://webkit.org/blog/12945/meet-web-push/
- 2023 年の iOS / iPadOS で WebPush が有効に
- 他と同様
userVisibleOnly
のみ - webpushd というデーモンが push を受け取る
-
Release Notes for Safari Technology Preview 147 with Safari 16 Features
- https://webkit.org/blog/12960/release-notes-for-safari-technology-preview-147-with-safari-16-features/
- Live Text
- Web technologies
- Web Push
- Passkeys
- Improved Safari Web Extensions
- Web Inspector Extensions
- Flexbox Inspector
-
Release Notes for Safari Technology Preview 148
- https://webkit.org/blog/12992/release-notes-for-safari-technology-preview-148/
- Web Inspector
-
:has()
pseudo-class- Added support for invalidating :target pseudo-class
- Added partial support for invalidating :in-range and :out-of-range
- CSS Container Queries
-
CSS
- Added support for each-line keyword in text-indent
- Implemented
:modal
pseudo-class - Implemented
ray()
shape in offset-path - Implemented contain flag for
ray()
inoffset-path
- Forms
- Animations
- inert attribute
- JavaScript
- Rendering
- Web API
- Media
-
Security
- Added support for Link nonces
- Loading
- WebDriver
Position
- 来月からここはなし。 Standard Position の Repo から拾う。
Other
-
[webkit-dev] WebKit is now on GitHub
- https://lists.webkit.org/pipermail/webkit-dev/2022-June/032312.html
- WebKit のレポジトリが GitHub に移行
-
[webkit-dev] new standards-positions repo
- https://lists.webkit.org/pipermail/webkit-dev/2022-June/032319.html
- standards position も GitHub に移動
- https://github.com/WebKit/standards-positions
Edge 動向
Stable: 103
Updates
- Internet Explorer 11 has retired and is officially out of support -what you need to know | Windows Experience Blog
- Internet Explorer 11 はサポートを終了しました。長年のご愛顧ありがとうございました。 - Windows Blog for Japan
- IE モードのよくあるご質問 | Japan Developer Support Internet Team Blog
- The end of Internet Explorer
- Good riddance, Internet Explorer! | Vivaldi Browser
- Internet Explorer, we hardly knew ye
- 「Internet Explorer」サポート終了に自治体「なんで急に」報道 Twitter で「さすがに草」などの声(ITmedia ビジネスオンライン) - Yahoo!ニュース
- Internet Explorer のサポートが終了:今後も続く脅威とは? | WIRED.jp
- 「Internet Explorer」サポート終了も「IE モード」で"ゾンビ化" 本当の混乱は 7 年後? - ITmedia ビジネスオンライン
Chakra
Other
- A Story of a Bug Found Fuzzing | Microsoft Browser Vulnerability Research
- Debug the web in 3D with the 3D View tool
-
Delivering the Microsoft Edge WebView2 Runtime to Windows 10 Consumers
- https://blogs.windows.com/msedgedev/2022/06/27/delivering-the-microsoft-edge-webview2
- -runtime-to-windows-10-consumers/
- Captive Portals - text/plain
- "Batteries-Included" vs "Bloated" - text/plain
- Chromium Startup - text/plain
- Microsoft Edge Tips and Tricks - text/plain
WHATWG/W3C 動向
Draft
- Recommendation
- Proposed Recommendation
- Candidate Recommendation
- Working Draft
-
First Public Working Draft
- First Public Working Draft: Multi-Screen Window Placement
- Draft Note: Ethical Principles for Web Machine Learning
-
Chartering
- Call for Participation: HTML Working Group Charter Approved;
- JavaScript Web Framework Interoperability Community Group Proposed
- Semantic HTML-vocabulary Community Group created
- Call for Participation: Web Application Security Working Group Charter Approved
- Advance notice: Work in progress on a Web Real-Time Communications Working Group Charter
- Advance notice: Work in progress on Accessibility Guidelines Working Group Charter
- Call for Participation: Dataset Exchange Working Group Charter Approved
- Call for Participation: Verifiable Credentials Working Group Charter Approved
Other
- W3C Media Advisory: W3C to become a public-interest non-profit organization
- W3C overrules Google, Mozilla's objections to identifiers • The Register
- W3C Advisory Committee Elects Advisory Board
- W3C Invites Implementations of CSS Custom Properties for Cascading Variables Module Level 1
-
W3C joins leading standards organizations and companies to coordinate interoperability standards for an open and inclusive metaverse
- https://www.w3.org/blog/news/archives/9584
- Metaverse Standards Forum に Join
- https://metaverse-standards.org/
- Page Visibility Level 2 Published as a Discontinued Draft
-
Replace the outline algorithm with one based on heading levels · whatwg/html@6682bde
- https://github.com/whatwg/html/commit/6682bdeee6fb08f5972bea92064fe250f1b4ec9c
- Outline algorithm がなくなる
- セクションの入れ子ではなく見出しでアウトラインができる
-
hgroup のアルゴリズムが変わる
<p>
が sub-headding
TC39 動向
Meeting
-
2022/06/06 - 09
- Agenda
-
Note
- note が出たら来月やる
Proposals Diff
- https://github.com/tc39/proposals/compare/main@{2022-06-01}...main@{2022-07-01}
- https://tc39.github.io/beta/
-
0->1
- Duplicate named capture groups
- Faster Promise Adoption
- RegExp Atomic Operators
-
1->2
- String.dedent
-
2->3
- Symbols as WeakMap keys
-
3->4
- Array.findFromLast
New Proposals
-
FrankYFTang/proposal-intl-temporal
- https://github.com/FrankYFTang/proposal-intl-temporal
- temporal と intl の間を埋める提案
Other
-
Ecma International approves new standards - Ecma International
- https://www.ecma-international.org/news/ecma-international-approves-new-standards-6/
- ECMAScript 2022 正式リリース
IETF 動向
WG
- IETF
-
httpwg
- https://lists.w3.org/Archives/Public/ietf-http-wg/
- https://github.com/httpwg/wg-materials/
- Publication has been requested for draft-ietf-httpbis-digest-headers-10
- I-D Action: draft-ietf-httpbis-digest-headers-10.txt
- I-D Action: draft-ietf-httpbis-binary-message-05.txt
- I-D Action: draft-ietf-httpbis-origin-h3-00.txt
- I-D Action: draft-ietf-httpbis-retrofit-04.txt
- Draft v1 Update for Resumable Uploads
- A structured format for dates?
- URL, URI and the w3c
- IETF 114: Call for topics
- RFC 9110: HTTP Semantics
- RFC 9111: HTTP Caching
- RFC 9112: HTTP/1.1
- RFC 9113: HTTP/2
- RFC 9114: HTTP/3
- RFC 9163: Expect-CT Extension for HTTP
- RFC 9204: QPACK: Field Compression for HTTP/3
- RFC 9205: Building Protocols with HTTP
- RFC 9209: The Proxy-Status HTTP Response Header Field
- RFC 9211: The Cache-Status HTTP Response Header Field
- RFC 9213: Targeted HTTP Cache Control
- RFC 9218: Extensible Prioritization Scheme for HTTP
- RFC 9220: Bootstrapping WebSockets with HTTP/3
- RFC 9230: Oblivious DNS over HTTPS
-
Please review HTTP performance aspects of Incremental Font Transfer
- https://lists.w3.org/Archives/Public/ietf-http-wg/2022AprJun/0274.html
- W3C でやってる Incremental Font Transfer (IFT) のレビュー依頼
- https://w3c.github.io/IFT/Overview.html
-
二つの方式
- Patch Subset
- Range Request
- Progressive Font Enrichment: Evaluation Report
- quicwg
- webtrans
- tlswg
- wpack
- masque
- pearg
- privacypass
- dispatch
- secdispatch
Other
CDN 動向
Cloudflare
- Internet Explorer, we hardly knew ye
- Network performance update: Cloudflare One Week June 2022
- Cloudflare One vs Zscaler Zero Trust Exchange: who is most feature complete? It's not who you might expect
- How Cloudflare Security does Zero Trust
- HTTP/3 inspection on Cloudflare Gateway
- Early Hints update: How Cloudflare, Google, and Shopify are working together to build a faster Internet for everyone
- Using Cloudflare Tunnel and Access with Postgres
- Cloudflare Gateway dedicated egress and egress policies
- Announcing the Cloudflare One Partner Program
- Introducing Private Network Discovery
- Cloudflare recognized by Microsoft as a Security Software Innovator
- Introducing Cloudforce One: our new threat operations and research team
- Welcome to Cloudflare One Week
- Cloudflare mitigates 26 million request per second DDoS attack
- Private Access Tokens: eliminating CAPTCHAs on iPhones and Macs with open standards
- HTTP RFCs have evolved: A Cloudflare view of HTTP usage trends
- Cloudflare observations of Confluence zero day (CVE-2022-26134)
- In Ukraine and beyond, what it takes to keep vulnerable groups online
- Cloudflare outage on June 21, 2022
Fastly
- Private Access Tokens: stepping into the privacy-respecting, CAPTCHA-less future we were promised | Fastly
- OpenTelemetry Part 1: Making the Edge less distant | Fastly
Other
セキュリティ動向
- クレジットカード番号等取扱業者に対する行政処分を行いました(メタップス)
- 個人情報を含む USB メモリーの紛失事案について|尼崎市公式ホームページ
周辺動向
- No Neutral Map - Bocoup
- Igalia at Embedded World Conference 2022 | Igalia
- Intent to Ship: MathML | Igalia
- ISP シェア 2022 | www.kosho.org
- Leaving Mozilla - Anne's Blog
- After Mozilla - Anne's Blog
- The cost of convenience - surma.dev
- What ~will~would a Chromium-only Web look like?
- Yet More New HTTP Specs
- A New Definition of HTTP
- Apple Is Not Defending Browser Engine Choice - Infrequently Noted
- Web Engines Hackfest 2022 notes - HackMD
- 「モバイル・エコシステムに関する競争評価 中間報告」及び「新たな顧客接点(ボイスアシスタント及びウェアラブル)に関する競争評価 中間報告」に対する意見募集について|e-Gov パブリック・コメント
- 行政におけるデザインシステムのあり方に関する調査研究 | AIS | 一般社団法人 行政情報システム研究所
イベント
-
7 月
- 23-29: IETF 114 Philadelphia
- 8 月
-
9 月
- 12-16: TPAC 2022 Vancouver
Wrap Up
-
Chrome
-
102
- Navigation API
-
103
- Early Hints
-
104
- range media query syntax
-
Ship
- navigateEvent.intercept()
- import.meta.resolve()
-
Prototype
- Background Blur API
- CSS trigonometric functions
- Private Network Access permission
-
Deprecate
- navigateEvent.transitionWhile()
-
web.dev
- farewell HTML5Rocks
-
Chrome Developers
- Early Hints
-
102
-
Firefox
-
102
- TransformStreams
-
SpiderMonkey
- findLast/findLastIndex
- ESMification
-
Ship
- Transferable Streams
- scroll-snap-stop
- Array.findLast/findLastIndex
-
Prototype
- CSS linear() easing function
-
other
- ECMAScript license
-
102
-
Safari
-
WWDC
- Safari 16
- Web Push
- Passkeys
-
Safari 16
- Container Queries
- Web Push
- Subgrid
- Shared Workers
-
TP 147
- Safari 16 features
-
TP 148
- :modal pseudo-class
- Link nonces
-
other
- WebKit is now on GitHub
- WebKit standard-position repo on GitHub
-
WWDC
-
Edge
- IE11 サポート終了
-
W3C/WHATWG
- legal NPO in 2023
- AB Election 終了
- W3C が Metaverse Standards Forum に Join
- Outline Algorithm がなくなる
-
TC39
- proposal-inlt-temporal
-
IETF
- HTTP RFC 大量公開
- Incremental Font Transfer レビュー依頼
-
CDN 動向
-
Cloudflare
- Early Hints
- Private Access Token
- 6/21 大規模障害
-
Fastly
- Private Access Token
-
Cloudflare
-
セキュリティ動向
- メタップス行政処分
- 尼崎市 USB 紛失
-
周辺動向
- Anne leaving Mozilla
- What would Chromium-only Web look like by mnot
- モバイルエコシステムに対するパブコメ募集
- 行政におけるデザインシステムの在り方