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をおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
Announcing React Native 0.70 · React Native
reactnative.dev/blog/2022/09/05/version-070
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 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
miniflare 2.8.0リリース。
Vitestのサポート、getMiniflareWaitUntil()
の追加、Web Streamsの互換性を修正、Queuesのエミュレートをサポートなど
preactjs/signals
PreactやReactで利用できるステート管理ライブラリ。
Refのような値を含むシグナルオブジェクトを扱い、Propsとして渡しても途中のコンポーネントは再レンダリングをしない。
一方で、値が変化したときにそのSignalを利用しているコンポーネントを再描画できるようにレンダリングの処理をHookする。
Release v2.1.0 · nuxt/content
github.com/nuxt/content/releases/tag/v2.1.0
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/
Safari Technology Preview 153リリース。
import-assertionとJSONモジュールのサポート、Temporal.PlainDateTime
をフラグ付きで実装。
ShadowDOMのImperative Slot APIを実装、navigator.permissions.query
をWorkerでサポートなど
Blog - Next.js 12.3 | Next.js
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 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
Jasmine 4.4.0リリース。
テストスイートのパフォーマンス改善
Release v9.0.0-pre.0 · npm/cli
github.com/npm/cli/releases/tag/v9.0.0-pre.0
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 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
npmのレジストリからパッケージをインストールするパッケージマネージャーを作りながら、パッケージマネージャーについて学ぶ記事
Bytecode Alliance
bytecodealliance.org/articles/wasmtime-10-performance
WebAssemblyのコンパイラであるCraneliftとランタイムであるWasmtimeについて。
どのようにWasmの実行を最適化するかについて
サイト、サービス、ドキュメント
hand-dot/react-inspector: Easily detect React components source code from Chrome!
github.com/hand-dot/react-inspector
クリックしたReactコンポーネントのソースコードをエディタで開くChrome拡張
GradeJS | Production Webpack Bundle Analyzer
URLのサイトのwebpackのproduction buildから、どのライブラリとバージョンが含まれているかを分析するツール
facebookincubator/memlab: A testing framework for finding JavaScript memory leaks and analyzing heap snapshots
github.com/facebookincubator/memlab
ウェブアプリケーションのメモリリークをシナリオベースで見つけるデバッグツール。
シナリオを定義し、Puppeteerを使ったブラウザアクセスした前後のヒープスナップショットからメモリリークしているオブジェクトを見つけるツールとビューア。
ソフトウェア、ツール、ライブラリ関係
frameable/el: Minimal JavaScript application framework / WebComponents base class
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.
SVGのフローダイアグラムエディタライブラリ