|
Description:
|
|
# ep71 Monthly Web 202008
第 71 回のテーマは 2020 年 8 月の Monthly Web です。
## Show Note
### Chrome 動向
- Stable: 85
- Updates
- *New in Chrome 85*
- https://developers.google.com/web/updates/2020/08/nic85
- Content Visibility
- @property and CSS variables
- Get installed related apps
- App Icon Shortcuts
- Origin Trial: Streaming requests with fetch()
- *What's New In DevTools (Chrome 86)*
- https://developers.google.com/web/updates/2020/08/devtools
- New Media panel
- Capture node screenshots via Elements panel context menu
- Issues tab updates
- Emulate missing local fonts
- Emulate inactive users
- Emulate prefers-reduced-data
- Untitled ASIDE
- Support for new JavaScript features
- Lighthouse 6.2 in the Lighthouse panel
- Deprecation of "other origins" listing in the Service Workers pane
- Show coverage summary for filtered items
- New frame detailed view in Application panel
- Elements and Network panel updates
- *Chromium Blog: Helping people spot the spoofs: a URL experiment*
- https://blog.chromium.org/2020/08/helping-people-spot-spoofs-url.html
- *Chromium Blog: Highlighting great user experiences on the mobile web*
- https://blog.chromium.org/2020/08/highlighting-great-user-experiences-on.html
- Fast Page バッチがでるように
- Chromium Blog: Protecting Google Chrome users from insecure forms
- https://blog.chromium.org/2020/08/protecting-google-chrome-users-from.html
- *Chromium Blog: Chrome just got faster with Profile Guided Optimization*
- https://blog.chromium.org/2020/08/chrome-just-got-faster-with-profile.html
- Profile Guided Optimization が有効になり 10% 程度ページロードが高速化した
- ビルドして一回タスクを動かして情報を集め最適化する
- Google Developers Blog: Guidance to developers affected by our effort to block less secure browsers and applications
- https://developers.googleblog.com/2020/08/guidance-for-our-effort-to-block-less-secure-browser-and-apps.html
- Debugging memory leaks in WebAssembly using Emscripten
- https://web.dev/webassembly-memory-debugging/
- *Unblocking clipboard access*
- https://web.dev/async-clipboard/
- Async Clipboard API の実装が進んだので改めて紹介
- テキストを扱う writeText()/readText()
- 画像なども扱える write()/read()
- パーミッション
- Chrome はアクティブタブのみ
- write はパーミッションのダイアログはない
- read は clipboard-read が必要
- Read and write from a serial port
- https://web.dev/serial/
- ARIA: poison or antidote?
- https://web.dev/aria-poison-or-antidote/
- *content-visibility: the new CSS property that boosts your rendering performance*
- https://web.dev/content-visibility/
- Intents
- *Ship: WebRTC Insertable Streams*
- https://groups.google.com/a/chromium.org/g/blink-dev/c/XFO4OXrdSRA
- Mozilla / Safari は、鍵の交換を JS で行うべきではなく、プラットフォームにそこが統合されるべきで、それまでこの API を推奨する予定はない、もしくはそれまでの移行パスとしてこれを使うべきというスタンス。
- Web / Framework developers のリンクが非常に充実している
- Ship: Document-Policy: force-load-at-top (opt-out for text-fragment)
- https://groups.google.com/a/chromium.org/g/blink-dev/c/h6my3rcC628
- *Ship: Imperative Shadow DOM Distribution API*
- https://groups.google.com/a/chromium.org/g/blink-dev/c/Jdw3VWbKvLY/
- 1. v0 と比べて v1 は明示的に slot を指定しないといけない
- 2. condition を明示して slot を切り替えることができなかった
- これに対応するため、`attachShadow({ mode: 'open', slotAssignment: 'manual' })` することで auto な slotAssign を止め、 `slot.assign()` で命令的にできるように。
- Ship: Intl.Segmenter
- https://groups.google.com/a/chromium.org/g/blink-dev/c/MJ1OpvkcA8s
- *Ship: Native File System*
- https://groups.google.com/a/chromium.org/g/blink-dev/c/9Fcpl2KVfbk
- Ship: Streams API: transferable streams
- https://groups.google.com/a/chromium.org/g/blink-dev/c/1LStSgBt6AM
- Ship: CSS quotes property - support 'auto' value
- https://groups.google.com/a/chromium.org/g/blink-dev/c/iqihcxi-CzY/m/U_0GkEoqCAAJ
- Ship: FileReader - Set Result Only on Load
- https://groups.google.com/a/chromium.org/g/blink-dev/c/b204isLEEyc/m/ySpOdyfzBwAJ
- Ship: CSS flow-relative shorthand and offset properties
- https://groups.google.com/a/chromium.org/g/blink-dev/c/E7f_WZOcTgQ
- *Prototype: First-party sets*
- https://groups.google.com/a/chromium.org/g/blink-dev/c/0EMGi-xbI-8
- Firefox は Harmful だが Safari は Positive らしい
- https://github.com/privacycg/proposals/issues/17
- *Prototype: Permissions-Policy header*
- https://groups.google.com/a/chromium.org/g/blink-dev/c/As1ABvc2QdA/m/yZSpPXY4CAAJ
- Prototype: Raw Sockets API
- https://groups.google.com/a/chromium.org/g/blink-dev/c/ARtkaw4e9T4/m/npjeMssPCAAJ
- Prototype: WebXR Depth API
- https://groups.google.com/a/chromium.org/g/blink-dev/c/U5Iy4LrcwoI/m/dIlbC2OhAwAJ
- Prototype: WebAuthentication API: ResidentKeyRequirement and credProps extension
- https://groups.google.com/a/chromium.org/g/blink-dev/c/hHV_nrVc-To/m/fjcfKB7zBwAJ
- Prototype: Add support for CSS properties "overflow: clip" and "overflow-clip-margin"
- https://groups.google.com/a/chromium.org/g/blink-dev/c/XcGGi4jAwfE
- Prototype: Progressive Web Apps as URL Handlers
- https://groups.google.com/a/chromium.org/g/blink-dev/c/2Sv3fCWEi_Q
- *Prototype: Customizable ` |
.png)
More
Religion & Spirituality
Education
Arts and Design
Health
Fashion & Beauty
Government & Organizations
Kids & family
Music
News & Politics
Science & Medicine
Society & Culture
Sports & Recreation
TV & Film
Technology
Philosophy
Storytelling
Horror and Paranomal
True Crime
Leisure
Travel
Fiction
Crypto
Marketing
History
Comedy
Arts
Games & Hobbies
Business
Motivation