JSer.info #501 - Storybook 6.0.0がリリースされました。

TypeScriptのビルトインサポート、ストーリー関数の最初の引数にArgsオブジェクトを渡すように、addon-knobsの代わりとなるaddon-controlsの導入。
複数のStoryboardを1つのStorybookにまとめることができるようになるなど。
それぞれの機能追加に関する記事も公開されています。

Zero-config Storybook. Simple setup, instant productivity | by Michael Shilman | Storybook | Aug, 2020 | Medium
Introducing Storybook Args. Next-gen, dynamic component examples | by Michael Shilman | Storybook | Jul, 2020 | Medium
Storybook Composition. Combine multiple Storybooks into one | by Dominic Nguyen | Storybook | Jun, 2020 | Medium
Storybook Controls. Live edit UI components w/ no code | by Michael Shilman | Storybook | Jul, 2020 | Medium

また5.3から6.0へのマイグレーションガイドとマイグレーションコマンド(npx sb upgrade)も公開されています。

npm 7がベータリリースされました。

The npm Blog — npm v7 Series - Beta Release! And: SemVer-Major...

peerDependenciesがデフォルトでインストールされるようになり、npm 6の挙動を再現する--legacy-peer-depsが追加されています。
npmは2まではpeerDependenciesを自動インストールしていましたが、3でpeerDependenciesをデフォルトでインストールしないように変更しています。

Release v3.0.0 · npm/npm

peerDependenciesに関するyarnやpnpmのスタンスについては、次のRFC Issueにかかれています。

Let's install peer deps again! by isaacs · Pull Request #43 · npm/rfcs

機能追加としてはacceptDependenciesのサポート、package-lock.jsonの形式変更とyarn.lockのサポート、workspacesフィールドのサポートなども含まれています。
また、npm run-scriptにおけるnpm_package_*とnpm_package_*の環境変数の削除/変更が行われています。

その他には、npxの代わりとなるnpm execコマンドが追加され、npxはnpm execのaliasとなる予定とのことです。

[QUESTION] (How) Is this maintained? · Issue #30 · npm/npx

Node.jsウェブフレームワークのhapi 20.0.0がリリースされました。

20.0.0 Release Notes · Issue #4138 · hapijs/hapi

このMajor updateには機能的な破壊的な変更はありませんが、メンテナーがEran HammerからTechnical Steering Committeeへと引き継がれる変更が含まれています。

経緯については次のIssueで解説されていますが、商用サポートの採算的な問題とモチベーションの問題からhapiの作者であるEran Hammerによるメンテナンスを今年で終了することが伝えられていました。
この問題を受けてメンテナンスを引き継ぐためのhapi Technical Steering Committee(TSC)が設立され、20.0.0からはTSCがhapiのメンテナーとなります。

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

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

JSer.info Sponsors

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

ヘッドライン

Release v6.0.0 · storybookjs/storybook

github.com/storybookjs/storybook/releases/tag/v6.0.0

JavaScript UI Tools ReleaseNote

Storybook 6.0.0リリース。
TypeScriptのビルトインサポート、ストーリー関数の最初の引数にArgsオブジェクトを渡すように、addon-knobsの代わりとなるaddon-controlsの導入。
複数のStoryboardを1つのStorybookにまとめることができるようになるなど。
また5.3から6.0へのマイグレーションガイドも公開されている

The npm Blog — npm v7 Series - Beta Release! And: SemVer-Major...

blog.npmjs.org/post/626173315965468672/npm-v7-series-beta-release-and-semver-major

npm ReleaseNote

npm 7 betaリリース。
peerDependenciesがデフォルトでインストールされるようになり、過去の挙動を再現する--legacy-peer-depsが追加された。
acceptDependenciesのサポート、package-lock.jsonの形式変更とyarn.lockのサポート、workspacesフィールドのサポートなど。
また、npm run-scriptにおけるnpm_package_*とnpm_package_*の環境変数の削除などが行われている

Node v14.8.0 (Current) | Node.js

nodejs.org/en/blog/release/v14.8.0/

