JSer.info #639 - Storybook 7.0がリリースされました。
UIデザインの刷新、Vite/Next.js/SvelteKit が設定なしで利用できるように、Framework APIの追加、Story Format v3などさまざまな変更が含まれています。
変更内容についてはそれぞれ解説記事が書かれています。
- ⚡️ First-class Vite
- 🔼 Zero-config NextJS
- 🇸 Zero-config SvelteKit
- 🏗️ Frameworks API
- 3️⃣ Component Story Format v3
- 🛡️ Improved type safety
- 📚 Docs overhaul with MDx2 support
- ☂️ Code coverage for interaction testing
- 🖼️ UI design refresh
- 🏛️ Improved stability
JSPM 3.0.0がリリースされ、CLIが大きく変更されています。
Import Mapsが全てのブラウザでサポートされるようになったため、JSPM CLIはImport Mapsに対するパッケージマネージャーツールとして書き換えられています。
Next.js 13.3がリリースされました。
ファイル名ベースのMetadata APIのサポート、Satoriを使ったImageResponseのサポート、App Routerでstatic exportのサポートが追加されています。
また、@folderの命名規則を使ったParallel RoutesとIntercepting Routeのサポートなどが追加されています。
JSer.infoをサポートするには
- 😘 知り合いにJSer.infoをおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
Release @sveltejs/[email protected] · sveltejs/kit
github.com/sveltejs/kit/releases/tag/%40sveltejs%2Fkit%401.15.2
Svelte Kit 1.15.2リリース。
CSRFに関する脆弱性が修正されているセキュリティリリース
JSPM - JSPM CLI Relaunch - Import Map Package Management
JSPM 3.0リリース。
全てのブラウザがImport Mapsをサポートしたので、JSPMのCLIをImport Mapsの管理に利用できるように大きく変更している
Blog - Next.js 13.3 | Next.js
Next.js 13.3リリース。
ファイル名ベースのMetadata APIのサポート、Satoriを使ったImageResponseのサポート、App Routerでstatic exportのサポート。
@folderの命名規則を使ったParallel RoutesとIntercepting Routeのサポートなど
Release v0.30.0 · vitest-dev/vitest
github.com/vitest-dev/vitest/releases/tag/v0.30.0
vitest v0.30.0リリース。
monorepoをサポートするworkspace機能の追加、snapshotのロジックを@vitest/snapshotパッケージに移動など
Chrome 113 beta - Chrome Developers
developer.chrome.com/en/blog/chrome-113-beta/
Chrome 113 Betaリリース。
CSS Media Queryでoverflow-inline/overflow-block/updateをサポート、image-set()のサポート。
Headers.getSetCookieのサポート、WebGPUのサポート。
document.domainへの代入を代入を非推奨化など
Node v19.9.0 (Current) | Node.js
nodejs.org/en/blog/release/v19.9.0
Node.js v19.9.0リリース。
TracingChannelの追加、URL.canParseの追加など
Storybook 7.0
storybook.js.org/blog/storybook-7-0/
Storybook 7.0リリース。
UIデザインの刷新、Vite/Next.js/SvelteKit が設定なしで利用できるように、Framework APIの追加、Story Format v3など
Release v3.0.0 · liriliri/eruda
github.com/liriliri/eruda/releases/tag/v3.0.0
モバイルブラウザでも利用できる開発者ツールライブラリであるeruda 3.0リリース
アーティクル
What's New in DevTools (Chrome 113) - Chrome Developers
developer.chrome.com/en/blog/new-in-devtools-113/
Chrome 113のDevToolsの変更点について。
レスポンスのヘッダを書き換え可能に、x_google_ignoreListのオプションに対応。
Recordパネルでassertionを追加できるように、JavaScript Profilerパネルを廃止など
Announcing WCGI: WebAssembly + CGI
wasmer.io/posts/announcing-wcgi
WasmerがCGIサーバのWasmファイルの実行をするwcgiのサポートを追加した
Popularity of top frameworks on Netlify: Next.js, Gatsby, create-react-app
www.netlify.com/blog/framework-popularity-on-netlify/
Netlifyにデプロイされているアプリケーションが利用しているフレームワークの調査記事。
Reactベースのcreate-react-app/Next.js/Gatsbyが多く、続いてNuxtやVueとなっている。
エンタープライズアカウントでの傾向の違いなどについて
サイト、サービス、ドキュメント
divriots/jampack: Optimizes static websites for best user experience and best Core Web Vitals scores.
静的サイトジェネレータなどによって出力されたHTML/CSS/JSや画像などを最適化するツール。
画像の最適化、Above the foldの最適化、アセットの圧縮、<img>タグの属性の修正などを行う
ソフトウェア、ツール、ライブラリ関係
Hexagon/croner: Trigger functions or evaluate cron expressions in JavaScript or TypeScript. No dependencies. Most features. Node. Deno. Bun. Browser.
cron構文で関数を実行できるジョブライブラリ
nitrogql/mod.rs at master · uhyo/nitrogql · GitHub
GraphQLをTypeScriptで利用するためのツールキット。
GraphQLの構文チェック、GraphQLファイルからTypeScriptの型定義の生成、GraphQLファイルをロードするloaderを提供する
open-draft/logger: Environment-agnostic, ESM-friendly logger for simple needs.
ESM-friendlyなdebugモジュール的なロガーライブラリ。
DEBUG環境変数に対応している
書籍関係
Node.js Secure Coding: Defending Against Command Injection Vulnerabilities
Node.jsのセキュリティについての書籍
