JSer.info #515 - Utility-FirstなCSSフレームワークであるTailwind CSS 2.0がリリースされました。

Tailwind CSS v2.0 – Tailwind CSS

破壊的な変更としてIE11のサポートを終了、Node 10以下のサポートを終了、一部クラス名の変更などが含まれています。
機能追加としてカラーパレットの追加、ダークモードのサポート、2xl breakpointの追加しています。
また、フォーム向けのプラグインとして@tailwindcss/formsの追加、@applyの対応改善、overflow-ellipsisとoverflow-clipの追加などもされています。

Electron 11.0.0がリリースされました。

Electron 11.0.0ではApple Siliconに対応しています。

Apple Silicon Support | Electron Blog

その他には、Chromium 87/V8 8.7/Node.js 12.18.3へのアップデートなどが含まれています。

TypeScript 4.1が正式にリリースされました。

Announcing TypeScript 4.1 | TypeScript

大きな変更としてTemplate Literal Typesがサポートされています。
Template Literal Typesは型定義の表現をかなり強力にするため、DSLに対する型定義などに使われそうです。

ghoullier/awesome-template-literal-types: Curated list of awesome Template Literal Types examples

また、Mapped TypesでKeyのRemappingをサポート、再帰的なConditional Typesのサポート。インデックスアクセス時にundefinedとなる可能性を考慮するnoUncheckedIndexedAccessオプションの追加。
その他には、baseUrlなしでpathsオプションを指定に対応、新しいJSXの変換に対応しています。
破壊的な変更として、new Promiseにおけるresolve関数の引数がOptionalではなるといった変更も含まれています。

JSer.infoをサポートするには

😘 知り合いにJSer.infoをおすすめする
❤️ GitHub Sponsorsで@azuのスポンサーになる
🐦 X(Twitter)で@jser_infoをフォローする

JSer.info Sponsors

JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。

ヘッドライン

Tailwind CSS v2.0 – Tailwind CSS

blog.tailwindcss.com/tailwindcss-v2

CSS library ReleaseNote

Tailwind CSS 2.0リリース。
破壊的な変更としてIE11のサポートを終了、Node 10以下のサポートを終了、一部クラス名の変更など。
機能追加としてカラーパレットの追加、ダークモードのサポート、2xl breakpointの追加。
フォーム向けのプラグインとして@tailwindcss/formsの追加、@applyの対応改善、overflow-ellipsisとoverflow-clipの追加など

Firefox 83 is upon us - Mozilla Hacks - the Web developer blog

hacks.mozilla.org/2020/11/firefox-83-is-upon-us/

Firefox ReleaseNote

Firefox 83リリース。
開発者ツールでscrollのデバッグ改善、
CSS conic-gradient関数のサポート、WebRenderのサポート対象の追加など

Firefox 83 for developers - Mozilla | MDN

Electron 11.0.0 | Electron Blog

www.electronjs.org/blog/electron-11-0

Electron ReleaseNote

Electron 11.0.0リリース。
Chromium 87/V8 8.7/Node.js 12.18.3へアップデート。
Apple M1のサポート、app.createThumbnailFromPath()、webContents.forcefullyCrashRenderer()の追加など

Release electron v11.0.0 · electron/electron

New in Chrome 87 | Web | Google Developers

developers.google.com/web/updates/2020/11/nic87

Chrome ReleaseNote

Chrome 87リリース。
DevToolsにWebAuthnタブを追加、カメラのpan/tilt/zoomのサポート、Service WorkerでRangeリクエストのサポート。
Cookie Store API、Intl.Segmenter、isInputPending、postMessageにStreamsを渡せるようになるなど。
また、FTPをデフォルトで無効化。

Chrome Platform Status

Announcing TypeScript 4.1 | TypeScript

devblogs.microsoft.com/typescript/announcing-typescript-4-1/

TypeScript ReleaseNote

TypeScript 4.1リリース。
Template Literal Types、Mapped TypesでKeyのRemappingをサポート、再帰的なConditional Typesのサポート。インデックスアクセス時にundefinedとなる可能性を考慮するnoUncheckedIndexedAccessオプションの追加。
baseUrlなしでpathsオプションを指定できるように、新しいJSXの変換に対応。
破壊的な変更として、new Promiseにおけるresolve関数の引数がOptionalではなくなるなど

Prettier 2.2: new JavaScript parsers, TS 4.1 and ESM standalone bundles · Prettier

prettier.io/blog/2020/11/20/2.2.0.html

JavaScript Tools ReleaseNote

Prettier 2.2.リリース。
JavaScriptでespreeとmeriyahのパーサをサポート、TypeScript 4.1サポート、standalone版を同梱するようになるなど

Release Notes for Safari Technology Preview 116 | WebKit

webkit.org/blog/11348/release-notes-for-safari-technology-preview-116/

webkit safari ReleaseNote

Safari Technology Preview 116リリース。
AudioWorklet APIをデフォルトで有効化、MediaRecorderの改善、Storage Access APIをper frameからper pageに変更など

ECMAScript proposal updates @ 2020-11 | ECMAScript Daily

ecmascript-daily.github.io/ecmascript/2020/11/22/ecmascript-proposal-updat

ECMAScript proposal news

2020-11におけるTC39 MeetingでのECMAScript Proposalのステータ変更のまとめ

アーティクル

Back/forward cache

web.dev/bfcache/

Chrome article

Chrome 87(Android)からcross-siteにおけるナビゲーションでBFCacheが有効化される。
BFCacheの動作、BFCacheで表示されたかの判定方法、BFCacheされない条件とBFCacheからの処理の再開方法について。
また、Google Analyticsのアクセス解析とBFCache、パフォーマンス計測に対する影響についてなど