node.js ReleaseNote

Node.js 14.8.0リリース。
Top-Level Awaitのデフォルトサポート、async_hooksモジュールにAsyncResource.bindの追加など

Release Version 8.0.0 · acornjs/acorn

github.com/acornjs/acorn/releases/tag/8.0.0

JavaScript ECMAScript library

JavaScriptパーサであるAcorn 8.0.0リリース。
ECMAScript moduleとしてロードできるように、ecmaVersionオプションが必須となった

Update for Customers Using PhoneGap and PhoneGap Build | by Adobe I/O | Aug, 2020 | PhoneGap

blog.phonegap.com/update-for-customers-using-phonegap-and-phonegap-build-cc701c77502c

JavaScript app news

ウェブ技術を使ってネイティブアプリを作れるPhoneGapのビルドサービスが2020年10月で終了する。
代替としてApache Cordova、Ionicなどがあることについて。

20.0.0 Release Notes · Issue #4138 · hapijs/hapi

github.com/hapijs/hapi/issues/4138

node.js library ReleaseNote

hapi 20.0.0リリース。
コアメンテナーが交代しTechnical Steering Committee (TSC) ベースのプロジェクトに変更がメインのアップデート。
@hapi/joiから@hapi/validateに変更、Node.js 14のサポートなど

The future of the hapi project · Issue #4113 · hapijs/hapi

emscripten/ChangeLog.md at master · emscripten-core/emscripten

github.com/emscripten-core/emscripten/blob/master/ChangeLog.md#200-08102020

WebAssembly JavaScript library Tools ReleaseNote

C/C++などをWebAssemblyにコンパイルするEmscripten 2.0リリース。
fastcomp backendの削除、Python 2のサポートを削除。
また例外情報のメタデータをJSではなくWebAssembly.Memoryに保存することで例外処理がスレッドセーフになるような変更など

Remove fastcomp · Issue #11319 · emscripten-core/emscripten

Release 2.11.0 · qunitjs/qunit

github.com/qunitjs/qunit/releases/tag/2.11.0

JavaScript test library ReleaseNote

QUnit 2.11.0リリース。
Node.js 10未満のサポートを削除、assert.trueとassert.falseの追加、HTMLレポートの検索改善など

Ajv Joins OpenJS Foundation as an Incubation Project - OpenJS Foundation

openjsf.org/blog/2020/08/14/ajv-joins-openjs-foundation-as-an-incubation-project/

JSON library news JavaScript

JSON SchemaバリデーターであるAjvがOpenJS Foundationに入った。

Evgeny Poberezkin - Ajv JSON Schema validator: Mozilla MOSS grant and OpenJS Foundation

アーティクル

Node.jsでプロトタイプ汚染後に任意コード実行まで繋げた事例 - knqyf263's blog

knqyf263.hatenablog.com/entry/2020/08/11/050342

JavaScript article security

Node.jsにおけるプロトタイプ汚染の実例を紹介している記事

The Golden Rule of Generics

effectivetypescript.com/2020/08/12/generics-golden-rule/

TypeScript article

TypeScriptのGenericsを使うべきかを判断するとき目安として「型パラメーターは2回表示されるとき」というルールについて。
いろいろなコード例ともにGenericsの利用例を紹介している

Handbook Page

Optimizing CSS for faster page loads - Tomas Pustelnik's personal website

pustelto.com/blog/optimizing-css-for-faster-page-loads/

CSS article performance

CSSのCritical Pathの最適化について。
CSSのロードタイムに与える影響、Critical CSSの分離と遅延ロード、CSSのCode Splittingについて

Node.js and the struggles of being an EventTarget

www.nearform.com/blog/node-js-and-the-struggles-of-being-an-eventtarget/

node.js article

Node.jsにEventTargetがなぜ実装されたのかについて。
Node.jsにFethやAbortControllerなどのウェブ標準のAPIを実装するためにブラウザと互換性のあるEventTarget APIが必要である点について。
EventTargetを実装するにあたっての互換性、複数継承、パフォーマンスの問題をどう解決したかについて