Closed17
Daily Web 2020/11
Jxck- Intent to Prototype: Screen Fold API
- https://groups.google.com/a/chromium.org/g/blink-dev/c/prHGPxF62i4
- 折りたたみデバイスなどに向けて、たたみ方のタイプや角度を取得できるようにする API
- Intent to Ship: Schemeful Same-Site
- https://groups.google.com/a/chromium.org/g/blink-dev/c/aiXFdnA5tsk
- SameSite Cookie が SchemeLess だったのを SchemeFull に変える
- http:// と https:// が Cross Site になるので安全性向上
- M88 から Finch して影響を調査
- Intent to Prototype: Media Source Extensions for WebCodecs
- https://groups.google.com/a/chromium.org/g/blink-dev/c/bejy1nmoWmU
- WebCodecs を用いて MSE をもっと効率よくできるようにする提案
- Intent to Ship: Restrict "private network requests" for subresources to secure contexts.
- https://groups.google.com/a/chromium.org/g/blink-dev/c/cPiRNjFoCag
- CORS-RFC1918 の第一歩
- public な攻撃サイトからの subresorce request で local/private に攻撃できる場合がある
- とりあえず public -> private へのリクエストは https を必須にすることで緩和
- Intent to Extend Experiment: Beforematch event and hidden-matchable
- https://groups.google.com/a/chromium.org/g/blink-dev/c/a76WF3Dfl3E
-
content-visibility: hidden-matchableすると非表示だが検索ができる - Beforematch event はそのページ内検索や scoll to text したときに発火するイベント
- こんなことができる
Jxck- Intent to Prototype: Handwriting Recognition API
- https://groups.google.com/a/chromium.org/g/blink-dev/c/VXUq1UY4m7Y
- 手書き認識の API
- OS の IME では対応があるのに Web にはないというギャップを埋めたいらしい
- Intent to Prototype: display-capture feature policy
- https://groups.google.com/a/chromium.org/g/blink-dev/c/gBpWuawy-Ms
- getDisplayMedia に対する feature policy
- もう permission policy じゃね? -> つっこみ入ってた
- Intent to Ship: Same-site back-forward cache on Android
- https://groups.google.com/a/chromium.org/g/blink-dev/c/XS9VnYQoaQE
- BFCache は Cross Site でのみ提供済みだったが Same Site でも Ship していきたい
- Intent to Prototype: Read Chrome device attributes
- Intent to Prototype: Managed configuration for Web Applications
- Intent to Prototype: Shared Element Transitions
- https://groups.google.com/a/chromium.org/g/blink-dev/c/7SMI3IklO4g
- MPA で SPA みたいなシームレスな画面遷移ができるようにする
- こういうの
- Intent to Ship: Restriction on SharedArrayBuffers (SABs)
- https://groups.google.com/a/chromium.org/g/blink-dev/c/1NKvbIj3dq4
- Android Chrome と FF に ship された SiteIsolation 環境での SAB 最有効化
- あれを Desktop Chrome でもやる M91 ねらい
- Intent to Ship: CSS ::target-text pseudo-element
- https://groups.google.com/a/chromium.org/g/blink-dev/c/yN2lrq67a1c
- scroll to text で遷移する先を取る疑似要素
- Intent to Extend Origin Trial: WebCodecs
Jxck追記すると下に行くのか、、上かと思った。
Jxck- New WebKit Features in Safari 14 | WebKit
- https://webkit.org/blog/11340/new-webkit-features-in-safari-14/
- Safari Web Extensions
- 他のブラウザの拡張を CLI で Safari 用に変換できる
- Webpage Translation
- ただし日本語は対象外？
- translate(="yes") or translate="no"
- Performance Improvements
- Loading a previously unvisited page is 13% faster
- loading recently visited pages is 42-52% faster.
- Tab closing performance improved from 3.5 seconds to 50 milliseconds.
- support for incrementally loading PDF files and now renders the first page up to 60× faster.
- Improved Compatibility
- Service Workers, SVG, CSS, XHR+Fetch などで 14万個のテストに追加でパス
- Privacy Updates
- ITP 更新
- CNAME Cloaking block
- Touch ID and Face ID for the Web
- WebP Support
- Reserving Layout Space for Images
- width/height でアス比割り出し領域予約
- New CSS Features
- 画像の向きが EXIF ベースになり、 image-orientation で上書き
-
is:(),:matches(),:where() line-break: anywhare
- Media Enhancements
dynamic-range: high
- JavaScript Improvements
- BigInt
- optional chaining
- Web Inspector Updates
Jxck- Release Notes for Safari Technology Preview 116 | WebKit
- https://webkit.org/blog/11348/release-notes-for-safari-technology-preview-116/
- Enabled AudioWorklet API by default (r268459)
- Added implementation for AudioWorkletGlobalScope.registerProcessor() (r268103)
- Added implementation for AudioWorkletGlobalScope‘s currentFrame, currentTime, and sampleRate attributes (r268076)
- Enabled video capture by default on macOS (r268052)
- Added support for MediaRecorder bitrate getters (r268363)
- Added support for MediaRecorder pause and resume (r268130)
- Added support for respecting enabled and muted tracks (r267987)
- Added support for BlobEvent.timecode (r268136)
- Added support for the individual transform properties translate, rotate, scale, including accelerated animation (r267985, r268627)
- Added painting CSS highlights over images (r268487)
- Improved the essential internal methods for %TypedArray% to adhere to spec (r268640)
- Improved computation of default audio input and output devices (r268396)
- Implemented Blob.stream (r268228)
- Improved xhr.response conformance to the specification (r267959)
- Aligned URL setters to reasonable behaviors of other browsers (r268050)
- Fixed UTF-8 encoding in URL parsing (r267963)
- Enabled per-page storage access scope (r267973)
- MediaRecorder API | WebKit
- https://webkit.org/blog/11353/mediarecorder-api/
- MediaRecorder に対応
Jxckwebappsec 11/17 のテレカン
- Teleconference agenda for November 17th
- https://lists.w3.org/Archives/Public/public-webappsec/2020Nov/0003.html
- Site-Isolation
- Future path for webappsec
- CORS-RFC1918
- minutes
Jxcknew drafts
- draft-cdn-control-header-00 - The CDN-Cache-Control HTTP Response Header Field
- https://tools.ietf.org/html/draft-cdn-control-header-00
- CDN にのみ向けた Cache-Control となるヘッダ
- Fastly でいう Surrogate-Control の標準化
- draft-jordan-jws-ct-00 - JWS Clear Text JSON Signature Option (JWS/CT)
- draft-idempotency-header-01 - The Idempotency HTTP Header Field
- https://tools.ietf.org/html/draft-idempotency-header-01
- 冪等性の無い POST をリトライできるように id をつけるためのヘッダ
Jxck周辺
- Improving Performance and Search Rankings with Cloudflare for Fun and Profit
- https://blog.cloudflare.com/improving-performance-and-search-rankings-with-cloudflare-for-fun-and-profit/
- Google が search rank に perf を入れるアナウンスをした ->
- cloudflare 入れると perf が上がる ->
- cloudflare 入れると rank が上がる
Jxckmozilla
intents
- Intent to Ship: :focus-visible pseudo-class
- Intent to unship: XUL grid implementation
- HTTP/3 ready for testing
updates
- These Weeks in Firefox: Issue 83 – Firefox Nightly News
- Measuring Middlebox Interference with DNS Records - Mozilla Security Blog
- https://blog.mozilla.org/security/2020/11/17/measuring-middlebox-interference-with-dns-records/
- DNS のパフォーマンスへの影響を Cloudflare と調査
-
Firefox 83 introduces HTTPS-Only Mode - Mozilla Security Blog
- https://blog.mozilla.org/security/2020/11/17/firefox-83-introduces-https-only-mode/
- HTTPS でしか接続せず、HTTP で接続しようとすると許可を求めるモードの導入
- Foundations for the Future - Mozilla Hacks - the Web developer blog
- https://hacks.mozilla.org/2020/11/foundations-for-the-future/
- Servo が Linux Foundation に移管されたことを受けての今後の話
- Firefox 83 is upon us - Mozilla Hacks - the Web developer blog
- https://hacks.mozilla.org/2020/11/firefox-83-is-upon-us/
- Conic gradients
- WebRender comes to more platforms
- ページを 60fps で表示する WebRender のトライアル開始
- Pinch to zoom on desktop
JxckEdge
- Announcing General Availability of Microsoft Edge WebView2 for .NET and Fixed Version distribution mode - Microsoft Edge Blog
- Improving notifications and badging in Microsoft Edge - Microsoft Edge Blog
- https://blogs.windows.com/msedgedev/2020/11/16/improving-notifications-badging-microsoft-edge/
- Edge ってブラウザ閉じてる時の push notification 無かったんだっけ？
- Improvements to history in Microsoft Edge - Microsoft Tech Community
- Outlook REST API beta and Outlook REST API v2.0 Deprecation Notice - Microsoft Tech Community
JxckChrome
Google Blog
- New in Chrome 87
- https://developers.google.com/web/updates/2020/11/nic87
- Chrome Dev Summit
- Camera pan, tilt, zoom
- Range requests and service workers
- Origin Trial: Font access API
- Simulating color vision deficiencies in the Blink Renderer
- https://developers.google.com/web/updates/2020/11/cvd
- 色覚障害のシミュレーションや、コントラスト不足などを検証する方法
- Chromium Blog: Tab throttling and more performance improvements in Chrome M87
- https://blog.chromium.org/2020/11/tab-throttling-and-more-performance.html
- Occlusion Tracking で使用中タブを認識しリソースの配分を最適化
- Back/forward cache
- Google ウェブマスターから Google 検索セントラルへ
- https://developers.google.com/search/blog/2020/11/goodbye-google-webmasters
- WebMaster から Search Central へリブランド
-
Google 検索へのページ エクスペリエンスの導入時期
- https://developers.google.com/search/blog/2020/11/timing-for-page-experience
- 2021/5 から Page Experience を Ranking に反映するという発表
- AMP じゃなくてもモバイルのトップニュースの表示候補になるように
- CWV/Mobile Friendly/Safe Browsing/HTTPS/No Intrusive Interstitials などが加味される
web.dev
- Disable mouse acceleration to provide a better FPS gaming experience
- https://web.dev/disable-mouse-acceleration/
- マウスのアクセラレーションを無効にする？
- Using the Event Conversion Measurement API
- https://web.dev/using-conversion-measurement/
- Privacy Sandbox family の 1 つ
- Click でのコンバージョンを送る API
- Building a Stories component
- https://web.dev/building-a-stories-component/
- Instagram の Story みたいな表現を CSS で行う解説
- Grid/scroll-snap-align/scroll-snap-stop などを組み合わせる
-
Schemeful Same-Site
- https://web.dev/schemeful-samesite/
- SameSite はこれまで Schemeless だった
- Schemefull がデフォルトになり https:// と http:// は Cross Site になる
- Browser-level lazy-loading for CMSs
- https://web.dev/browser-level-lazy-loading-for-cmss/
- loading lazy を CMS につける場合の考慮事項まとめ
- Better JS scheduling with isInputPending()
- https://web.dev/isinputpending/
- isInputPending を用いたユーザ操作をブロックしないタスクの書き方
-
Back/forward cache
- https://web.dev/bfcache/
- Safari/FF にはあった戻る時のキャッシュヒットを Chrome に入れていく話
- CrossSite は Finch release 済み
- SameSite への OT を実施中
- pageshow/pagehide の扱い、 no-store でのオプトアウトなど
JxckBlinkOn13
BlinkOn13 Youtube Playlist
動画の前半がセッション、後半は QA な録画
- History of the Web
- https://www.youtube.com/watch?v=__V7J2NgKZI
- Igaria / Google の 3 人によるセッション
- スライドなし、昔話
- BFCache
- Origin Trials
- Instant & Seamless (BlinkOn 13) - YouTube
- WebBundles — JS delivery without the tradeoffs
- The Intent of Intents - Chromium and Standards
- https://www.youtube.com/watch?v=hgEyQsy1D7w
- Intents の仕組みがどう回ってるのかの話
Jxckchrome intents
- Intent to Implement and Ship: AbstractRange superclass
- https://groups.google.com/a/chromium.org/g/blink-dev/c/h9AyVUx7M7M/m/NUrQd9DRBwAJ
- StaticRange と Range に共通メソッドがあるので AbstractRange を抽出
- Intent to Ship: Relative indexing method for Array, String, and TypedArrays
- https://groups.google.com/a/chromium.org/g/blink-dev/c/I8S78w7aFmE/m/qLHAcjhRCQAJ
- String, Array, TypedArray の引数で index を指定する
at() - 負の数だと後ろから
- Intent to Ship: Add support for CSS properties "overflow: clip" and "overflow-clip-margin"
- Intent to ship: CSS overflow:clip
- https://groups.google.com/g/mozilla.dev.platform/c/7oQm8PC0aU0
-
-moz-hidden-unscrollableの標準バージョン
- Intent to Ship: 'display: list-item' by default for
<summary>- https://groups.google.com/a/chromium.org/g/blink-dev/c/ihZFdCHuiTA/m/e1SEN6IQCQAJ
- summary の開閉の三角を別のものに書き換えるとき
::-webkit-details-markerの::beforecontent 経由だった - list-item になり
list-style-typeでコンテントを、::markerでスタイルを定義できるように
- Intent to Ship: 'disclosure-open' and 'disclosure-closed' keywords for CSS list-style-type property
- https://groups.google.com/a/chromium.org/g/blink-dev/c/Czc_36BS2dA/m/_yHDeFwQCQAJ
- list-style-type に disclosure-open/closed を追加(summary の開閉の三角)
- Intent to Extend Origin Trial: Web Components v0 Deprecation
- Intent to Ship: WebHID (Human Interface Device)
- Intent to Extend Origin Trial: Secure payment confirmation
- https://groups.google.com/a/chromium.org/g/blink-dev/c/9cgsOW3XNw4/m/bBgGYUwACQAJ
- Credential Management API に PaymentCredential を追加して決済の UX を改善
- Intent to Ship: Potentially trustworthy data: urls
- https://groups.google.com/a/chromium.org/g/blink-dev/c/Hb1-VLwq54Y/m/TYsK4EzlCAAJ
- data: urls は仕様上 potentially trustworthy となっている'
- それを chrome の他のケースにも一般化する?
JxckTC39 2020/11 Meeting
-
agendas
-
minutes
-
Stage Change
- https://github.com/tc39/proposals/compare/master@{2020-11-01}...master@{2020-12-01}
- Stage 0->1
- Module Blocks
- Extensions
- Stage 1->2
- Error Cause
- Stage 2->3
-
.at()to.item()
-
- Stage 3->4
-
New Proposal
- Module Blocks
- https://github.com/tc39/proposal-js-module-blocks
- module をインラインで定義できる構文
- worker のコードなどを別ファイルで読み込まなくて良い
- Extensions
- https://github.com/hax/proposal-extensions
- Bind Operator をさらに更新してモジュールとして拡張を自作できるようにする
- eraDisplay option for Intl.DateTimeFormat
- Intl.bestAvailableLocale
- Extend TimeZoneName Option Proposal
- Module Blocks
-
2021 の meeting
- 8 回を予定
- 半分は物理で計画
- 7 月は Tokyo (4 days)
-
TC39 も MDN に協力してこう
JxckChrome
intents
- Intent to Ship: display_override
- https://groups.google.com/a/chromium.org/g/blink-dev/c/MZgYJgS4Lcs
- webmanifest の display に fallback が書ける
- Intent to Extend Origin Trial: adaptivePtime property for RTCRtpEncodingParameters
- Intent to Implement and Ship: Limit characters allowed in extensions in File System Access API file pickers
- Intent to Ship: Cross-origin opener policy reporting API
- https://groups.google.com/a/chromium.org/g/blink-dev/c/0fvyrO1-p_o
- COOP に Reporting
blog
- Chromium Blog: Chrome 88: Digital Goods, Lighting Estimation in Augmented Reality, and More
- https://blog.chromium.org/2020/12/chrome-88-digital-goods-lighting.html
- Digital Goods API
- Origin Trials
- New Origin Trials
- WebXR: AR Lighting Estimation
- Completed Origin Trials
- PointerLock unadjustedMovement
- New Origin Trials
- Other features in this release
- Anchor target=_blank implies rel=noopener by Default
- Dark Mode Form Controls and Scrollbars
- AbortSignal in addEventListener()
- CSS aspect-ratio Property
- CSS Selectors 4: Complex :not()
- Don't Clear adoptedStyleSheets on Adoption to/from <template>
- ElementInternals.shadowRoot Attribute
- Make Type Optional in WakeLock.request()
- Origin Isolation
- path() Support in clip-path CSS Property
- Permissions-Policy Header
- RTCRtpTransceiver.stop()
- JavaScript
- Shared Array Buffers, Atomics, and Futex APIs
- Deprecations, and Removals
- Don't Allow Popups During Page Unload (Enterprises)
- FTP Support Removed
- Web Components v0 Removed
JxckIETF
- Call for Adoption: HTTP/2 Bis
- https://lists.w3.org/Archives/Public/ietf-http-wg/2020OctDec/0197.html
- HTTP2 の更新作業をやっていく
- On RFC7725bis
- https://lists.w3.org/Archives/Public/ietf-http-wg/2020OctDec/0195.html
- 451 Unavailable For Legal Reasons 更新については interest が少なくてやらない
W3C
- Updated Candidate Recommendation: Payment Request API | W3C News
- First Public Working Draft: WebXR Layers API Level 1 | W3C News
Mozilla
Intents
- Intent to prototype and ship: signal property on AddEventListenerOptions
- https://groups.google.com/g/mozilla.dev.platform/c/KdR8-eJplCs/m/a0pVUNiTBAAJ
- AbortSignal を渡すための signal property
- Intent to implement and ship: CSS property touch-action:pinch-zoom
blog
- Design of the CRLite Infrastructure - Mozilla Security Blog
- https://blog.mozilla.org/security/2020/12/01/crlite-part-4-infrastructure-design/
- CRLite をどういうインフラで提供しているか
ML
- Announcing the Chrome Root Program
- https://groups.google.com/g/mozilla.dev.security.policy/c/3Q36J4flnQs
- https://www.chromium.org/Home/chromium-security/root-ca-policy
- Chrome も Firefox みたいに証明書ストアを自分で持つようになるらしい
Advent Calendar
- PWAdvent ❄ 24 great browserfeatures
- Web Performance Calendar » 2020
Jxckこのやり方はあまりしっくりこなかった。。
このスクラップは2020/12/04にクローズされました