Next.js 14.2リリースなど: Cybozu Frontend Weekly (2024-04-16号)

2024/04/17に公開

こんにちは!サイボウズ株式会社フロントエンドエンジニアのおぐえもん(@oguemon_com)です。

はじめに

サイボウズでは毎週火曜日にFrontend Weeklyという「一週間にあったフロントエンドニュースを共有する会」を社内で開催しています。

今回は、2024年4月16日のFrontend Weeklyで取り上げた記事や話題を紹介します。

取り上げた記事・話題

tailwindcss-mixins

https://github.com/brandonmcconnell/tailwindcss-mixins

Tailwind CSSで、複数の要素に同時に適用するユーティリティのグループを定義できるプラグインです。mixin:などの記法を利用できます。

How we built JSR

https://deno.com/blog/how-we-built-jsr

The JavaScript Registryで採用されている技術構成を紹介している記事です。例えばAPIサーバーではhyperというRust製のHTTPライブラリが利用されています。

Release Notes for Safari Technology Preview 192

https://webkit.org/blog/15260/release-notes-for-safari-technology-preview-192/

"Safari Technology Preview 192"のリリースノートです。Safari Technology Previewとは、Safariの新機能を先行して利用できる仕組みです。本バージョンでは、View Transitionsをはじめとする新機能の導入や、各種改善が行われています。

🤏 In Slidev 0.49 (currently in beta), we will get draggable elements just like what you have in Keynote/PowerPoint!

https://twitter.com/Slidevjs/status/1777886096124248241

Slidevのv0.49 betaにて、ドラッグで回転・移動・サイズ変更ができる要素が利用可能になる旨を知らせる投稿です。

pnpm v9.0.0-rc.0

https://github.com/pnpm/pnpm/releases/tag/v9.0.0-rc.0

pnpmのv9.0.0-rc.0のリリースノートです。Node v16のサポート終了や、pnpm licenses list --jsonコマンドの出力変更などが行われています。

Japanese Svelte Companies

https://github.com/svelte-jp/japanese-svelte-companies

Svelte/SvelteKitを採用している日本企業をまとめた記事です。本記事執筆時点で11社が名を連ねています。

Intent to Ship: CSS Anchor Positioning

https://groups.google.com/a/chromium.org/g/blink-dev/c/jGTYNuidPRs/m/-jB4agJ7AAAJ?pli=1

CSS Anchor Positioningの仕様に関する記録です。本仕様の実装はChrome 125から投入される予定です。

Vitest - Visual Studio Marketplace

https://marketplace.visualstudio.com/items?itemName=vitest.explorer

VitestのVSCode拡張です。Vitestのテストを実行、デバッグ、監視などができるようになります。

Trip report: Node.js collaboration summit (2024 London)

https://nodejs.org/en/blog/events/collab-summit-2024-london

Node.jsのコントリビュータやコミュニティメンバーが集まるNode.jsコラボレーションサミットで話された内容のまとめです。

node-unicode-data

https://github.com/node-unicode/node-unicode-data

JavaScript互換のUnicodeデータジェネレーターです。様々なバージョンのUnicodeのデータを簡単に生成できます。

next-view-transitions

https://github.com/shuding/next-view-transitions

Next.jsのApp RouterでView Transitions API を使うためのライブラリです。コンテンツを<ViewTransitions>で囲むことで利用できます。

Biome v1.7

https://biomejs.dev/blog/biome-v1-7/

Biome v1.7がリリースされました。ESLintやPrettierからBiomeへ移行するためのコマンドが追加され、移行がより簡単になりました。

Next.js 14.2

https://nextjs.org/blog/next-14-2

Next.js 14.2がリリースされました。パフォーマンスの向上や、キャッシュ機能の強化などの変更が加えられています。

GitHubで編集を提案
サイボウズ フロントエンド

Discussion