Fork me on GitHub

2020-03-24のJS: Chrome 81のリリース延期、Babel 7.9.0、Prettier 2.0

Edit on GitHub 編集履歴を見る

JSer.info #480 - 2020年3月17日にリリース予定だったChrome 81のリリースが延期されています。

詳細については書かれていませんが、MSEdgeも同様にリリースを延期するようです。

またFirefox 74では既にTLS 1.0/1.1が廃止されていましたが、一部サイトがTLS 1.2に対応していないため、TLS 1.0と1.1を再有効化しています。

同様にDTLS 1.0(Datagram Transport Layer Security 1.0)もFirefox 75で廃止予定でしたが、libjitsiがDTLS 1.2に対応していないことを理由に再有効化する予定とのことです。

Chrome 81でも同様のTLS 1.0とTLS 1.1廃止が予定されていたので、これがスケジュール変更の主な理由ではないかと考えられています。


Babel 7.9.0がリリースされました。

2020年4月に予定しているメジャーアップデートのBabel 8に向けた変更が含まれています。

@babel/preset-envesmodules: trueをtargetにした場合の出力コードを小さくするbugfixesというオプションが追加されました。
互換性のためにオプトインとなっていますが、このオプションはBabel 8ではデフォルトになる予定です。

TypeScript 3.8のimport type/export typeをサポート、Flowのdeclareフィールドをサポートしています。
また、ReactのRFCとして出ている新しいJSXの変換に対応するオプションが追加されています。


Prettier 2.0がリリースされました。

TypeScript 3.8をサポート、CLIでファイル名に*という文字そのものが含まれている場合をサポートされています。
Node.js 10未満のサポート終了し、デフォルト設定の一部変更といった破壊的な変更も含まれます。

次のオプションはそれぞれデフォルト値が変更されているので、オプションが指定されていなかった場合にフォーマット結果が変更されます。

  • trailingComma:es5
  • arrowParens: always
  • endOfLine: lf

また、.cjs拡張子のサポートや--stdinフラグの削除などが行われています。


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

JSer.info Sponsors

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


ヘッドライン


Chrome Releases: Upcoming Chrome and Chrome OS releases

chromereleases.googleblog.com/2020/03/upcoming-chrome-and-chrome-os-releases.html

Chrome news

2020年3月17日に予定していたChrome 81のリリースは延期。
今のところスケジュールは未定とのこと。


Release v7.0.0 · nestjs/nest

github.com/nestjs/nest/releases/tag/v7.0.0

JavaScript node.js library ReleaseNote

NestJS 7リリース。
type-graphqlパッケージから@nestjs/graphqlパッケージに移行、
ParseArrayPipeParseBoolPipeのtransformer pipeを追加など


7.9.0 Released: Smaller preset-env output, Typescript 3.8 support and a new JSX transform · Babel

babeljs.io/blog/2020/03/16/7.9.0

babel ReleaseNote

Babel 7.9.0リリース。
preset-envにmodule/npnmoduleパターンをサポートするオプションの追加。Babel 8.0でデフォルト化する予定。
TypeScript 3.8とFlow 0.120のサポート。ReactのRFCがでている新しいJSXの変換に対応など


Prettier 2.0 “2020” · Prettier

prettier.io/blog/2020/03/21/2.0.0.html

JavaScript Tools ReleaseNote

Prettier 2.0リリース。
TypeScript 3.8をサポート、CLIでファイル名に*が含まれている場合をサポート。
Node.js 10未満のサポート終了、デフォルト設定の一部変更など。

  • trailingComma:es5
  • arrowParens: always
  • endOfLine: lf

アーティクル


npmのprivate registryからGitHub Packages Registryに移行する

tech.plaid.co.jp/npm-private-registry-to-github-packages-registry/

node.js npm Github Actions article JavaScript

GitHub Packages Registryへの移行記事。
npmとGitHubの同名スコープの衝突問題。GitHub ActionsでのGitHub Packages Registryへのpublishフロー、Registry変更時のパッケージの静的、動的なチェックについてなど


Implementing single-file Web Components

ckeditor.com/blog/implementing-single-file-web-components/

JavaScript WebComponents article

Web ComponentsでVueのようなSingle file componentを実装する記事。
コンポーネントをFetchし、ファイル内をパースしてTemplate、CSS、JavaScriptを取りだす。
Scriptをimportするために、データURLからBlobを作成しModuleとして読み込むハックについてなど


luruke/browser-2020: Things you can do with a browser in 2020 ☕️

github.com/luruke/browser-2020

browser WebPlatformAPI article Chrome

ブラウザ/Chromeに実装されている新しいAPIについての概要をまとめたもの。


Node.jsでUnhandled RejectionsのときにExit Statusが0となる問題を回避する方法 | Web Scratch

efcl.info/2020/03/20/node-unhandled-rejections-exit-status/

node.js JavaScript article

Node.jsでのUnhandled Rejectionsの問題について。
意図しない正常終了を避ける方法としてのエラーハンドリング、unhandledRejectionイベント、--unhandled-rejectionsオプションについて


Introduction to AntV / Jiazhe Wang / Observable

observablehq.com/@jiazhewang/introduction-to-antv

JavaScript graphic library article

データビジュアライズライブラリのAntVについての紹介記事。


スライド、動画関係


TSerの遊び場:TS playground plugin

talks.leko.jp/our-toys-your-sandbox/#0

TypeScript slide plugin

TypeScript PlaygroundのPluginについて


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


ryanelian/ts-polyfill: Runtime polyfills for TypeScript libs, powered by core-js!

github.com/ryanelian/ts-polyfill

TypeScript library

tsconfig.jsonのlibに合わせたpolyfillを提供するライブラリ


elninotech/uppload: 📁 Uppload is a better JavaScript image uploader with 30+ plugins

github.com/elninotech/uppload

JavaScript library

プラグインで様々なサービスに対応している画像アップロードライブラリ


luciopaiva/heapify: The fastest JavaScript priority queue out there. Zero dependencies.

github.com/luciopaiva/heapify

JavaScript library

優先度付きキューの実装ライブラリ


書籍関係


The 2019 Web Almanac

almanac.httparchive.org/ja/2019/

browser performance web HTTP book

HTTP Archiveのデータ元にしたレポートであるWeb Almanacの日本語訳。


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