ep59 Monthly Web 201910 | mozaic.fm

2:49:27
 
シェア
 

Manage episode 245630697 series 1251258
著作 Jxck の情報はPlayer FM及びコミュニティによって発見されました。著作権は出版社によって所持されます。そして、番組のオーディオは、その出版社のサーバから直接にストリーミングされます。Player FMで購読ボタンをタップし、更新できて、または他のポッドキャストアプリにフィードのURLを貼り付けます。
# ep59 Monthly Web 201910 第 59 回のテーマは 2019 年 10 月の Monthly Web です。 ### Chrome 動向 - Stable: 78 - Updates - New in Chrome 78 - https://developers.google.com/web/updates/2019/10/nic78 - CSS Properties and Values API - Fresher service workers - Native File System - SMS Receiver - *Chromium Blog: No More Mixed Messages About HTTPS* - https://blog.chromium.org/2019/10/no-more-mixed-messages-about-https.html - Mixed Contents に関するタイムライン - Chrome 79 (2019/12): Shield icon を消して site settings に unblock 設定が移る - Chrome 80 (2020/01): audio/video の autoupgrade, だめなら block, mixed image as "Not Secure" - Chrome 81 (2020/03): image が autoupgrade, だめなら block - *Chromium Blog: Chrome UI for Deprecating Legacy TLS Versions* - https://blog.chromium.org/2019/10/chrome-ui-for-deprecating-legacy-tls.html - TLS 1.0/1.1 はまだ 0.5% ある - Chrome 79 から "Not Secure" にする - Chrome 81 (2020/3) からはブロックされる - *What's New In DevTools (Chrome 79)* - https://developers.google.com/web/updates/2019/10/devtools - Debug why a cookie was blocked - Simulate different prefers-color-scheme and prefers-reduced-motion preferences - Code coverage updates - Debug why a network resource was requested - Console and Sources panels respect indentation preferences again - New shortcuts for cursor navigation - *Chromium Blog: Recent Site Isolation improvements* - https://blog.chromium.org/2019/10/recent-site-isolation-improvements.html - Chrome 77 での改善について - Android でパスワード入力をするサイトが分離される - モバイルでは全部を分離するとオーバーヘッドが大きい - Password Input するサイトだけ分離する - RAM 2GB 以上のユーザ 99% でこれを有効にして、計測中 - 将来は、サイトがオプトインで分離を有効にできるようにしていく - Desktop では Sidechannel だけでなくレンダラプロセス内の攻撃も防ぐ - レンダリングプロセスのバグをつかれても情報がもれないように - Cookie/Password etc のアクセスを制限 - CORB や CORP の適用 - Sec-Fetch-Site/Origin ヘッダを併用 - *Chromium Blog: Automatically lazy-loading offscreen images & iframes for Lite mode users* - https://blog.chromium.org/2019/10/automatically-lazy-loading-offscreen.html - Lite Mode (Data Saver) が有効だと img/iframe が lazyloading される - Chrome 77 から - *Chromium Blog: Developers: Get Ready for New SameSite=None; Secure Cookie Settings* - https://blog.chromium.org/2019/10/developers-get-ready-for-new.html - 2020/2 の Chrome 80 から Cookie のデフォルトが変わる - SameSite=None Secure な Cookie しか Cross Site で送られない - 今まで Cross Site に Cookie が送られることを前提としていたサイトは直す必要 - 壊れるサイトも多いからどうなるか - Intents - *Ship: Compute img/video aspect ratio from width and height HTML attributes* - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/GePU9T8UpEc/bET6Mi60CgAJ - Ship: Add calendar options/patterns and other calendars - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/Vd-cIE8fjZc/pJA4QEWtCgAJ - Ship: line-break: anywhere - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/8qesjfh0a80/xrruWrixBwAJ - Ship: WebXR Gamepad Module - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/Nvll21RaKwM/fTn8qUaNBwAJ - Ship: WebXR Device API - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/CHCM_xALBG4/JeQQYkONBwAJ - Ship: RTCRtpReceiver playoutDelayHint property - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/4W4orKqA3Rs/6k0LdB9wCwAJ - *Ship: Scroll To Text Fragment* - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/zlLSxQ9BA8Y/uw9HcwIVDQAJ - Ship: Trusted Types - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/Il-wfnw9TAw/JRt5MTXHDAAJ - Ship: Canvas and Text system colors - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/-apVTp8jBi0/x7kSszjUEAAJ - Ship: JS Nullish Coalescing operator - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/7zLAOqxWxbE/TM4XRxrrDgAJ - Ship: JS Optional Chaining operator - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/TI4h1Gj5TYE/5DnexKDfDwAJ - *Implement and Ship: list-style-type ``* - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/GojYpoeDbqc/Ly-gpSrxCgAJ - list-style-type で任意の文字を設定できるように - Implement and Ship: overflow-wrap: anywhere - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/CeGWh7l1Jq4/NeQXxZ4UCAAJ - Implement and Ship: `@supports selector()` feature query function - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/MVXTnyC_4bQ/ytY3XJq7CwAJ - Implement and Ship: Freeze task queues in background (desktop) (attempt #2) - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/sotCDcI-E7Y/boghpXElDAAJ - Implement: CSS ::marker pseudo-element - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/8v7pouXxxAc/5X8AeGzzCgAJ - *Implement: WebRTC Insertable Streams* - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/5UZuZNGvgwo/ZOl1Oz28BwAJ - Video Stream を送る前に加工したするために Stream を差し込む仕様 - WebCodecs をベースとしている - Funny Hats, Background removal, Voice Processing などの WebRTC NV ユースケースをカバー - *Implement: QuicTransport* - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/I6MS2kOKcx0/NAdg7Sc-CwAJ - WebTransport の実装の一つ - Implement: Custom state pseudo class - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/CApU9QIu3TM/jCR5dyZFDAAJ - Implement: Raw Clipboard Access - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/rkGWbui8B9A/KLDR1ASCDAAJ - *Implement: Trust Token API* - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/X9sF2uLe9rA/1aUxs8mnDgAJ - 3rd Party Cookie の代わりになるトークンを取得する API - *Implement: Conversion Measurement API* - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/7B0ldtZR_68/GjLBu0n4DgAJ - impressiondata 属性を a 要素に追加すると well-known url に post される - Apple が Privacy Preserving Ad Click Attribution For the Web と言っていたものと思われる - これと Conversion Measure が Privacy Sandbox と呼ばれてるものの実装の一部 - https://webkit.org/blog/8943/privacy-preserving-ad-click-attribution-for-the-web/ - *Implement: Split HTTP auth cache by NetworkIsolationKey* - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/E9M1DpyCTmM/pgKAvL5JDwAJ - Auth 情報を Site Isolation - Implement: MathML Core - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/OOZIrtSPLeM/QsTCnouFDgAJ - Implement: HTMLVideoElement.requestAnimationFrame() - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/LGPUCOCVQxs/IKVPne8wDQAJ - Implement: New referrer policy default of strict-origin-when-cross-origin - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/aBtuQUga1Tk/n4BLwof4DgAJ - Implement: HTMLMediaElement latencyHint - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/_j4TT0laYRs/QorCYE3TDQAJ - *Implement WebCodecs* - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/3oVuczJ5Ty4/b8VLNNvyEAAJ - Experiment: Origin Trial Opt-Out/In for Page Freezing (desktop) - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/CWOstYR9rdc/-E3C-YF7DAAJ - Experiment: rendersubtree attribute + CSS content-size - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/-6Cp2osHn50/VZhPCrXHDAAJ - *Experiment: Serial API* - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/AiGJihoCbl4/OmA24108DwAJ - シリアルポートを直接叩く API - USB/Bluetooth と似た stream ベース API と権限モデル - Experiment: Support ARIA Annotation roles in Automation API, ChromeVox screen reader - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/hxV0yjyS8_4/Fz4t4WseEQAJ - annotation-attribution - annotation-commentary - annotation-presence - annotation-revision - annotation-suggestion - Change: - Unship: - Deprecate and Remove: -webkit-appearance:button for arbitrary elements - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/QFXFzfQtlKk/YPOZLSoXCwAJ - PSA: Support for SameSite=Extended cookie attribute value will be deprecated and removed - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/5r_fwZX9fnI/4Gb7C7bODQAJ - SameSite=Extended という独自実装を消す - AMP - *AMP is joining the OpenJS Foundation incubation program* - https://blog.amp.dev/2019/10/10/amp-is-joining-the-openjs-foundation-incubation-program/ - AMP が OpenJS Fundation に入った - 今後も Google からのアクティブな開発者が付く - *AMP Contributors Summit で Malte が AMP を React で書き直すと発表したらしい* - https://twitter.com/cramforce/status/1181926565791371265 - AMP Contributors Summit で Malte が AMP を React で書き直すと発表したらしい - 使うのは Preact なのではという話も - v8 - *Improving V8 regular expressions* - https://v8.dev/blog/regexp-tier-up - 正規表現はこれまでネイティブコードにコンパイルされていた - JIT-less v8 の一環でインタプリタでバイトコードにし省メモリ化 - ホットであればネイティブに落とす - Other - Fixing layout instability - https://web.dev/fixing-layout-instability/ - Preloading responsive images - https://web.dev/preload-responsive-images/ - *Google's Password Checkup feature will be built into Chrome* - https://www.engadget.com/2019/10/02/chrome-password-checkup-built-in/ - Google 版の have i been pound を Password Checkup 拡張で提供していた - それが Chrome に統合され password.google.com でチェックされる - 1Password の Watchtower は have i been pound だが、これとはソースが違う - 1Password は有料だが Chrome は無料で使える - Updating the user agent of Googlebot - https://webmasters.googleblog.com/2019/10/updating-user-agent-of-googlebot.html - Googlebot が Chromium ベースで更新されるようになったので UA のバージョンも更新される - Verify phone numbers on the web with the SMS Receiver API - https://web.dev/sms-receiver-api-announcement/ - [INFORMATION PLEASE] Chrome 79 Beta is Coming - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/KMRGE6Phui4/Q2rMWFknDAAJ - *We are going to change restrictions on fetch keepalive, sendBeacon and friends* - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/B_jSVFVZKPE/vaj-qCSJDQAJ - keepalive fetch に制限があったけど、厳しすぎるので緩和する - global で 2048, Top level frame で 256 - 超過分はリクエストをブロック - SameSite cookie recipes - https://web.dev/samesite-cookie-recipes/ - *Chromium Blog: Addressing some misconceptions about our plans for improving the security of DNS* - https://blog.chromium.org/2019/10/addressing-some-misconceptions-about.html - 先月の DoH 有効化の話に対して、反トラスト法に引っかかるとかの疑念が出たので回答 - Chrome はシステムが使う DNS プロバイダが DoH に対応している場合のみアップグレードする - *Q3 2019 Summary from Chrome Security* - https://groups.google.com/a/chromium.org/forum/#!msg/security-dev/PBhCjIqB70I/fTXN1S-CDQAJ - Safe Browsing チームが Stricter Download Protections を Advanced Protection users に提供 - Mixed Contents の Auto Upgrade とブロックを徐々に開始 - Legacy TLS に対する新しい UI を 2020 提供に向けてアナウンス - PDFium やフォント周りのメモリ安全性向上 - GPU 、ネットワーク etc の改善 - XSS Auditor の削除 - Fuzzing の改善 - Trusted Types の検証 - Android で Password を使うサイトの Site Isolation - カザフスタンの CA 対応 - 報奨金の増額 - Chromium に提供されたパッチが Chrome のリリースに乗るまで 33 日の "patch gap" があったが、直接リリースに反映できるようにし 19 日まで縮めた ### Firefox 動向 - Stable: 70 - Updates - *Improved Security and Privacy Indicators in Firefox 70* - https://blog.mozilla.org/security/2019/10/15/improved-security-and-privacy-indicators-in-firefox-70/ - *The Illusion of choice and the need for default privacy protection* - https://blog.mozilla.org/blog/2019/10/22/the-illusion-of-choice-and-the-need-for-default-privacy-protection/ - *Latest Firefox Brings Privacy Protections Front and Center Letting You Track the Trackers* - https://blog.mozilla.org/blog/2019/10/22/latest-firefox-brings-privacy-protections-front-and-center-letting-you-track-the-trackers/ - The two-value syntax of the CSS Display property - Mozilla Hacks - the Web developer blog - https://hacks.mozilla.org/2019/10/the-two-value-syntax-of-the-css-display-property/ - Firefox 70 - a bountiful release for all - Mozilla Hacks - the Web developer blog - https://hacks.mozilla.org/2019/10/firefox-70-a-bountiful-release-for-all/ - *Auditing For Accessibility Problems With Firefox Developer Tools - Mozilla Hacks - the Web developer blog* - https://hacks.mozilla.org/2019/10/auditing-for-accessibility-problems-with-firefox-developer-tools/ - 最近の Firefox DevTools のアクセシビリティパネルについて - Firefox 70 からはキーボードのアクセシビリティも調査可能に - Intents - *Ship: CSS subgrid* - https://groups.google.com/forum/#!msg/mozilla.dev.platform/IKzfuoD77yE/-DiLKfkNDwAJ - Firefox が先行中の Subgrid について I2S がでた - 現在 Firefox だけの新機能なので、 Secure Context のみにしないのという質問が出て、今後追加される新しい CSS の機能は Secure Context に限定すべきかという議論が生まれた - Ship: CSS column-span property - https://groups.google.com/forum/#!msg/mozilla.dev.platform/p80ptKoqVvk/uKJwoK6JDAAJ - Ship: Web Speech API - https://groups.google.com/forum/#!msg/mozilla.dev.platform/x-ZWH5sodNk/jlipsa4EDAAJ - Ship: MediaRecorder.{audio|video}BitsPerSecond - https://groups.google.com/forum/#!msg/mozilla.dev.platform/oCsc2h6g_7I/XGXLdckLCwAJ - Ship: Infer aspect-ratio from img width and height attributes. - https://groups.google.com/forum/#!msg/mozilla.dev.platform/H9j3aJ20IgE/fs9Df3loCQAJ - Do This to Improve Image Loading on Your Website - https://youtu.be/4-d_SoCHeWE - Ship: Promise.allSettled - https://groups.google.com/forum/#!msg/mozilla.dev.platform/GoAL17wNXRU/bn9He-5rAQAJ - *Prototype: heading levels* - https://groups.google.com/forum/#!msg/mozilla.dev.platform/SdnMKYwWxzU/a1FcX-nnCgAJ - セクション要素と見出し要素の入れ子などに応じてアクセシビリティツリーのレベルを調整する - Prototype: JavaScript weak references - https://groups.google.com/forum/#!msg/mozilla.dev.platform/N_9e_c-euSo/7AvN7CKkDwAJ - *Prototype: Web Share Target* - https://groups.google.com/forum/#!msg/mozilla.dev.platform/CZ3IDkObpCs/3EdCuMwaCwAJ - Deprecate: mfenced element - https://groups.google.com/forum/#!msg/mozilla.dev.platform/DHO72glZxA0/Fj_6znCjCgAJ - Deprecate: MathML bevelled attribute - https://groups.google.com/forum/#!msg/mozilla.dev.platform/9pEvlYn-Xyw/s7vpc2qeCgAJ - Deprecate: MathML subscriptshift and superscriptshift attributes - https://groups.google.com/forum/#!msg/mozilla.dev.platform/CAqw0Nxw6Pg/VzNdx_aaCgAJ - Unship: @media (-moz-touch-enabled) - https://groups.google.com/forum/#!msg/mozilla.dev.platform/SPmSiWfn1Ts/RXtI6wM5DwAJ - Unship: MathML3 support for semantics and maction elements - https://groups.google.com/forum/#!msg/mozilla.dev.platform/BWUvjERSXUM/Rjojxa6RCgAJ - Unship: Negative radii in radial gradients. - https://groups.google.com/forum/#!msg/mozilla.dev.platform/vCIpV5oCAtg/25GTB0IrCQAJ - Remove: nsStackFrame aka. `display: -moz-stack` and related features - https://groups.google.com/forum/#!msg/mozilla.dev.platform/zAAHQYDyuQw/bM-UzPuQDwAJ - Firefox Profiler now supports recording IPC messages - https://groups.google.com/forum/#!msg/mozilla.dev.platform/f6v0_1IpzBs/cTaHYa2rEQAJ - Site Compat - TLS 1.0 and 1.1 are now deprecated, disabled in Nightly - https://www.fxsitecompat.dev/en-CA/docs/2019/tls-1-0-and-1-1-are-now-deprecated-disabled-in-nightly/ - Non-standard Array generics have been removed - https://www.fxsitecompat.dev/en-CA/docs/2019/non-standard-array-generics-have-been-removed/ - Application Cache storage has been removed in Nightly and early Beta - https://www.fxsitecompat.dev/en-CA/docs/2019/application-cache-storage-has-been-removed-in-nightly-and-early-beta/ - X-Frame-Options: Allow-From directive has been removed - https://www.fxsitecompat.dev/en-CA/docs/2019/x-frame-options-allow-from-directive-has-been-removed/ - X-Content-Type-Options: nosniff now applies to top-level documents, causing some pages to be downloaded (Affecting) - https://www.fxsitecompat.dev/en-CA/docs/2019/x-content-type-options-nosniff-now-applies-to-top-level-documents-causing-some-pages-to-be-downloaded/ - Firefox 71 Beta and Developer Edition are out! - https://www.fxsitecompat.dev/en-CA/blog/2019/firefox-71-beta-and-developer-edition-are-out/ - Other - *WebHint in Firefox DevTools: Improve Compatibility, Accessibility and more* - https://hacks.mozilla.org/2019/09/webhint-in-firefox-devtools-improve-compatibility-accessibility-and-more/ - Microsoft が作って OpenJS Foundation に寄贈した webhint (sonar) が Firefox の DevTools でも使えるようになった - Mozilla Developer - YouTube - https://www.youtube.com/channel/UCh5UlGiu9d6LegIeUCW4N1w - Firefox's New WebSocket Inspector - Mozilla Hacks - the Web developer blog - https://hacks.mozilla.org/2019/10/firefoxs-new-websocket-inspector/ - These Weeks in Firefox: Issue 65 - https://blog.nightly.mozilla.org/2019/09/24/these-weeks-in-firefox-issue-65/ - These Weeks in Firefox: Issue 66 - https://blog.nightly.mozilla.org/2019/10/10/these-weeks-in-firefox-issue-66/ - These Weeks in Firefox: Issue 67 - https://blog.nightly.mozilla.org/2019/10/28/these-weeks-in-firefox-issue-67/ - Critical Security Issue identified in iTerm2 as part of Mozilla Open Source Audit - https://blog.mozilla.org/security/2019/10/09/iterm2-critical-issue-moss-audit/ - Hardening Firefox against Injection Attacks - https://blog.mozilla.org/security/2019/10/14/hardening-firefox-against-injection-attacks/ - *Dramatically reduced power usage in Firefox 70 on macOS with Core Animation – Mozilla Gfx Team Blog* - https://mozillagfx.wordpress.com/2019/10/22/dramatically-reduced-power-usage-in-firefox-70-on-macos-with-core-animation/ - 画像の最適化について解説しているビデオ ### Safari 動向 - Stable: 13.0.3 - Updates - Release Notes for Safari Technology Preview 93 - https://webkit.org/blog/9600/release-notes-for-safari-technology-preview-93/ - Updated to report performance entries with all HTTP status codes (r250167) - *Added support for sync-xhr feature policy (r250288)* - Exposed misspelling ranges for editable content to accessibility clients. (r249893) - Added missing syntax errors for await in function parameter default expressions (r249925) - Release Notes for Safari Technology Preview 94 - https://webkit.org/blog/9609/release-notes-for-safari-technology-preview-94/ - *CSS Shadow Parts* - Changed document.hasStorageAccess() to return true when the cookie policy allows access and false otherwise, for third parties not blocked by ITP (r250431, r250589) - Updated MediaDevices to require a secure context (r250551) - Changed toExponential, toFixed, and toPrecision to allow arguments up to 100 (r250389) - Preserved auto repeat() in getComputedStyle() for non-grids (r250715) - back-forward Cache - めっちゃ手が入った - Allowed pages served over HTTPS with Cache-Control: no-store header to enter the back-forward cache (r250437) - Release Notes for Safari Technology Preview 95 - https://webkit.org/blog/9621/release-notes-for-safari-technology-preview-95/ - Added support for ShadowRoot.delegateFocus (r251043) - Added image/apng as a supported mime type for images (r251182) - Removed unified plan runtime flag (r250969) - Added support for programmatic paste requests on macOS (r250973) - *Implemented HTMLVideoElement.requestPictureInPicture() and Document.exitPictureInPicture() (r251160)* - Prevented timeout for a load intercepted by a Service Worker that receives a response (r250985) - back-forward Cache - 引き続き手が入ってる - Other ### Edge 動向 - Stable: - Status Updates - EdgeHTML - Build Changelog - Chakra - Release ChakraCore v1.11.14 · microsoft/ChakraCore - https://github.com/microsoft/ChakraCore/releases/tag/v1.11.14 - Other - Announcing the webhint v1 browser extension for Microsoft Edge - Microsoft Edge Blog - https://blogs.windows.com/msedgedev/2019/09/30/announcing-the-webhint-v1-browser-extension-for-microsoft-edge/ - *Improving form controls in Microsoft Edge and Chromium - Microsoft Edge Blog* - https://blogs.windows.com/msedgedev/2019/10/15/form-controls-microsoft-edge-chromium/ - フォームコントローラ UI のデザインを刷新 - Edge / Chrome チームが連携して実現し、 Chromium に入る - つまり Chromium ベースの他のブラウザにも入る - `` にパスワードを確認するアイコンが入るっぽい - ハイコントラストモードにも対応 ### WHATWG/W3C 動向 - TPAC - TPAC Recap (2019 Edition) | Web Payments Working Group - https://www.w3.org/blog/wpwg/2019/10/01/tpac-recap-2019-edition/ - *Service workers at TPAC - JakeArchibald.com* - https://jakearchibald.com/2019/service-workers-tpac/ - unregister して register しても復活しないように - active/waiting/installing どの state だろうと self.serviceWorker で取れるように - page lifecycle api (特に bfcache) との関係 - ページから SW に状態などを伝えるためにデータを渡せるように - immediate unregister できるように - *URLPattern を導入し URL pattern matching できるように* - https://github.com/wanderview/service-worker-scope-pattern-matching/blob/master/explainer.md - Request Body に Stream を使えるように - 仕様に有ったが実装は無かった - Google, Apple, Mozilla が合意した - 動画アップロードなどもできる - *onfetch で respondWith に response を渡した後、 waitUntil でタスクを実行したい* - でも waitUntil が respondWith を遅延させるケースがあった - setTimeout とかで迂回してた - event.handled という Promise を入れて respondWith を待てるように - Background fetch のプライバシー - ページを離れたずっと後で fetch が飛ぶと変更後の IP など情報が多すぎる - しかもユーザに見えないところで行われる - Moziila / Apple は background fetch の方に満足している - Apple は background fetch を実装しているように見える - Mozilla は bgfetch か bgsync をユーザに見えるようにするだろう - Contents Index - Launch event - Declarative routing - Top-Level Await - パス単位で SW を迂回する方法を定義 - Recommendation - Proposed Recommendation - Web Assembly 1.0 - https://www.w3.org/blog/news/archives/7970 - CSS Containment Module Level 1 - https://www.w3.org/blog/news/archives/7999 - CSS Writing Modes Level 3 - https://www.w3.org/blog/news/archives/8010 - Candidate Recommendation - CSS Images Module Level 3 - https://www.w3.org/blog/news/archives/7986 - Working Draft - First Public Working Draft - CSS Containment Module Level 2 - https://www.w3.org/blog/news/archives/7999 - First Public Working Draft: Scalable Video Coding (SVC) Extension for WebRTC - https://www.w3.org/blog/news/archives/8007 - Chartering - Other - *World Wide Web Consortium celebrates its 25th anniversary* - https://www.w3.org/blog/news/archives/7972 - W3C 25 周年 ### TC39 動向 - Meeting - https://github.com/tc39/agendas - https://github.com/rwaldron/tc39-notes/tree/master/meetings/ - Proposals Diff - https://github.com/tc39/proposals/compare/master@{2019-10-01}...master@{2019-11-01} - https://tc39.github.io/beta/ - 0->1 - OOM Fails Fast - Wavy dot - Declarations in Conditionals - UUID - Readonly Collections - 1->2 - Iterator helpers - Map.prototype.upsert - 2->3 - String.prototype.replaceAll - Promise.any - Intl.DisplayNames - 3->4 - New Proposals - *tc39/proposal-object-map* - https://github.com/tc39/proposal-object-map - Object.map したいという提案は昔からあった - でもその追加を許すと収集がつかなそう(slippery slope) - 拡張性、パフォーマンスを考えて Object.map を Iterator 側に移す - `Iterator.from(obj).map(([k,v]) => do([k,v])).toObject(([k]) => k, ([,v]) => v)` - @@iterator (Symbol.iterator) を持つ必要 - tc39/proposal-oom-fails-fast - https://github.com/tc39/proposal-oom-fails-fast - Proposal: Out of memory immediately terminates agent cluster - tc39/declarations-in-conditionals - https://github.com/tc39/proposal-Declarations-in-Conditionals - if の条件のところで変数定義 - Agoric/proposal-eventual-send - https://github.com/Agoric/proposal-eventual-send - Agoric/proposal-wavy-dot - https://github.com/Agoric/proposal-wavy-dot - Syntactic Support for Promise Pipelining - Agoric/proposal-readonly-collections - https://github.com/Agoric/proposal-readonly-collections - tc39-transfer/proposal-uuid - https://github.com/tc39-transfer/proposal-uuid - Other - Nullish が TS にマージ - https://github.com/microsoft/TypeScript/pull/32883 ### IETF 動向 - IETF106 - BOFs で WPACK が - https://trac.tools.ietf.org/bof/trac/wiki - https://docs.google.com/document/d/1OUZcl6yQSJ5eZxMrbo6O2tVRW_U_bv0PZUxAVtR1GYA/edit - HTTP Working Group Agenda - https://github.com/httpwg/wg-materials/blob/gh-pages/ietf106/agenda.md - RFC - IETF Last Call - WG Last Call - Call for Adoption - I-D Action - Draft - *Ecosystem Effects of Web Packaging* - https://tools.ietf.org/html/draft-yasskin-wpack-ecosystem-effects-00 - WebPackaging がどういう影響を与えるかの考察 - *Use Cases and Requirements for Web Packages* - https://tools.ietf.org/html/draft-yasskin-wpack-use-cases-00 - Oblivious DNS Over HTTPS - https://tools.ietf.org/html/draft-pauly-dprive-oblivious-doh-00 - *Zstandard Compression and the application/zstd Media Type* - https://tools.ietf.org/html/draft-kucherawy-rfc8478bis-00 - ACME for Subdomains - https://tools.ietf.org/html/draft-friel-acme-subdomains-00 - Data Center Fast Congestion Management - https://tools.ietf.org/html/draft-even-iccrg-dc-fast-congestion-00 - Using QUIC Datagrams with HTTP/3 - https://tools.ietf.org/html/draft-schinazi-quic-h3-datagram-01 - Other ### セキュリティ動向 - *Same-Site Cookies By Default* - https://textslashplain.com/2019/09/30/same-site-cookies-by-default/ - Same Site Cookie の展開予定とその影響について - 特に POST で Same Site Cookie が飛ばないことによる federation login のエラーがある - そこで Chrome は 2 分間だけ SameSite-Lax-by-Default cookie を POST でも飛ばすワークアラウンドを入れた - 最終的にはそれも無くす - Navigating to File Urls - https://textslashplain.com/2019/10/09/navigating-to-file-urls/ - *Improving Privacy by Limiting Referrers* - https://textslashplain.com/2019/10/16/privacy-tweaks-limiting-referrer/ - referer によって情報漏えいは多々有る - chrome はデフォルトの no-referrer-when-downgrade だった - これを M78 で strict-origin-when-cross-origin に変更する - same origin だと URL - cross origin だと Origin - downgrade だと "" - *CPDoS: Cache Poisoned Denial of Service* - https://cpdos.org/ - 攻撃 - 不正なヘッダを含んだリクエストを CDN に送る - CDN が Origin に取得しに行くときに不正なヘッダをそのまま送るためエラーページが返る - CDN がエラーページをそのまま保存する - クライアントに対してエラーページを配布し始める - 対策 - CDN がエラーページをキャッシュしないようにする - エラーページに no-store をつける - Cloudflare はデフォルトで影響のあるヘッダや 400 をキャッシュしないように - https://blog.cloudflare.com/cloudflare-response-to-cpdos-exploits/ - *Cookie 情報収集公取委規制へ* - https://news.livedoor.com/article/detail/17300262/ - https://www.asahi.com/articles/ASMBQ7JVNMBQULZU01H.html - https://headlines.yahoo.co.jp/hl?a=20191029-00000004-asahi-bus_all - https://www.itmedia.co.jp/news/articles/1910/29/news119.html - (令和元年 8 月 29 日)「デジタル・プラットフォーマーと個人情報等を提供する消費者との取引における優越的地位の濫用に関する独占禁止法上の考え方(案)」に対する意見募集について:公正取引委員会 - https://www.jftc.go.jp/houdou/pressrelease/2019/aug/190829_dpfpc.html - おそらくここに Cookie に対する規制を盛り込むという話っぽい - 9/30 までは一般に意見を募っていた模様 - ImperialViolet - Real-world measurements of structured-lattices and supersingular isogenies in TLS - https://www.imperialviolet.org/2019/10/30/pqsivssl.html - TLS Post-Quantum Experiment - https://blog.cloudflare.com/the-tls-post-quantum-experiment/ - 耐量子暗号 - *Recent Study Estimates That 50% of Websites Using WebAssembly Apply It for Malicious Purposes* - https://www.infoq.com/news/2019/10/WebAssembly-wasm-malicious-usage/ - Alexa のトップ 100 万サイトをクロールして WebAssembly が使われてるサイトを調べた - 使われているモジュールの半数以上がマイニングや難読化など悪意ある使われ方をするものだった - *Getting started with security keys* - https://paulstamatiou.com/getting-started-with-security-keys/ ### 周辺動向 - google/nginx-sxg-module - https://github.com/google/nginx-sxg-module - Not so static... Introducing the HTMLRewriter API Beta to Cloudflare Workers - https://blog.cloudflare.com/html-rewriter-beta/ - jQuery like な API で Edge side rewrite できる - Creating a pop-out iframe with adoptNode and "magic iframes" - https://paul.kinlan.me/creating-a-popout-iframe-with-adoptnode-and-magic-iframes/ - *Interview with a Pornhub Web Developer* - https://davidwalsh.name/pornhub-interview - *WebHint Browser Ext* - Webhint (Lighthouse の MS 版、旧 sonarwhal) の拡張リリース - The webhint browser extension v1 release - webhint - Medium - https://medium.com/webhint/the-webhint-browser-extension-v1-release-df9044ddaf69 - WebHint in Firefox DevTools: Improve Compatibility, Accessibility and more - Mozilla Hacks - the Web developer blog - https://hacks.mozilla.org/2019/09/webhint-in-firefox-devtools-improve-compatibility-accessibility-and-more/ - Announcing the webhint v1 browser extension for Microsoft Edge - Microsoft Edge Blog - https://blogs.windows.com/msedgedev/2019/09/30/announcing-the-webhint-v1-browser-extension-for-microsoft-edge/ - Introducing scripted testing for Fastly fiddle - https://www.fastly.com/blog/scripted-testing-fiddle - Experiment with HTTP/3 using NGINX and quiche - https://blog.cloudflare.com/experiment-with-http-3-using-nginx-and-quiche/ - *Spectrum, Adobe's design system* - https://spectrum.adobe.com/ - Adobe がデザインシステムを公開 - A Breakdown of HTML Usage Across ~8 Million Pages (& What It Means for Modern SEO) - Moz - https://moz.com/blog/a-breakdown-of-html-usage-across-8-million-pages - DNS Encryption Explained - https://blog.cloudflare.com/dns-encryption-explained/ - *Fifty Years Ago* - https://blog.cloudflare.com/fifty-years-ago/ - Arpanet で最初のパケットが流れてから 50 年 - *Vint Cerf's top moments from 50 years of the Internet* - https://blog.google/inside-google/googlers/vint-cerf-top-moments-50-years-internet/ - *Tim Berners-Lee published a document called HTML Tags - 1991 | Web Design Museum* - https://www.webdesignmuseum.org/web-design-history/tim-berners-lee-published-a-document-called-html-tags-1991 - Sir TBL が HTML Tag を Publish してから 28 年 (1991/10/29) - `, <nextid>, <a>, <isindex>, <plaintext>, <listing>, <p>, <h1>...<h6>, <address>, <hp1>, <hp2>..., <dl>, <dt>, <dd>, <ul>, <li>,<menu> and <dir>` - WebAssembly.sh - <a href="https://webassembly.sh/?run-command=sqlite">https://webassembly.sh/?run-command=sqlite</a> - WASM で SQLite ### イベント - 10 月 - 1-3 Agenda for the 72nd meeting of Ecma TC39 - <a href="https://github.com/tc39/agendas/blob/master/2019/10.md">https://github.com/tc39/agendas/blob/master/2019/10.md</a> - 8-10: AMP Contributor Summit 2019 - <a href="https://blog.amp.dev/2019/06/03/save-the-date-amp-contributor-summit-2019/">https://blog.amp.dev/2019/06/03/save-the-date-amp-contributor-summit-2019/</a> - 21-27: MozFest 2019 - <a href="https://www.mozillafestival.org/en/">https://www.mozillafestival.org/en/</a> - 11 月 - 1: WebKit Contributors Meeting - <a href="https://lists.webkit.org/pipermail/webkit-dev/2019-September/030790.html">https://lists.webkit.org/pipermail/webkit-dev/2019-September/030790.html</a> - 4-8: MS Edge at Ignite 2019 - <a href="https://blogs.windows.com/msedgedev/2019/10/30/join-edge-team-ignite-2019/">https://blogs.windows.com/msedgedev/2019/10/30/join-edge-team-ignite-2019/</a> - 5-6: W3C Workshop on Inclusive Design for Immersive Web Standard - <a href="https://www.w3.org/2019/08/inclusive-xr-workshop/">https://www.w3.org/2019/08/inclusive-xr-workshop/</a> - 11-12: Chrome Dev Summit 2019 - <a href="https://developer.chrome.com/devsummit/">https://developer.chrome.com/devsummit/</a> - 14-15: BlinkOn 11 - <a href="http://bit.ly/blinkon11-faq">http://bit.ly/blinkon11-faq</a> - 16-22: IETF106 Singapore - <a href="https://ietf.org/how/meetings/106/">https://ietf.org/how/meetings/106/</a> - 30-1: JSConf JP - <a href="https://www.jsconf.jp">https://www.jsconf.jp</a> - 12 月 - 末: Yearly Web - 1 月

67 つのエピソード