Next.js 14.2リリースなど: Cybozu Frontend Weekly (2024-04-16号)
こんにちは!サイボウズ株式会社フロントエンドエンジニアのおぐえもん(@oguemon_com)です。
はじめに
サイボウズでは毎週火曜日にFrontend Weeklyという「一週間にあったフロントエンドニュースを共有する会」を社内で開催しています。
今回は、2024年4月16日のFrontend Weeklyで取り上げた記事や話題を紹介します。
取り上げた記事・話題
tailwindcss-mixins
Tailwind CSSで、複数の要素に同時に適用するユーティリティのグループを定義できるプラグインです。mixin:
などの記法を利用できます。
How we built JSR
The JavaScript Registryで採用されている技術構成を紹介している記事です。例えばAPIサーバーではhyperというRust製のHTTPライブラリが利用されています。
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!
Slidevのv0.49 betaにて、ドラッグで回転・移動・サイズ変更ができる要素が利用可能になる旨を知らせる投稿です。
pnpm v9.0.0-rc.0
pnpmのv9.0.0-rc.0のリリースノートです。Node v16のサポート終了や、pnpm licenses list --json
コマンドの出力変更などが行われています。
Japanese Svelte Companies
Svelte/SvelteKitを採用している日本企業をまとめた記事です。本記事執筆時点で11社が名を連ねています。
Intent to Ship: CSS Anchor Positioning
CSS Anchor Positioningの仕様に関する記録です。本仕様の実装はChrome 125から投入される予定です。
Vitest - Visual Studio Marketplace
VitestのVSCode拡張です。Vitestのテストを実行、デバッグ、監視などができるようになります。
Trip report: Node.js collaboration summit (2024 London)
Node.jsのコントリビュータやコミュニティメンバーが集まるNode.jsコラボレーションサミットで話された内容のまとめです。
node-unicode-data
JavaScript互換のUnicodeデータジェネレーターです。様々なバージョンのUnicodeのデータを簡単に生成できます。
next-view-transitions
Next.jsのApp RouterでView Transitions API を使うためのライブラリです。コンテンツを<ViewTransitions>
で囲むことで利用できます。
Biome v1.7
Biome v1.7がリリースされました。ESLintやPrettierからBiomeへ移行するためのコマンドが追加され、移行がより簡単になりました。
Next.js 14.2
Next.js 14.2がリリースされました。パフォーマンスの向上や、キャッシュ機能の強化などの変更が加えられています。
Discussion