Fork me on GitHub

2020-11-22のJS: Tailwind CSS v2.0、Electron 11.0.0、TypeScript 4.1、playwright-test

Edit on GitHub 編集履歴を見る

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

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


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

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

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


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

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

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


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

JSer.info Sponsors

JSer.info SponsorsGitHub 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-ellipsisoverflow-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のサポート対象の追加など


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()の追加など


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.SegmenterisInputPendingpostMessageにStreamsを渡せるようになるなど。
また、FTPをデフォルトで無効化。


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でespreemeriyahのパーサをサポート、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、パフォーマンス計測に対する影響についてなど


Web 技術の調査方法 | blog.jxck.io

blog.jxck.io/entries/2020-11-19/how-to-track-web-standards.html

article browser spec proposal

ウェブ技術に関連する仕様、ステータス、議論内容の調べ方について。
Browser、IETF、W3C/WHAWG、TC39について


スライド、動画関係


BlackFan/client-side-prototype-pollution: Prototype Pollution and useful Script Gadgets

github.com/BlackFan/client-side-prototype-pollution

JavaScript security XSS

Prototype Pollution攻撃の事例を集めたリポジトリ。
さまざまなライブラリに対してのPrototype Pollutionのコード例をまとめている


PrimeFaces – Ultimate UI Framework

www.primefaces.org/

Angular React Vue library UI Java

Angular, React, Vue, JSFに対応したUIフレームワーク


サイト、サービス、ドキュメント


101arrowz/fflate: High performance (de)compression in an 8kB package

github.com/101arrowz/fflate

JavaScript library

deflate,gzip,zlibのcompress/decompressをサポートしているライブラリ。
ファイルサイズの小ささとパフォーマンスを主な目的としていて、Workerでの非同期処理にも対応している


microsoft/playwright-test: Build a cross-browser end-to-end test suite with Playwright.

github.com/microsoft/playwright-test

E2E browser test library

Playwrightを使ったE2Eテストフレームワーク。
JestライクなAssertion、PlaywrightとFolioを使ったテスト、Snapshotテストとしてビジュアルテスティングをサポートしている。


ソフトウェア、ツール、ライブラリ関係


github.com/mkay581/cookie-store

JavaScript library polyfill

Cookie Store API のPolyfillライブラリ


microsoft/folio: A customizable test framework to build your own test frameworks

github.com/microsoft/folio

JavaScript library testing

テストフレームワークを作るためのテストフレームワーク。
Test Fixture、Annotation APIでFlaky Testsの宣言やリトライ、テストの生成などを行える


kuu/hls-parser: A simple library to read/write HLS playlists

github.com/kuu/hls-parser

HLS JavaScript library

HLS playlistのパーサ、ジェネレーターライブラリ。
Apple Low-Latency HLS形式もサポートしている


ceifa/wasmoon: A real lua VM with JS bindings made with webassembly

github.com/ceifa/wasmoon

JavaScript library Lua

Lua VMをWebAssemblyに変換して、JavaScriptからLuaのコードを実行するライブラリ。


この記事へ修正リクエストをする
JSer.info Slackに参加する