JSer.info #419 - Nodeの開発版であるv11.7.0がリリースされました。

Node v11.7.0 (Current) | Node.js

zlibモジュールがbrotliでの圧縮、展開をサポートしています。

Node.jsの11.7.0からzlibモジュールでBrotli圧縮が使えるようになりました | WEB EGG

また同梱されるnpmが6.5.0へアップデートされ、今まで--experimental-workerのフラグ付きだったWorker Threadがデフォルトで有効になるといった変更が含まれています。

LightHouse 4.0.0がリリースされました。

Release 4.0.0 (2019-01-16) · GoogleChrome/lighthouse

PWAカテゴリを更新し、スコア表示ではなくOptimizedされているかをBadgeで表示するように変更。
speed-indexがthrottlingに対応した倍率となるように変更、スコアで満点を取ったときの表示を追加などが行われています。

Porting 30K lines of code from Flow to TypeScriptという記事では、Flowで型付けされたJavaScriptをTypeScriptでの型付けへ移行した経緯と方法について書かれています。

元々tcombでランタイムチェックしていたコードをFlowへ移行し、今回そのコードをTypeScriptでの型付けに移行した話が書かれています。

Babel 7でサポートされた@babel/preset-typescriptを利用し、TypeScriptのtscを型チェッカーとして使うようにして移行するアプローチについて書かれています。

FlowからTypeScriptへの移行方法、Flowの方がスムーズだった部分、サードパーティの型定義ファイルのカバレッジの違い、Lintやテストなどについても書かれています。

類似する趣旨の記事もいくつか書かれているので合わせてみるといいかもしれません。

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

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

JSer.info Sponsors

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

ヘッドライン

Release Workbox v4.0.0-beta.1 · GoogleChrome/workbox

github.com/GoogleChrome/workbox/releases/tag/v4.0.0-beta.1

ServiceWorker library ReleaseNote

Workbox 4.0.0β1リリース。
ウェブページで動作するworkbox-windowパッケージの追加、workbox-cliに--watchの追加など。
破壊的な変更としてworkbox-precachingが書き直し、skipWaitingやclientsClaimがworkbox.core.*へ移動するなど

The future of TypeScript on ESLint - ESLint - Pluggable JavaScript linter

eslint.org/blog/2019/01/future-typescript-eslint

TypeScript ESLint news

ESLintのTypeScript対応の今後について。
typescript-eslintという統合されたプロジェクトで、TypeScriptのパーサやルールの開発を行っていく予定。

Node v11.7.0 (Current) | Node.js

nodejs.org/en/blog/release/v11.7.0/

node.js ReleaseNote

Node.js 11.7.0リリース。
zlibモジュールがbrotliサポート、npm 6.5.0へアップデート、Workerがデフォルトで有効になるなど

Node.jsの11.7.0からzlibモジュールでBrotli圧縮が使えるようになりました | WEB EGG

Prettier 1.16: HTML improvements and better CRLF handling · Prettier

prettier.io/blog/2019/01/20/1.16.0.html

JavaScript Tools ReleaseNote

Prettier 1.16リリース。
CRLFの対応改善、babel(js)のパーサをアップデート、テストに利用できる--checkフラグの追加など

Release 4.0.0 (2019-01-16) · GoogleChrome/lighthouse

github.com/GoogleChrome/lighthouse/releases/tag/v4.0.0

Tools ReleaseNote browser performance

LightHouse 4.0.0リリース。
PWAカテゴリを更新しスコア表示ではなくなった。speed-indexがthrottlingに対応した倍率となるように変更、スコアで満点を取ったときの表示を追加など

7.3.0 Released: Named capturing groups, private instance accessors and smart pipelines · Babel

babeljs.io/blog/2019/01/21/7.3.0

babel ReleaseNote

Babel 7.3.0リリース。
proposal-private-methodsがgetterをサポート、proposal-pipeline-operatorで変換に対応、Named capturing groupsの対応など。
TypeScript Parserがimport typeとbigintのサポートなど

アーティクル

一休.comホテルページのスマホ版からjQuery依存を取り除くためにやったこと - 一休.com Developers Blog

user-first.ikyu.co.jp/entry/goodbye-jquery

jQuery JavaScript refacoring

jQuery依存を外すためのリファクタリング方法について。
jQueryと同等の機能の実装方法や外すことでのパフォーマンスの差異などについて。

Web Page Usability Matters - DEV Community 👩‍💻👨‍💻

dev.to/addyosmani/web-page-usability-matters-3aok

browser performance article

ウェブページのパフォーマンスを計測することにおける指標についての記事。
多く4つのステップにわけ、その中で利用するメトリクスについて紹介している

Porting 30K lines of code from Flow to TypeScript

davidgom.es/porting-30k-lines-of-code-from-flow-to-typescript/

flowtype TypeScript article

3万行のFlowのコードをTypeScriptへ移行した話。
元々tcombによるRuntime CheckからFlowへ移行し、Babel 7 + TypeScript presetへ移行した話。
tscを型チェッカーとして利用し、どのようにFlowからTypeScriptへ移行していったかについて。
また移行した結果サードパーティの型定義の改善などから、型のカバレッジが向上した話など