|
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 |