Search

Home > mozaic.fm > ep44 Monthly Web 201810 | mozaic.fm
Podcast: mozaic.fm
Episode:

ep44 Monthly Web 201810 | mozaic.fm

Category: Technology
Duration: 02:46:45
Publish Date: 2018-11-02 10:00:00
Description: # ep44 Monthly Web 201810 第 44 回のテーマは 2018 年 10 月の Monthly Web です。 ## Show Note ### Chrome 動向 - Stable: 70 - Updates - *New in Chrome 70* - https://developers.google.com/web/updates/2018/10/nic70 - Desktop Progressive Web Apps on Windows & Linux - Credential Management API: Public Key Credentials - Named workers - Web Bluetooth is now available in Windows 10 - Report-To HTTP Response header and ReportingObserver interface. - *What's New In DevTools (Chrome 71)* - https://developers.google.com/web/updates/2018/10/devtools - Hover over a Live Expression to highlight a DOM node - Store DOM nodes as global variables - Initiator and priority information now in HAR imports and exports - Access the Command Menu from the Main Menu - Picture-in-Picture breakpoints - Houdini's Animation Worklet - https://developers.google.com/web/updates/2018/10/animation-worklet - *Chrome 69 Paint Timing Issues* - https://developers.google.com/web/updates/2018/10/paint-timing-issues - Paint Timing API で不正確な値が出るバグが入った - 統計を取る時 0 と 99 パーセンタイル以上は無視すると良い - *Google Online Security Blog: Distrust of the Symantec PKI: Immediate action needed by site operators* - https://security.googleblog.com/2018/03/distrust-of-symantec-pki-immediate.html - Update が追記された - Chrome 70 に Symantec Distrust が予定通り入った - ただし、数週間かけてちょっとづつ展開していく - Tweaks to `cache.addAll()` and `importScripts()` coming in Chrome 71 - https://developers.google.com/web/updates/2018/10/tweaks-to-addAll-importScripts - Chromium Blog: Chrome 71 Beta: relative time formats and more - https://blog.chromium.org/2018/10/chrome-71-beta-relative-time-formats.html - Official Google Webmaster Central Blog: Introducing reCAPTCHA v3: the new way to stop bots - https://webmasters.googleblog.com/2018/10/introducing-recaptcha-v3-new-way-to.html - *WebAssembly Threads ready to try in Chrome 70* - https://developers.google.com/web/updates/2018/10/wasm-threads - pthread を使ったコードを WASM で並列動作させられる - Worker + SharedArrayBuffer で実現 (M68 で戻ってる) - OriginTrial か flags で使用可能 - Intents - Ship: Optimize await and AsyncFromSyncIterator - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/74QxqINq4g0/DqSe0ZLnAAAJ - Ship: well-formed JSON.stringify - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/-pNjKEJ9YBQ/EvxoBANGAwAJ - Ship: Spec compliant specificity for :host, :host-context, and ::slotted for Shadow DOM v1 - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/gYrR2nR6quI/gngoL0HLAwAJ - Ship: Screen Capture - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/eKS6bOz9a_o/bSAKi3RdBAAJ - Ship: Autoplay Policy for Web Audio - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/5Y1BqbGauEs/rRocaytKBgAJ - Ship: WebSocket: permit connection reuse for auth - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/kEtUcy7W0fU/dTyvzUy0BgAJ - *Ship: Public class fields* - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/Lawn0wM156I/vFjgt_9WCAAJ - `constructor()` ではなく、 `class` 直下に書いて、メンバの初期化ができる - Ship: Canvas Color Management - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/QILBb4Oqb-k/tvdXEy7dBwAJ - Implement and Ship: FetchEvent.resultingClientId - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/V4ZqlL0ngC4/-VeAA6qvAQAJ - Implement and Ship: RTCRtpTransceiver.setCodecPreferences - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/DRz-uHqPCLw/ZNDiwL0ZAwAJ - Implement and Ship: MediaStreamTrack resizeMode constrainable property - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/V2srjdzRCXE/Rwz9zCqDCQAJ - *Implement: WebHID (Human Interface Device)* - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/OaDCpCaEe_4/3taK3m75DAAJ - Human Interface Device 経由でのデバイスアクセスを提供する API - キーボードやゲームパッドなど - Implement & Ship: RTCRtpReceiver.getSynchronizationSources() - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/wTJMXOwcV1A/DJNDFdQPBAAJ - *Implement: [Web Perf] Layout Jank API* - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/jF1-M8KWAMU/ubGV4Fx2BgAJ - PerformanceObserver で entryType "layoutjank" を提供 - Jank が起こったことを取得できる - *Implement: Streams API: Transferable Streams* - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/P97xJm1TFj4/PA0FKwLhBwAJ - Worker にデータを渡すための Stream - Implement: Default font-display in @font-feature-values - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/C6taiCkYayU/hlKC-v0GCQAJ - Implement: Explicit Commit API for IndexedDB Transaction - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/ulyuFI9aMig/zCegnl22CQAJ - Implement: Per-method quota for PaymentRequest.canMakePayment() - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/pmq3VLPiw5E/3BUpoVm0CQAJ - *Experiment: Signed HTTP Exchanges - Google Groups* - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/MKHe54W996c/1E51GLbvAQAJ - M71 で実験 - Experiment: lowLatency canvas contexts - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/jWBA5ooXNIU/TQ7ULG8cBwAJ - Extend Origin Trial: Picking echo canceller for getUserMedia - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/oorJXF1LoM8/Cc-yyuenDAAJ - *Extend Origin Trial: EventTiming* - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/mGkwLYpHOxM/rvpxhsYUBAAJ - `performance.getEntriesByType('firstInput')` - *Implement: Autoupgrade Mixed Content (Experiment)* - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/ZJxkCJq5zo4/4sSMVZzBAwAJ - *Experiment: Background Fetch* - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/z5WX-2RMulo/JQqeF3XZAgAJ - 今は以下ができてないのでやる - Only downloads are supported at this time. - Requests that require CORS preflight are blocked. - There's no access to downloaded content while the download is in progress. - Continue Experimenting: Web VR 1.1 - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/Cv9EWOPulRI/drOmlyIlBgAJ - Change: - Unship: - Remove: - Deprecate: TLS 1.0 and TLS 1.1 - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/EHSnAn2rucg/oiu0DoQ0CAAJ - セキュリティ動向で詳しく - Deprecate: PaymentAddress.languageCode - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/ma2J2RumrmM/nmhnTmB5CAAJ - Team Weekly Snippet - Storage Team - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/7SDmPJiygiI/1Yw4kNDdAQAJ - Loading (blink-dev) - Storage (blink-dev) - Platform Architecture (blink-dev) - Layout (layout-dev) - v8 - V8 release v7.0 · V8 - https://v8.dev/blog/v8-release-70 - Other - *Google Developers Blog: Google Fonts launches Japanese support* - https://developers.googleblog.com/2018/09/google-fonts-launches-japanese-support.html - Noto Sans/Serif CJK JP を含む日本語フォントが Google Fonts で正式公開 - 文字数、グリフの複雑さが大きいので、最適化を調整 - unicode-range, woff2, HTTP/2 のおかげでチャンクの分割ができるようになった - 文字を頻度順に並べ上から 3000 文字を 20 のスライスに等分割 - 残りの文字を Unicode のコードポイント順に並べ、 100 のスライスに等分割 - フォントそのままを配信するよりも、 80 % のバイト数削減に - Web Payments Overview | Web Fundamentals - https://developers.google.com/web/fundamentals/payments/ - えーじさん作、先月の収録直後だった。 - How to make AMP even faster - Accelerated Mobile Pages Project - https://amphtml.wordpress.com/2018/10/08/how-to-make-amp-even-faster/ - Google Developers Japan: 機械学習がこれからの Web 体験とインタラクション・デザインの可能性を押し広げる - https://developers-jp.googleblog.com/2018/10/ml-interaction-design.html - Google Developers Blog: Elevating user trust in our API ecosystem - https://developers.googleblog.com/2018/10/elevating-user-trust-in-our-api.html - Google Developers Blog: More granular Google Account permissions with Google OAuth and APIs - https://developers.googleblog.com/2018/10/more-granular-google-account.html - The latest results with AMP - https://amphtml.wordpress.com/2018/10/12/the-latest-results-with-amp/ - *Chromium Blog: Trustworthy Chrome Extensions, by default* - https://blog.chromium.org/2018/10/trustworthy-chrome-extensions-by-default.html - Chrome 70 からパーミッションの制御 UI が追加 - code obfuscation (難読化) の禁止(minification は引き続き OK) - Manifest v3 を 2019 年に導入 - What's new in AMP, Q4 2018 - https://amphtml.wordpress.com/2018/10/18/whats-new-in-amp-q4-2018/ - The Intl.RelativeTimeFormat API - https://developers.google.com/web/updates/2018/10/intl-relativetimeformat - *Fixing AMP URLs with Web Packaging (AMP Contributor Summit '18)* - https://www.youtube.com/watch?v=tbZvZRf6dMU - AMP Contributors Summit での発表 - Three Years of AMP! - https://amphtml.wordpress.com/2018/10/22/three-years-of-amp/ - Child Mind Institute boosts social shares on AMP pages with AddThis - https://amphtml.wordpress.com/2018/10/23/child-mind-institute-boosts-social-shares-on-amp-pages-with-addthis/ - AMP story learnings and best practices - https://amphtml.wordpress.com/2018/10/25/amp-story-learnings-and-best-practices/ - The latest from AMP Analytics providers - https://amphtml.wordpress.com/2018/10/25/the-latest-from-amp-analytics-providers/ - PSA: WebRTC M71 Release Notes - https://groups.google.com/forum/#!msg/discuss-webrtc/HUpIxlDlkSE/qR1nswqZCwAJ - unified plan (breaking change) - *chromium/src - cf7ed613af - TaskWorklet prototype* - https://chromium.googlesource.com/chromium/src/+/cf7ed613af7b01f2e64929f969d3737067e28083 ### Firefox 動向 - Stable: 63 - Updates - *These Weeks in Firefox: Issue 46* - https://blog.nightly.mozilla.org/2018/10/02/these-weeks-in-firefox-issue-46/ - Fission という site isolation プロジェクトをやってるらしい - These Weeks in Firefox: Issue 47 - https://blog.nightly.mozilla.org/2018/10/10/these-weeks-in-firefox-issue-47/ - These Weeks in Firefox: Issue 48 - https://blog.nightly.mozilla.org/2018/10/27/these-weeks-in-firefox-issue-48/ - *Firefox 63 for developers - Mozilla | MDN* - https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/63 - Custom Elements v1 - Shadow DOM v1 - Flexbox で gap プロパティサポート - Async Clipboard API (writeText のみ、 readText は拡張でのみ利用可能) - Object.fromEntries() - Element.toggleAttribute() - Clear-Site-Data ヘッダ - Firefox 63 Beta 10 Testday Results - https://quality.mozilla.org/2018/10/firefox-63-beta-10-testday-results/ - *Supporting Referrer Policy for CSS in Firefox 64* - https://blog.mozilla.org/security/2018/10/02/supporting-referrer-policy-for-css-in-firefox-64/ - Calls between JavaScript and WebAssembly are finally fast
Total Play: 0