Weekly Frontend News 2022年2月4週目

自分が今週見たフロントエンド記事のまとめ。

Chrom 99周りの情報

• What's New In DevTools (Chrome 99)
  https://developer.chrome.com/en/blog/new-in-devtools-99/

• Chrome 99: CSS カスケード レイヤ、input 要素の新しいピッカーなど
  https://developers-jp.googleblog.com/2022/02/chrome-99.html

CSS Cascade layersが入るぞぉおお〜！

Interaction Testing with Storybook

https://storybook.js.org/blog/interaction-testing-with-storybook/

Storybook上でテスト実行を行うInteraction Testingについて。
いまはinteractionsDebuggerオプションをtrueにすることで、落ちたテスト箇所の確認ができる。

Optimizing third-party script loading in Next.js

https://web.dev/script-component/

third-party scriptの最適化について。
Next.jsのScriptタグや今後の動向についても触れられていた。
今後は、web worker上で動かしたり、ある程度人気があるthird-party scriptをラッピングして、最適化されたコンポーネントの提供が考えられているらしい。

25 Malicious JavaScript Libraries Distributed via Official NPM Package Repository

https://thehackernews.com/2022/02/25-malicious-javascript-libraries.html

悪意あるnpmパッケージのリスト。

Mac Setup for Web Development [2022]

https://www.robinwieruch.de/mac-setup-web-development/

フロントエンド周りについていろんな記事を書いている方のMacセットアップの内容。
結構詳しく書かれているので面白い。