Fork me on GitHub

2022-09-13のJS: Next.js 12.3、npm 9 preリリース、Safari 16

Edit on GitHub 編集履歴を見る

JSer.info #609 - Next.js 12.3がリリースされました。

TypeScriptの自動インストールに対応、.envなどの変更にFast Refreshが対応、next/future/imageコンポーネントの改善が含まれています。
また実験的なオプションとしてunoptimizedの追加され、SWCでコードを圧縮するswcMinifyがStableとなりました。


npm v9.0.0-pre.0リリースされています。

Node.js 12のサポート終了されています。
workspacesでsemverのrangeを指定できるように、npm birthdayコマンド、npm binコマンドの削除されています。
また、npm pkgコマンドがあるため、v8.11.0でDeprecatedとなったnpm set-scriptが削除されています。
ローカルパッケージをsymbolic linkではなくパッケージとしてインストールするinstall-linksオプションのデフォルト値をtrueに変更なども含まれています。


iOS/iPad OS/macOSそれぞれでOSアップデートが行われ、Safari 16が公開されています。

AVIF形式のサポート、Passkeysのサポート、Web Inspector Extensionsをサポート、CSSのContainer Queries、Subgridのサポートが含まれています。
また、display: contentsのアクシビリティの改善、Motion Path、Overscroll Behavior, Shared Workersのサポートも含まれます。
そのほかには、<form>.requestSubmit()showPicker()のサポートなどが行われています。


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

JSer.info Sponsors

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


ヘッドライン


Announcing React Native 0.70 · React Native

reactnative.dev/blog/2022/09/05/version-070

React Native ReleaseNote

React Native, 0.70.0リリース。
Hermesがデフォルトエンジンへと変更、iOSとAndroidでのCodegenの設定の統合、Androiのビルド環境の改善など


7.19.0 Released: Stage 3 decorators and more RegExp features! · Babel

babeljs.io/blog/2022/09/05/7.19.0

babel JavaScript ReleaseNote

Babel 7.19.0リリース。
decoratorsとrecordAndTupleのデフォルト設定を変更、Stage 3のdecoratorsに対応するversionの追加、Duplicate named capturing groupsのサポートなど


Release v2.8.0 · cloudflare/miniflare

github.com/cloudflare/miniflare/releases/tag/v2.8.0

cloudflare JavaScript Tools ReleaseNote

miniflare 2.8.0リリース。
Vitestのサポート、getMiniflareWaitUntil()の追加、Web Streamsの互換性を修正、Queuesのエミュレートをサポートなど


preactjs/signals

github.com/preactjs/signals

JavaScript React library performance

PreactやReactで利用できるステート管理ライブラリ。
Refのような値を含むシグナルオブジェクトを扱い、Propsとして渡しても途中のコンポーネントは再レンダリングをしない。
一方で、値が変化したときにそのSignalを利用しているコンポーネントを再描画できるようにレンダリングの処理をHookする。


Release v2.1.0 · nuxt/content

github.com/nuxt/content/releases/tag/v2.1.0

Vue library ReleaseNote

Nuxt Content 2.1.0リリース
Document Drivenモードの追加、<Markdown>が非推奨となり代わりの<ContentSlot />の追加など


Release Notes for Safari Technology Preview 153 | WebKit

webkit.org/blog/13148/release-notes-for-safari-technology-preview-153/

webkit safari ReleaseNote

Safari Technology Preview 153リリース。
import-assertionとJSONモジュールのサポート、Temporal.PlainDateTimeをフラグ付きで実装。
ShadowDOMのImperative Slot APIを実装、navigator.permissions.queryをWorkerでサポートなど


Blog - Next.js 12.3 | Next.js

nextjs.org/blog/next-12-3

Next.js ReleaseNote

Next.js 12.3リリース。
TypeScriptの自動インストールに対応、.envなどの変更にFast Refreshが対応、next/future/imageコンポーネントの改善。
実験的なオプションとしてunoptimizedの追加、SWCでコードを圧縮するswcMinifyの追加など


Node v18.9.0 (Current) | Node.js

nodejs.org/en/blog/release/v18.9.0/

node.js ReleaseNote

Node.js 18.9.0リリース。
diagnostics_channelがprocess/workerをサポート、os.machine()メソッドの追加など


jasmine/4.4.0.md at main · jasmine/jasmine

github.com/jasmine/jasmine/blob/main/release_notes/4.4.0.md

JavaScript testing library ReleaseNote

Jasmine 4.4.0リリース。
テストスイートのパフォーマンス改善


Release v9.0.0-pre.0 · npm/cli

github.com/npm/cli/releases/tag/v9.0.0-pre.0

npm ReleaseNote

npm v9.0.0-pre.0リリース。
Node.js 12のサポート終了。
workspacesでsemverのrangeを指定できるように、npm birthdayコマンド、npm binコマンドの削除、npm pkgコマンドがあるためnpm set-scriptを削除。
ローカルパッケージをsymbolic linkではなくパッケージとしてインストールするinstall-linksオプションのデフォルト値をtrueに変更など


WebKit Features in Safari 16.0 | WebKit

webkit.org/blog/13152/webkit-features-in-safari-16-0/

safari ReleaseNote

Safari 16の変更について。
AVIF形式のサポート、Passkeysのサポート、Web Inspector Extensionsをサポート、CSSのContainer Queries、Subgridのサポート。
display: contentsのアクシビリティの改善
、Motion Path、Overscroll Behavior, Shared Workersのサポート。
<form>.requestSubmit()showPicker()のサポート。


アーティクル


雰囲気でパッケージマネージャーを作ろう

zenn.dev/sa2knight/articles/d473ca2894b659

JavaScript node.js article npm

npmのレジストリからパッケージをインストールするパッケージマネージャーを作りながら、パッケージマネージャーについて学ぶ記事


Bytecode Alliance

bytecodealliance.org/articles/wasmtime-10-performance

WebAssembly article

WebAssemblyのコンパイラであるCraneliftとランタイムであるWasmtimeについて。
どのようにWasmの実行を最適化するかについて


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


hand-dot/react-inspector: Easily detect React components source code from Chrome!

github.com/hand-dot/react-inspector

React debug Tools

クリックしたReactコンポーネントのソースコードをエディタで開くChrome拡張


GradeJS | Production Webpack Bundle Analyzer

gradejs.com/

webpack Tools webservice

URLのサイトのwebpackのproduction buildから、どのライブラリとバージョンが含まれているかを分析するツール


facebookincubator/memlab: A testing framework for finding JavaScript memory leaks and analyzing heap snapshots

github.com/facebookincubator/memlab

JavaScript debug Tools puppeteer

ウェブアプリケーションのメモリリークをシナリオベースで見つけるデバッグツール。
シナリオを定義し、Puppeteerを使ったブラウザアクセスした前後のヒープスナップショットからメモリリークしているオブジェクトを見つけるツールとビューア。


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


frameable/el: Minimal JavaScript application framework / WebComponents base class

github.com/frameable/el

WebComponents library

Web Componentsベースのウェブアプリケーションフレームワーク。


AlexeyBoiko/DgrmJS: DgrmJS is a JavaScript library for creating SVG flow diagrams. The main goal of the library is to set up workflows in BPM (Business Process Management) systems. Works on desktop and mobile, has no dependency, 3.5 KB gzipped.

github.com/AlexeyBoiko/DgrmJS

SVG diagram library JavaScript

SVGのフローダイアグラムエディタライブラリ


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