|
Description:
|
|
# ep38 Monthly Web 201805
第 38 回のテーマは 2018 年 5 月の Monthly Web です。
## Show Note
### Chrome 動向
- Stable: 67
- Google I/O
- Chromium Blog: The State of the Web at Google I/O 2018
- https://blog.chromium.org/2018/05/the-state-of-web-at-google-io-2018.html
- Official Google Webmaster Central Blog: Google I/O 2018K - What sessions should SEOs and Webmasters watch live ?
- https://webmasters.googleblog.com/2018/05/google-io-2018-sessions-SEOs.html
- Schedule
- https://events.google.com/io/schedule/?section=may-8&topic=web&type=sessions
- **The web: state of the union**
- https://www.youtube.com/watch?v=Ay-mdLMDtbs
- overview としてはこのへん
- **Building a seamless web**
- https://www.youtube.com/watch?v=Wi_PhaFdjlo
- WebPackaging, Feature Policy, Layered APIs, Portals など
- https://github.com/KenjiBaheux/portals/blob/master/explainer.md
- PWA starter kit: build fast, scalable, modern apps with Web Components
- https://www.youtube.com/watch?v=we3lLo-UFtk
- Lessons from Spectre and Meltdown, and how the whole web is getting safer
- https://www.youtube.com/watch?v=dBuykrdhK-A
- What's new in web accessibility
- https://www.youtube.com/watch?v=wkvslBGkhZY
- DevTools の A11y panel と、 AOM のはなし
- etc
- Updates
- New in Chrome 67
- https://developers.google.com/web/updates/2018/05/nic67
- desktop pwa
- generic sensor api
- bigint
- Deprecations and removals in Chrome 67
- https://developers.google.com/web/updates/2018/04/chrome-67-deps-rems
- **Deprecate HTTP-Based Public Key Pinning**
- Expect-CT に移行し HPKP は 69 で削除
- blog
- Deprecate AppCache on Non-secure Contexts
- Layout 以下が削除
- -webkit-box-flex-group
- -webkit-line-clamp
- -webkit-box-lines
- Deprecation policy
- API 削除に関するポリシーの説明
- ML で intent to deprecate
- console で warning
- 利用量を監視して減ったら削除
- https://www.chromestatus.com/features#deprecated か #removed に一覧
- https://www.chromium.org/blink#TOC-Launch-Process:-Deprecation
- What's New In DevTools (Chrome 68)
- https://developers.google.com/web/updates/2018/05/devtools
- Eager Evaluation
- Argument hints
- Function autocompletion
- ES2017 keywords in the Console: top level await の補完など
- Lighthouse 3.0 in the Audits panel
- BigInt support
- Adding property paths to the Watch pane
- "Show timestamps" moved to Settings.
- **Announcing Lighthouse 3.0**
- https://developers.google.com/web/updates/2018/05/lighthouse3
- csv/json 出力サポート
- First Contentful Paint
- スコアリングの変更
- etc
- BigInt: arbitrary-precision integers in JavaScript
- https://developers.google.com/web/updates/2018/05/bigint
- **Google URL Shortener から Firebase Dynamic Links へ**
- https://developers-jp.googleblog.com/2018/05/transitioning-google-url-shortener.html
- goo.gl の URL はもう作れんない、既存のものは存続
- Firebase の API で *.app.goo.gl が作れる
- アプリの連携なども含め高機能
- Welcome to the immersive web
- https://developers.google.com/web/updates/2018/05/welcome-to-immersive
- Progressive Web Apps on the Desktop
- https://developers.google.com/web/updates/2018/05/dpwa
- Chrome OS のみ Desktop で install できる
- Win, Mac, Linux などは対応中
- Using Lighthouse To Improve Page Load Performance
- https://developers.google.com/web/updates/2018/05/lighthouse
- **First Input Delay**
- https://developers.google.com/web/updates/2018/05/first-input-delay
- インタラクションしてから、実際に操作が開始できるまでの時間という指針
- ユーザの実際の不満や苦痛を反映しやすい
- Polyfill を作り、 Performance Timing API にも反映させたい
- CrUX にも FID の項目を追加したい
- などなど
- https://github.com/GoogleChromeLabs/first-input-delay
- **Enabling Strong Authentication with WebAuthn**
- https://developers.google.com/web/updates/2018/05/webauthn
- Credential Management API の拡張で FIDO U2F 対応
- blog
- **Chromium Blog: Evolving Chrome's security indicators**
- https://blog.chromium.org/2018/05/evolving-chromes-security-indicators.html
- Chrom 70 から HTTPS を緑にするのではなく、 HTTP を赤(form input 時)にする
- Beyond SPAs: alternative architectures for your PWA
- https://developers.google.com/web/updates/2018/05/beyond-spa
- Intents
- Ship: Keyboard lock
- https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/isXS3f3Tqo8/GPIQi_8oCAAJ
- **Ship: WebRTC Unified Plan SDP format control flag**
- https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/B1Yr62txfwQ/5DINeHoSCAAJ
- https://groups.google.com/forum/#!msg/discuss-webrtc/x8lcqHRlWmA/FPBK41WaBgAJ
- RTCPeerConnection に "Unified Plan" / "JSEP" で SPD を切り替える
- Ship: DOMMatrix Transformations on Canvas
- https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/TZDJbwjov3Q/S30I4RJtCAAJ
- Ship: CSS Scroll Snap
- https://groups.google.com/a/chromium.org/forum/#!topic/blink-dev/K4m85YRD1II
- **Ship: Reporting and Network Error Logging**
- https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/nNji_u7BRxo/Zh8Y9hRlBAAJ
- NEL Response Header でネットワーク関係のエラーを Reporting に載せられる
- Ship: Add referrerpolicy attribute support to ` |