Search

Home > mozaic.fm > ep36 Monthly Web 201803 | mozaic.fm
Podcast: mozaic.fm
Episode:

ep36 Monthly Web 201803 | mozaic.fm

Category: Technology
Duration: 02:43:35
Publish Date: 2018-04-04 10:00:00
Description: # ep36 Monthly Web 201803 第 35 回のテーマは 2018 年 3 月の Monthly Web です。 ## Show Note ### Chrome 動向 - Stable: 65 - Updates - https://www.chromestatus.com/features#milestone%3D65 - https://www.chromestatus.com/features#milestone%3D66 - **New in Chrome 65** - https://developers.google.com/web/updates/2018/03/nic65 - CSS Paint API - Server Timing API - display: contents - The syntax for specifying HSL and HSLA, and RGB and RGBA coordinates for the color property now match the CSS Color 4 spec. - Color Level 4 で `rgb()`, `hsl()` の記法が変更された - スペース区切りになり、さらにアルファも指定可能に - `rgb(192 168 0 / 1)` は `rgba(192, 168, 0, 1)` と等価 - カンマは並列もしくはフォールバックのためという原則に反していたので直すついでに機能強化もした - https://wiki.csswg.org/ideas/functional-notation - https://github.com/w3c/csswg-drafts/issues/266 - feature policy synchronous XHRs - blog - Chromium Blog: Chrome 66 Beta - https://blog.chromium.org/2018/03/chrome-66-beta-css-typed-object-model.html - CSS Typed Object Model - Async Clipboard API - AudioWorklet - JSON superset - trimStart/trimEnd - MediaCapabilities - fetch keepalive - AbortController/AbortSignal - etc - Unblocking Clipboard Access - https://developers.google.com/web/updates/2018/03/clipboardapi - 実装された Async Clipboard API(の一部)を紹介 - Credential Management API Feature Detection Check-up - https://developers.google.com/web/updates/2018/03/webauthn-credential-management - Working with the new CSS Typed Object Model - https://developers.google.com/web/updates/2018/03/cssom - Deprecations and removals in Chrome 66 - https://developers.google.com/web/updates/2018/03/chrome-66-deprecations - 割と細かい - Intents - **Ship: Accept-CH-Lifetime support for requesting client hints** - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/8RBFue7RMXQ/c_Nf_XJ4AAAJ - https://github.com/w3ctag/design-reviews/issues/206 - Client Hints の保存期間の指定 - Accept-CH についてはまだまだ議論中 - Mozilla Position を聞いて見た RFP: Accept-CH#79 - Ship: Customized Built-in Elements - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/S3naD9vIcM4/7tKyfvi0AgAJ - HTML ビルトインの要素を継承してカスタム要素を作る is 属性を有効に - Apple が強く反対していたものの、 Mozilla が実装した& Edge も反対してないということで有効に - Ship: CSS conic-gradient() - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/ySuNvyaB8jY/CtcfGxoCAgAJ - **Ship: Numeric separators** - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/VN8n5iVETWY/YKM1dS2bAgAJ - brn227 さんの実装 - Ship: TransformStream (part of the Streams Standard) - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/YEHinDOBaBw/JhMNfDiNAgAJ - **Ship: WebAuthentication API** - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/o9RU6Vv0xeM/EGnQOExbAAAJ - support for FIDO U2F authenticators over USB (yubikey) の flag が外れる - Ship: Unified Touch adjustment - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/l5PCVakcOCE/g0wnSg_jBAAJ - Ship: History entry requires user gesture - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/OCS7g72HtyI/x4o3KSD2BAAJ - Ship: Send mouse back/forward buttons to javascript - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/MrKpBV26ik4/D_zmoAJrAQAJ - Implement and Ship: Changes to ResourceTiming's initiatorType for Navigation Preload - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/W3InszDnV2k/AuJg4aAMDQAJ - Implement and Ship: Allow `PaymentRequest.show()` to take optional detailsPromise - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/Lc2qCQgqqqk/NKOqwNweBQAJ - **Implement and ship: CSP 'navigate-to' directive** - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/EJ4xF_DwZyk/i6qz7FSnBQAJ - 許可された以外に navigation しない - form-action が指定された場合は無視される - Implement and Ship: WebUSB Interface Class Filtering - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/LZXocaeCwDw/GLfAffGLAAAJ - Intent to Implement & Ship: RTCRtpSender/RTCRtpReceiver.getStats() - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/2mGY257k4-M/7vMxsIPLBAAJ - Implement :focus-visible pseudo class. - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/-wN72ESFsyo/leH6DuuhAwAJ - **Implement: CSS shadow parts** - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/9BB64XIznsE/s_I4QTM0DgAJ - `
` 的なスタイル可能な余地を残し `::part` でアクセスする - `/deep/` と `>>>` を置き換える(chrome 60 で remove 済) - **Implement: An event to enable arbitrary objects to provide form data** - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/IIV1MfaPHYc/l0lsJ-agBQAJ - https://docs.google.com/document/d/1JO8puctCSpW-ZYGU8lF-h4FWRIDQNDVexzHoOQ2iQmY/edit - `` に hidden を増やさないで済むよう、 `formdata` イベントを `submit` の前に上げて、データをいじれるようにする。 - Implement: Reject PaymentRequest.show with SecurityError DOMException if it is not triggered by user activation - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/2PhPgk_k9a0/alO4yt_HBQAJ - **Implement: Default Style for Custom Elements** - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/RQVKGUjDz9U/ltwrLQ1HAQAJ - 簡単なスタイルのためだけに Shadow DOM をいちいち生成&アタッチしなくていいように - `customElements.define` にディクショナリを取る引数を追加して、そのディクショナリに CSSStyleSheet を渡せるメンバを追加する予定 - Implement: Experimental support for native AEC - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/kEld5OudUOM/WzImbX2UAQAJ - Acoustic Echo Cancellation (音響エコキャン) - Experiment: Experimental support for native AEC - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/3MYKIKqyaNA/WXP-PXggBQAJ - 上記の Origin Trial を開始する - **Experiment: AudioWorklet (continue)** - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/C5ouVl8q3rU/WZLU1iM4DQAJ - 先月 ship が出ている - 現在 Origin Trial で実験中だが、 ship される前に失効してしまうので、 1 リリースぶん延長して使い続けられるように - Experiment : WebXR Device API - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/7TWtMJffZno/vSxIWMOQBQAJ - Change: - Unship: - Deprecate and Remove: -webkit-box-flex-group, -webkit-box-lines, % values of -webkit-line-clamp - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/-e92az54B4I/SZdhGR19DgAJ - Deprecate & Remove: Change how New Formatting Contexts sized and positioned off a shape area - https://groups.google.com/a/chromium.org/forum/#!msg/layout-dev/BoIoDCLrUDw/KTMKsJC7DAAJ - Deprecate & Remove: Position and size New Formatting Contexts like floats when shapes are present. - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/pfDg-VAeKWs/ImT7O9YNAgAJ - Deprecate and Remove: Top-frame navigations to filesystem URLs - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/X7rZeU93vjw/mQNBez7jBQAJ - Deprecate and Remove: Channel ID - https://groups.google.com/a/chromium.org/forum/#!msg/net-dev/AjFQjBmaEQE/gIXoV3IFCQAJ - Removing "--enable-experimental-canvas-features" flag and merge canvas features into the rest of web platform features - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/14WpfTddUDI/HNlrrpZxBQAJ - PSA: sendBeacon() has attached "cache-control: max-age=0" but we will stop doing that - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/D-Clg7VLQYI/VhijSSJGBQAJ - Site Isolation Status - M66 Beta Channel trial, input event fixes, and more - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/fjnMC1LgkWM/zkvFBP2NBAAJ - cross-origin read blocking (CORB) - https://chromium.googlesource.com/chromium/src/+/master/services/network/cross_origin_read_blocking_explainer.md - Site Isolation - The Chromium Projects - https://www.chromium.org/Home/chromium-security/site-isolation - Team Weekly Snippet - Loading - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/Bce0Zl1RJGE/bkXgW0ahDgAJ - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/S-mQhUr22n0/Pr06iWnRAgAJ - Platform Architecture - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/wMRKazJqJ_s/XFtcb7jnAgAJ - v8 - Tracing from JS to the DOM and back again - https://v8project.blogspot.jp/2018/03/tracing-js-dom.html - https://twitter.com/bmeurer/status/976180632584933377 - V8 の人から、最適化の観点で `Promise.all()` のシンタックスシュガーがあると良いという意見&それに続くスレッド - V8 JavaScript Engine: Background compilation - https://v8project.blogspot.jp/2018/03/background-compilation.html - **V8 JavaScript Engine: V8 release v6.6** - https://v8project.blogspot.jp/2018/03/v8-release-66.html - `function /* a comment */ foo () {}` のコメントが `.toString()` で出る - optional catch binding - JSON superset - trimStart/End - `Array.prototype.values()` - performance improvements - Other - Emscripting a C library to Wasm - https://developers.google.com/web/updates/2018/03/emscripting-a-c-library - Standardizing lessons learned from AMP - https://amphtml.wordpress.com/2018/03/08/standardizing-lessons-learned-from-amp/ - Site Isolation Status - Dev Channel trial, ChromeDriver, Cross-Origin Read Blocking - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/N0L4ksJMWqs/rX0FKGzJBQAJ - https://www.chromium.org/Home/chromium-security/site-isolation -
Total Play: 0