2023-09-18hrdtbs2023年9月18日MFWTypeScript社内向けに、フロントエンド関連のニュースや業務で発生したQ&A、利用しているライブラリなどの情報を定期的に書いています。Weeklyとしてまとめています。内容は実務や趣味で使えそうなものを中心に扱っており、網羅的ではなく偏りがあります。離散的なCSSプロパティのアニメーションが可能になりました。noneに切り替わります。ルールで、要素の初期状態を指定できるようになりました。これにより今までanimationプロパティやJavaScriptなどを併用する必要があったアニメーションなどをtransitionのみで記述できるようになります。grouping配列のグループ化できるObject.groupByとMap.groupByが追加されました。SubgridSubgridを利用すると、グリッドを入れ子にして、親行列の行や列に子行列を整列させることが出来ます。Chromeのサポートにより、ほとんどのモダンブラウザで利用できるようになりました。16px;}子行列内の位置を揃えたいようなケースで有用です。v13.5がリリースされました。ローカル開発のパフォーマンス改善が主な内容です。サーバーの起動やHMRの高速化、メモリ使用量の削減、next/imageの改善などが行われました。StreamとResponseのサポート、head要素内のレンダリング最適化、Viteのアップデート及びマイナーバージョンの固定を解除、NitroやTypeScriptの設定のアップデートなどが行われました。v1.0がリリースされました。testによるテスト機能など、JavaScript/TypeScriptのツールチェーンを統合したものです。多くのケースで、Node.jsよりも高速に動作します。https://astro.buildAstroは、さまざまなフレームワークやライブラリに対応した静的サイトジェネレータです。Refreshが動作するようになりました。Studioが発表されました。2024年初頭での一般公開が予定されています。https://biomejs.devいくつか事情で開発が滞っていたRomeを、コアチームがフォークし今後はBiomeとして開発を行なっていくことを発表しました。Deployがnpm:を介してnpmモジュールの実行をネイティブにサポートするようになりました。CSSを利用したReactのコードが生成するAIツールをリリースしました。BunLodashが突如すべてのIssueとPRを閉じたため、Lodashが終わったというような誤報がありましたが、Lodashの作者のツイートを見るにTypeScriptとBunに移行する前段階として行なったようです。利用できるようになりました。他にもテストランナーやNode.jsとの互換性の改善なども行われています。v1.82で、ngrokのようにローカルサーバーにインターネットからアクセスする機能が追加されました。v16が2023年9月11日にEOLを迎えました。現在のLTSはv18です。Next.Navhttps://www.next-nav.com/Next.jsのアプリケーション構造を可視化するVSCode拡張。https://www.ladle.devLadleはReactに特化し、パフォーマンスを重視したStorybookの代替ツールです。configサポートなどが行われました。