Fork me on GitHub

2023-11-08のJS: Remix 2.2.0(Vite)、Deno 1.38、Angular.dev

Edit on GitHub 編集履歴を見る

JSer.info #668 - Remix 2.2.0がリリースされました。

Viteをサポートし、ViteのプラグインとしてRemixを使えるようになりました。
詳しくは次の記事で解説されていますが、既存のViteのエコシステムに乗れることで開発体験の改善やViteのプラグインの利用などができるようになっています。

他には、Fetcherにkeyを指定できるようになる変更が含まれています。
また、future.v3_fetcherPersistフラグで、Fetcherのクリーンアップの新しい挙動をopt-inで試せるようになっています。


Deno 1.38がリリースされてました。

deno doc --htmlで静的なHTMLなドキュメントを生成をサポートをサポートしています。
--unstable-hmrでHMRをサポート、--unstable-byonmでnpmなどでインストールしたnode_modulesのnpmパッケージを利用できるようになっています。
その他には、deno run --env.envのロードをサポート、std/httpEventSource APIのサポートなどが含まれています。

また、http/serverの非推奨化、std/ioの非推奨化、std/wasiの非推奨化などの変更も含まれています。


Angular.devというAngularの新しい学習サイトが公開されました。

サイト上では学習リソースやWebContainersを使ったPlaygroundなどが用意されています。


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

JSer.info Sponsors

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


ヘッドライン


Release v2.2.0 · remix-run/remix

github.com/remix-run/remix/releases/tag/remix%402.2.0

Remix React JavaScript library ReleaseNote

Remix 2.2.0リリース。
Viteのサポート、Fetcherにkeyを指定できるように。
future.v3_fetcherPersistフラグで、Fetcherのクリーンアップの新しい挙動をopt-inできるようになるなど


Release 3.0.0 · facebook/docusaurus

github.com/facebook/docusaurus/releases/tag/v3.0.0

React document Tools ReleaseNote

docusauru 3.0.0リリース。


New in Chrome 119 - Chrome for Developers

developer.chrome.com/en/blog/new-in-chrome-119/

Chrome ReleaseNote

Chrome 119リリース。
CookieのExpiresの最大値を400日にする変更を過去分に対して適応、WebSQLの削除。
CSSの:user-valid/:user-invalidの擬似クラスのサポート、relative color構文のサポート、clip-pathプロパティの改善など


Deno 1.38: HTML doc generator and HMR

deno.com/blog/v1.38

deno ReleaseNote

Deno v1.38リリース。
deno doc --htmlで静的なHTMLなドキュメントを生成をサポート。
--unstable-hmrでHMRをサポート、--unstable-byonmでnpmなどでインストールしたnode_modulesのnpmパッケージを利用できるように、node:*をサポート。
deno run --env.envのロードをサポート、std/httpEventSource APIのサポートなど。
その他には、http/serverの非推奨化、std/ioの非推奨化、std/wasiの非推奨化などが含まれている。


Bun v1.0.8 | Bun Blog

bun.sh/blog/bun-v1.0.8

Bun ReleaseNote

Bun v1.0.8リリース。
require()のメモリリークを修正、bun testでモジュールのモックをサポート、bun installのバグ修正、setTimeout(fn, 0)のバグ修正など


Chrome 120 beta - Chrome for Developers

developer.chrome.com/en/blog/chrome-120-beta/

Chrome ReleaseNote

Chrome 120 betaリリース。
CSSの@propertysyntax:<image>をサポート、maskingを-webkit prefixなしでサポート、nestingのrelaxed parsing behaviorに対応。
<details name>のサポート、FontFaceSet.check()のサポート、Intersection ObserverのscrollMarginオプションをサポート。
Fenced Framesの機能更新、Permissions-Policy-Report-Onlyヘッダの対応。

Origin Trialとして、priorityリクエストヘッダの対応、Performance.measureUserAgentSpecificMemory()などが含まれている。


Announcing TypeScript 5.3 RC - TypeScript

devblogs.microsoft.com/typescript/announcing-typescript-5-3-rc/

TypeScript ReleaseNote

TypeScript 5.3 RCリリース。
Stage 3のImport Attributesをサポート、resolution-mode///コメントで指定できるように。
switch(true)でのNarrowingをサポート、[Symbol.hasInstance]insteanceofを使ったNarrowingをサポート。
パッケージ内のbundleファイルの重複を避けることで、パッケージサイズの改善など。


N|Solid Runtime: NodeSource's Open Source Release for Node.js

nodesource.com/blog/nsolid-oss-release

nodejs OpenSource ReleaseNote

Node.jsに詳細なメトリクスや細かい動作の制御などを組み込んだRuntimeであるN|SolidのコードがMITライセンスで公開された。


アーティクル


Remix ❤️ Vite | Remix

remix.run/blog/remix-heart-vite

React Remix vite article

RemixのViteサポートについて。
RemixがViteのプラグインとして導入できるようになり、Viteの開発サーバやビルド、プラグインの仕組みを使って開発できるようになる。
まだCloudflareはサポートしていないが、今後サポート予定


WebAssembly Garbage Collection (WasmGC) now enabled by default in Chrome - Chrome for Developers

developer.chrome.com/en/blog/wasmgc/

Chrome WebAssembly article

Chrome 119でサポートされたWasmGCについて。
Wasm上に独自のGCを実装せずに、既存のGCを再利用できるようにするHeap管理の仕組みについて


Announcing Angular.dev. Today, we are excited to launch… | by Emma Twersky | Nov, 2023 | Angular Blog

blog.angular.io/announcing-angular-dev-1e1205fa3039

Angular document article

Angularの新しい学習サイトが公開された。
WebContainersを使いブラウザ情報で直接編集できるチュートリアルやドキュメントなどが用意されている


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


farm-fe/farm: Extremely fast Vite-compatible web build tool written in Rust

github.com/farm-fe/farm

vite rollup bundler Rust Tools JavaScript

Vite/Rollupプラグイン互換の仕組みを持ったRust製のBundlerツール。
ビルドパフォーマンス、devとproductionビルドでの一貫性、dev環境でbundleしないことでのリクエスト数の問題を解決する目的。
モジュールをグループという単位でbundleして、リクエスト数を削減とキャッシュヒット率の向上を目的にしたPartial Bundlingという仕組みを持つ。


oxc-project/javascript-parser-in-rust: Tutorial on writing a JavaScript Parser in Rust

github.com/oxc-project/javascript-parser-in-rust

JavaScript AST Rust tutorial

JavaScriptのパーサをRustで書くためのガイドやチュートリアル


書籍関係


フロントエンドの知識地図—— 一冊でHTML/CSS/JavaScriptの開発技術が学べる本:書籍案内|技術評論社

gihyo.jp/book/2023/978-4-297-13871-4

HTML CSS JavaScript book

2023年11月24日発売。
フロントエンドの入門書


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