Fork me on GitHub

2019-10-22のJS: Node v12.13.0 (LTS)、Chrome 79の開発者ツールの変更点、WSL 2でNode.js入門

Edit on GitHub 編集履歴を見る

JSer.info #458 - Node.js 12.13.0がリリースされました。

Node.js 12.xのLTS(Long Term Support)となるバージョンで、Node.js 12.xは2022年4月までメンテナンスされます。
現在のLTSは8.x、10.x、12.xの3つとなり、8.xは2019年の12月でサポート終了となる予定です。

AWS Lambdaでは、Node.js 8.10の利用を非推奨にして廃止までのスケジュールがアナウンスされています。

Node.js 12.13.0の変更点としてはnpm 6.12.0へのアップデートが含まれる程度になります。
また、Node.js 12のメジャーアップデートにおける変更点は次のページを参照してください。


What's New In DevTools (Chrome 79)  |  Web  |  Google DevelopersではChrome 79の開発者ツールの変更点について書かれています。

SameSite Cookieの導入なども予定されているため、ネットワークパネルにブロックされてるCookieの理由表示されるようになっています。
また、コードカバレッジ機能の改善、ネットワークリクエストのコールスタックの表示、インデントの設定が無視されていたバグの修正なども行われています。

Chrome 80でデフォルト値としてSameSite=Laxとして導入される予定のSameSite Cookieについては次のページを参照してください。


ヘッドライン


Release v4.0.0 · vuejs/vue-cli

github.com/vuejs/vue-cli/releases/tag/v4.0.0

Vue console Tools ReleaseNote

Vue CLI 4.0.0リリース。
Nightwatch、Jest、PWAサポートの改善、依存のメジャーアップデートなどが含まれる


Release v5.6.0 · GoogleChrome/lighthouse

github.com/GoogleChrome/lighthouse/releases/tag/v5.6.0

Chrome performance Tools ReleaseNote

lighthouse v5.6.0リリース。
Stack packでAngular、React、AMP、Magentoのサポートし、フレームワーク固有のメトリクスの追加など


TestCafe v1.6.0 Released | TestCafe

devexpress.github.io/testcafe/blog/testcafe-v1-6-0-released.html

browser testing library ReleaseNote

TestCafe 1.6.0リリース。
フルページスクリーンショットのサポート、スクリーンショットオプションの変更など


Release Notes for Safari Technology Preview 94 | WebKit

webkit.org/blog/9609/release-notes-for-safari-technology-preview-94/

safari ReleaseNote

Safari Technology Preview 94リリース。
CSS Shadow Partsの::part()の疑似要素をサポート、httpsでCache-Control: no-storeのHTTPヘッダで配信されたページもBFCacheに入るように変更など


Node v12.13.0 (LTS) | Node.js

nodejs.org/en/blog/release/v12.13.0/

node.js ReleaseNote

Node.js 12.13.0リリース。
Node.js 12.xのLTS(Long Term Support)となるバージョンで、2022年4月までメンテナンスされる。
npm 6.12.0へのアップデートなど


Release electron v7.0.0 · electron/electron

github.com/electron/electron/releases/tag/v7.0.0

Electron ReleaseNote

Electron v7.0.0リリース。


アーティクル


What's New In DevTools (Chrome 79)  |  Web  |  Google Developers

developers.google.com/web/updates/2019/10/devtools

Chrome debug article

Chrome 79の開発者ツールについて。
ブロックされてるCookieの理由表示、コードカバレッジ機能の改善、ネットワークリクエストのコールスタックの表示など


Vanilla JavaScript and HTML - No frameworks. No libraries. No problem. - DEV Community 👩‍💻👨‍💻

dev.to/pluralsight/vanilla-javascript-and-html-no-frameworks-no-libraries-no-problem-2n99

JavaScript DOM article

フレームワークを使わずにDOM APIを使ってウェブページを作成するチュートリアル。
<template>タグを使ったコンポーネントの作成、レンダリングなどについて


Firefox's New WebSocket Inspector - Mozilla Hacks - the Web developer blog

hacks.mozilla.org/2019/10/firefoxs-new-websocket-inspector/

Firefox debug WebSocket article

Firefox 71の開発者ツールでWebSockets Inspectorが新しくなる。
WS protocolのデータがJSON、Socket.IO、SockJS等の場合にデータをInspectできるように、またWSトラフィックの停止と再開ボタンの追加など


スライド、動画関係


speakerdeck.com/masashi/samesite-cookie

browser slide security

SameSite Cookieについてのスライド。
SameSite CookieとCSRF、Cookieの属性、SameSite Cookieの動作とオプション(Strict, Lax, None)、ウェブサイトへの影響について


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


Developing with Node.js on Windows | Microsoft Docs

docs.microsoft.com/en-us/windows/nodejs/index

node.js tutorial windows

WSL 2を使ったWindows向けのNode.js開発のチュートリアル


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


middyjs/middy: 🛵 The stylish Node.js middleware engine for AWS Lambda

github.com/middyjs/middy

node.js aws Lambda library

aws lambdaのhandlerに対して前後に処理を加えられるmiddlewareライブラリ


meriyah/meriyah: A 100% compliant, self-hosted javascript parser - https://meriyah.github.io/meriyah

github.com/meriyah/meriyah

JavaScript AST library

JavaScriptのコードをESTree ASTフォーマットにパースできるJavaScriptパーサライブラリ


vega/vega-lite: A concise grammar of interactive graphics, built on Vega.

github.com/vega/vega-lite

JavaScript library graphic

宣言的なデータでインタラクティブなグラフを作成できるライブラリ


この記事へ修正リクエストをする
記事を紹介する