こんにちは！サイボウズ株式会社フロントエンドエンジニアのdaiki（@k1tikurisu）です。
はじめに
サイボウズ社内では毎週火曜日にFrontend Weeklyと題し「一週間の間にあったフロントエンドニュースを共有する会」を開催しています。
今回は、2024/07/09のFrontend Weeklyで取り上げた記事や話題を紹介します。
取り上げた記事・話題
React & Codemod Announcement
React 19への移行を支援するツール（codemod）が公開されました。例えば、次の移行作業を自動化してくれます。
-
Context.ProviderをContextに置き換え -
forwardRefの削除 -
useContextをuseに置き換え
next-cache-toolbar
Next.jsのData Cacheの中身を視覚的に見れるツールです。
Diving Deep into Array Index Positions
配列のインデックス位置についての考察記事です。
配列に不正なインデックス値を入れるとオブジェクトのキーのように扱われるため、配列操作は正確に行うことが大切であると結論づけています。
VercelがPPRをNodeランタイムにした件からWebフロントエンドとエッジの動向に迫る
Xで話題になった、Lee Robinsonのポストについて、その背景と本当にNode.jsランタイムの方が速くなるのかなど、議論ベースでまとめてくださっている記事です。
Nuxt 2 End-of-Life (EOL)
Nuxt2がEOLになることが発表されました。EOL後もNuxt2を使うユーザのために、HeroDevsからNever-Ending Support (NES)が提供されています。
Chrome 127 beta
Chrome 127のbeta版が公開されました。CSSのフォントサイズ調整（font-size-adjust）など、盛りだくさんな内容になっています。
An origin trial for a new HTML <permission> element
Permission Prompt（Chromeだと左上から出てくる、xxを許可しますか？のやつ）を、permission要素を使って制御できるようにする機能が試験運用されています。CSSでスタイリングも可能で、今後標準化される予定です。
State of JavaScript 2023
State of JavaScript 2023が公開されました。JavaScript技術の人気度や使用状況の変化がグラフで可視化されています。
React 19 で変わるアクセシビリティ周りの技術
React19で新しく加わる機能がa11yにどういう影響を与えるかを考察した記事です。
今後のNext.jsのキャッシュの方針について
今後のNext.jsのキャッシュの方針をまとめたポストです。Next.js 15では、fetchリクエストはデフォルトでキャッシュされなくなりました。
【小ネタ】Reactのドキュメントのロゴを右クリックするとロゴがダウンロードできるようになった
ドキュメントの左上にあるロゴを右クリックすると、ロゴをダウンロードできるようになりました。
Polyfill supply chain attack hits 100K+ sites
Polyfill.ioにマルウェアが混入され、10万以上のサイトに影響を与えました。Polyfill.ioはブラウザ互換性の問題を解決するためのJavaScriptライブラリで、代わりとなるフォークライブラリがCloudflareから提供されています。
Sustaining Digital Certificate Security - Entrust Certificate Distrust
Entrustの証明書を使ったサービスは11月以降Chromeで開けなくなります。--test-crs-constraintsフラグで事前に挙動をシミュレートすることができます。
新しいバンドラーMaco
Rustベースのバンドラーで、非常に高速だそうです。
新しいブラウザエンジンLadybird
元々はSerenityOS専用だったものが、ブラウザエンジンとして切り離されたようです。
次のJxckさんの記事でも紹介されています。
New to the web platform in June
6月にWebブラウザに追加された、安定版またはベータ版の機能を紹介する記事です。Firefox 127とChrome 126が安定版になりました。
JSConf JP 2024
JSConf JP 2024のCFP募集がはじまりました。
あとがき
個人的には、State of JavaScript 2023のJavaScript Pain PointsでJavaScript周りのきついポイントが紹介されていて面白かったです。
Discussion