JSer.info #572 - Ember 4.0がリリースされました。

Ember 4.0 released

Emberではメジャーアップデート時に新機能を追加するのではなく、非推奨となったAPIを削除するリリースとなっています。
そのため非推奨のAPIの削除され、またEmber Classicが廃止となりOctaneがデフォルトなっています。

また、The Road to Ember 4.0で紹介されていましたが、Ember 4.0ではInternet Explorerのサポートが終了されています。

CSS in 2022 – Bram.usという記事では、2022年にブラウザへと実装される/されているCSSの機能について紹介されています。

Container Queries、Cascade Layers、Color Functions、新しいViewport Units、:has()、overscroll-behavior、
Subgrid、accent-color、Media Queryでの比較演算子などについて紹介されています。
また、仕様が不安定な実験的な段階ものとしてNesting、@scope、@when、@else、Scroll-Linked Animations、@propertyなどについても紹介されています。

お知らせ

この記事が2021年の最後の記事となります。

2021年も特に問題なく更新できていたようです。
主なデータに関しては、次のダッシュボードや10周年の記事で確認できます。

2022年の記事は来週の予定です。
更新の様子は、JSer.infoのSlackでも確認できます。
聞きたいこととか紹介したい記事などがあったらSlackやTwitterなどで書いてください。

最後に、Twitterなどで反応を書いてくれる方、Slackで記事を紹介してくれる方、GitHub Sponsorsで支援してくれる方々に感謝します。

それでは、2022年もよろしくお願いします。

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

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

JSer.info Sponsors

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

ヘッドライン

Ember 4.0 released

blog.emberjs.com/ember-4-0-released/

Ember ReleaseNote

Ember 4.0リリース。
新しい機能追加ではなく、非推奨の機能を削除するメジャーアップデート。
3.xで非推奨となったAPIの削除、Ember CLIに--ci-providerのフラグを追加しデフォルトをGitHub Actionsに変更など

アーティクル

Rust + wasmでJS向けの形態素解析ライブラリを作ってnpmで公開する

zenn.dev/higumachan/articles/a42f1ee50bbb8d

Rust npm WebAssembly article

wasm-packを使ってRustライブラリをWasmに変換して利用するNode.jsライブラリを公開する方法について

Node.jsのネイティブES Modulesサポートが抱える問題を解決するBabelプラグインを書いた

zenn.dev/qnighy/articles/6267716578c76d

node.js ECMAScript module babel

ESMとCJS間のinteropを扱うBabelプラグインとコマンドラインツール。
Node.jsのネイティブESMサポートは__esModuleを扱わないため、Babelなどで変換されたCJSを扱うときに違いが発生する。この違いを吸収する目的のツール

qnighy/node-cjs-interop: Babel plugin and helper functions for interoperation between Node.js native ESM and Babel ESM

CSS in 2022 – Bram.us

www.bram.us/2021/12/27/css-in-2022/

CSS article

2022年にブラウザがサポートしそうなCSSの機能紹介。
Container Queries、Cascade Layers、Color Functions、新しいViewport Units、:has()、overscroll-behavior。
Subgrid、accent-color、Media Queryでの比較演算子など。
また、実験的な段階ものとしてNesting、@scope、@when、@else、Scroll-Linked Animations、@propertyなどについても紹介している。