Last updated: 2025/10/24 23:01
v4.0.3
Vitestのバージョン4.0.3がリリースされ、いくつかのバグ修正が行われました。具体的には、CLIレポータがオーバーライドする際に設定からレポータオプションを保持する機能が追加され、ブラウザ内でのテスト検証がより安定しました。また、happy-domがfetchグローバルをサポートし、初期化時に正しいjsx/tsx拡張子が使用されるようになりました。これにより、開発者はよりスムーズにテストを実行できるようになります。 • CLIレポータがオーバーライドする際に設定からレポータオプションを保持する機能の追加 • ブラウザ内でのテスト検証がより安定化 • happy-domがfetchグローバルをサポート • 初期化時に正しいjsx/tsx拡張子が使用されるようになった • バグ修正によりテストの実行がスムーズになる
The different ways to use CSS :has(), with examples
Learn how to use the powerful CSS :has() pseudo-class to simplify parent, sibling, and state-based styling – no JavaScript required.
Svelte Japan Offline Meetup #5 に行ってきたメモ #sveltejapan
この記事は、Svelte Japan Offline Meetup #5に関するメモをまとめたもので、SvelteKitの新機能やESLintルール、Remote Functionsの利用方法について詳しく説明しています。特に、SvelteKitのドキュメントを参考にしながら、名前付きActionやコントローラーの概念を理解する過程が述べられています。また、ESLintプラグインのメンテナンスや便利なルールの紹介、Remote Functionsを用いたデータ取得のコロケーション手法についても触れています。さらに、SvelteのアクセシビリティやMCPのデバッグツール、可観測性の実装についても言及されています。全体として、Svelteの最新技術や実践的なアプローチが紹介されており、開発者にとって有益な情報が提供されています。 • SvelteKitのドキュメントを参考にした名前付きActionの理解 • ESLintプラグインの便利なルールの紹介 • Remote Functionsを用いたデータ取得のコロケーション手法 • Svelteのアクセシビリティに関する最新情報 • MCPのデバッグツールや可観測性の実装についての説明
Biome CLI v2.3.0
Biome CLIのバージョン2.3.0がリリースされ、いくつかのマイナーな変更が加えられました。新たに、tsconfig.jsonで指定されたbaseUrlをサポートするようになり、これによりインポート文がファイルの位置に関係なく機能するようになります。また、noUnknownAtRulesにignoreオプションが追加され、指定されたアイテムに一致する未知のat-ruleがあった場合、診断が出力されなくなります。initコマンドが強化され、既存のプロジェクトに.gitignoreや.ignoreファイルがある場合、biome.jsonに設定が追加されるようになりました。さらに、CSS ModulesやTailwind CSS 4.0のディレクティブをコマンドラインから直接制御できるフラグが追加され、.svelteおよび.vueファイルのフォーマットがPrettierに合わせて更新されました。 • tsconfig.jsonでのbaseUrlサポートにより、インポート文がファイルの位置に関係なく機能する • noUnknownAtRulesにignoreオプションが追加され、特定のat-ruleに対する診断が出力されない • initコマンドが強化され、既存のプロジェクトに.gitignoreや.ignoreファイルがある場合に設定が追加される • CSS ModulesやTailwind CSS 4.0のディレクティブをコマンドラインから制御できるフラグが追加された • .svelteおよび.vueファイルのフォーマットがPrettierに合わせて更新された
JavaScript APIs v4.0.0
この記事は、JavaScript APIのバージョン4.0.0のリリースに関するもので、主に新機能や修正点について説明しています。新たに追加された機能には、tsconfig.jsonでのbaseUrlのサポート、Tailwind v4ディレクティブの解析オプション、VueおよびSvelteファイルのインデント機能、HTMLファイル内の埋め込みフォーマットの追加などがあります。また、Reactライブラリのエイリアスの追加や、CSSの解析に関する修正も行われています。これにより、開発者はより効率的にコードを管理し、エラーを減らすことが期待されます。 • JavaScript APIのバージョン4.0.0がリリースされた。 • tsconfig.jsonでのbaseUrlのサポートが追加された。 • Tailwind v4ディレクティブの解析オプションが実装された。 • VueおよびSvelteファイルのインデント機能が追加された。 • HTMLファイル内の埋め込みフォーマットが実装された。 • Reactライブラリのエイリアスが追加された。 • CSS解析に関するいくつかの修正が行われた。
Making Monorepos Breakproof with Anton Stoychev - JSJ 694
In this solo-hosted episode, I (Steve Edwards) dive deep into the world of modern monorepos with special guest Anton Stoychev from Yotpo. Anton shares his journ
Generate Gremlin queries using Amazon Bedrock models
In this post, we explore an innovative approach that converts natural language to Gremlin queries using Amazon Bedrock models such as Amazon Nova Pro, helping business analysts and data scientists access graph databases without requiring deep technical expertise. The methodology involves three key steps: extracting graph knowledge, structuring the graph similar to text-to-SQL processing, and generating executable Gremlin queries through an iterative refinement process that achieved 74.17% overall accuracy in testing.
closedby=”any”
I’m just hearing about the closedby=
v4.0.2
Vitestのバージョン4.0.2がリリースされ、いくつかのバグ修正が行われました。具体的には、ブラウザ環境での非推奨通知の印刷を防ぐ修正、テスト実行前に環境変数を同期させるための修正、スパイの実装の長さを正しく継承する修正、設定でrestoreMocksとmockResetの両方が設定されている場合にスパイをリセットする修正が含まれています。これらの修正により、Vitestの動作が改善され、テストの信頼性が向上します。 • ブラウザ環境での非推奨通知の印刷を防ぐ修正 • テスト実行前に環境変数を同期させる修正 • スパイの実装の長さを正しく継承する修正 • 設定でrestoreMocksとmockResetの両方が設定されている場合にスパイをリセットする修正 • テストの信頼性が向上する効果
Introducing GitHub Actions Scanning Support
Detect malware, unsafe data flows, and license issues in GitHub Actions with Socket’s new workflow scanning support.
Kombai AI: The AI agent built for frontend development
Discover Kombai AI , a frontend-specialized tool that converts Figma designs into clean, production-ready React and Tailwind code.
Open source Workflow Development Kit is now in public beta
Turn TypeScript functions into durable, reliable workflows with automatic retries, persistence, and observability built in.
Vercel Python SDK is now available in beta
Vercel now has a native Python library hosted on PyPI to simplify tasks such as executing code on Vercel Sandboxes, transferring objects to Vercel Blob, working with the Runtime Cache and retrieving project tokens.
Introducing AI agents & services on the Vercel Marketplace
Discover AI Agents & Services on the Vercel Marketplace. Integrate agentic tools, automate workflows, and build with unified billing and observability.
Vercel Agent Investigations now in Public Beta
Vercel Agent can now automatically run AI investigations on anomalous events for faster incident response.
Zero-config backends on Vercel AI Cloud
Build, scale, and orchestrate AI backends on Vercel. Deploy Python or Node frameworks with zero config and optimized compute for agents and workflows.
Introducing Vercel Agent: Your new Vercel teammate
Vercel Agent provides AI-powered code reviews and production investigations, delivering accurate, context-aware insights to help you ship reliable software.
Built-in durability: Introducing Workflow Development Kit
The Workflow Development Kit (WDK) makes async workflows in TypeScript reliable, durable, fault-tolerant, and portable across any cloud.
AI agents and services on the Vercel Marketplace
Agents and Tools are available in the Vercel Marketplace, enabling AI-powered workflows in your projects with native integrations, unified billing, and built-in observability.
You can just ship agents
Vercel AI Cloud combines unified model routing and failover, elastic cost-efficient compute that only bills for active CPU time, isolated execution for untrusted code, and workflow durability that survives restarts, deploys, and long pauses.
Don’t ship blind: A practical checklist for internal launch readiness
Learn how to prepare and launch internal products effectively with real PM examples, readiness pillars, and a practical launch checklist.
Ripple.js with Dominic Gannaway
Dominic Gannaway joins us to talk about RippleJS, a new TypeScript-first UI framework built with its own templating language and a focus on clarity and reactivity. We explore how RippleJS handles fine-grained updates through its track and block system, why it avoids global state, and how context plays a key role. Dominic also walks us through the developer experience, from the language server and VS Code integration to syntax highlighting and the Prettier plugin, plus how the framework handles error boundaries, server-side rendering, future plans, and more.
v4.1.16
Tailwind CSSのバージョン4.1.16がリリースされ、いくつかのバグ修正が行われた。具体的には、空のデータ型を持つ候補を破棄する修正、属性セレクタを用いた任意のバリアントの正規化の修正、ネストされた&を原因とする無効な色の修正、& > :pseudoおよび& :pseudoの任意のバリアントに対する正規化の改善が含まれている。これにより、Tailwind CSSの使用時の安定性と正確性が向上することが期待される。 • 空のデータ型を持つ候補を破棄する修正が行われた。 • 属性セレクタを用いた任意のバリアントの正規化が修正された。 • ネストされた&による無効な色の問題が修正された。 • & > :pseudoおよび& :pseudoの任意のバリアントに対する正規化が改善された。 • これらの修正により、Tailwind CSSの安定性と正確性が向上する。
v7.1.12
この記事は、Viteのバージョン7.1.12のリリースに関する情報を提供しています。このリリースは2023年10月23日に行われ、主にメインブランチに対して24のコミットが追加されました。リリースタグはコミッターの検証済み署名で署名されており、詳細についてはCHANGELOG.mdを参照するように指示されています。記事には、リリースに関連するアセットや反応も含まれていますが、具体的な変更点や新機能についての詳細は記載されていません。 • Viteのバージョン7.1.12が2023年10月23日にリリースされた。 • このリリースにはメインブランチに対して24のコミットが含まれている。 • リリースタグはコミッターの検証済み署名で署名されている。 • 詳細はCHANGELOG.mdを参照するように指示されている。 • アセットやユーザーの反応も記載されているが、具体的な変更点は不明。
Big Wins for the JavaScript Community: Highlights from JSConf North America 2025
JSConf North America 2025 brought together the brightest minds in the JavaScript ecosystem
Quoting AWS
For resiliency, the DNS Enactor operates redundantly and fully independently in three different Availability Zones (AZs). [...] When the second Enactor (applying the newest plan) completed its endpoint updates, it …
Video: Building a tool to copy-paste share terminal sessions using Claude Code for web
This afternoon I was manually converting a terminal session into a shared HTML file for the umpteenth time when I decided to reduce the friction by building a custom tool …
Astro 5.15
Astro 5.15 introduces Netlify skew protection, granular font preload filtering, and new adapter APIs for customizing fetch headers and assets.
For Your Convenience, This CSS Will Self-Destruct
In A Progressive Enhancement Challenge, I laid out a situation where the hardest thing to do is show a button you never want to show at all if the JavaScript loads and executes properly. I wrote of this state: It seems like the ideal behavior would be “hide the interactive element for a brief period, […]
20.3.7
この記事は、Angularのバージョン20.3.7のリリースノートを提供しています。このリリースでは、いくつかの重要な修正が行われました。具体的には、Element.animateの例外に対処するためのアニメーションの修正、長い数値のHTMLエンティティを正しくコンパイルするためのコンパイラの修正、構造ディレクティブの診断に関する問題の修正、要素の削除プロパティをすべての場所で通過させるためのコアの修正、アニメーションの早い呼び出しで重複ノードが保持されないようにするための修正、ルーターのアウトレットのシリアル化と解析の修正、Router.parseUrlでの解析エラーの表示などが含まれています。 • Angularのバージョン20.3.7がリリースされた。 • Element.animateの例外に対処するアニメーションの修正が行われた。 • 長い数値のHTMLエンティティを正しくコンパイルするための修正が追加された。 • 構造ディレクティブの診断に関する問題が修正された。 • 要素の削除プロパティがすべての場所で通過するように修正された。 • アニメーションの早い呼び出しで重複ノードが保持されないように修正された。 • ルーターのアウトレットのシリアル化と解析に関する問題が修正された。 • Router.parseUrlでの解析エラーが表示されるようになった。
An Introduction to JavaScript Expressions
A thorough but approachable lesson on JavaScript expressions excerpted JavaScript For Everyone, a complete online course offered by our friends at Piccalilli.
Streamline code migration using Amazon Nova Premier with an agentic workflow
In this post, we demonstrate how Amazon Nova Premier with Amazon Bedrock can systematically migrate legacy C code to modern Java/Spring applications using an intelligent agentic workflow that breaks down complex conversions into specialized agent roles. The solution reduces migration time and costs while improving code quality through automated validation, security assessment, and iterative refinement processes that handle even large codebases exceeding token limitations.
The Replay (10/22/25): AI-assisted coding, Wasm 3.0, and more
Discover what's new in The Replay, LogRocket's newsletter for dev and engineering leaders, in the October 22nd issue.
v4.0.1
Vitestのバージョン4.0.1がリリースされました。このリリースでは、いくつかのバグ修正が行われています。具体的には、getBuiltinsチェックの移動や、テスト後に通信チャネルを早期に終了しないようにする修正が含まれています。これにより、テストの実行中に発生する可能性のある問題が軽減されます。リリースはGitHubで公開されており、コミッターの署名が確認されています。 • バージョン4.0.1のリリース • バグ修正が含まれている • getBuiltinsチェックの移動 • テスト後の通信チャネルの早期終了を防ぐ修正 • コミッターの署名が確認されている
Why Framer might just replace your entire web design stack
Framer’s all-in-one design workflow is changing how we build websites. From AI wireframes to instant publishing, here’s why I believe it’s the next full-stack web design tool.
Introducing Webhook Events for Pull Request Scans
Add real-time Socket webhook events to your workflows to automatically receive pull request scan results and security alerts in real time.
v4.0.0
Vitestのバージョン4.0.0がリリースされ、いくつかの重要な変更が行われました。主な変更点には、'basic'レポーターの削除、デフォルトの除外パターンの簡素化、非推奨のgetSourceMapの削除、TestErrorへの置き換え、Vite 5のサポートの削除などがあります。また、モジュールモッキングをより直感的にするためにスパイ実装が書き直され、テストのフィルタリング時にテストの「パス」を表示する機能が追加されました。新機能として、onConsoleLogエンティティの提供や、onUnhandledErrorコールバックの追加も含まれています。これらの変更により、Vitestはより使いやすく、効率的なテストフレームワークとなっています。 • Vitest v4.0.0のリリースに伴う重要な変更が行われた • 'basic'レポーターが削除された • デフォルトの除外パターンが簡素化された • 非推奨のgetSourceMapが削除された • TestErrorへの置き換えが行われた • Vite 5のサポートが削除された • モジュールモッキングのスパイ実装が直感的に書き直された • 新機能としてonConsoleLogエンティティとonUnhandledErrorコールバックが追加された
Where AI-assisted coding accelerates development — and where it doesn’t
John Reilly discusses how software development has been changed by the innovations of AI: both the positives and the negatives.
Faster builds with Turbo build machines
Turbo build machines are now available for all paid plans. With 30 CPUs and 60 GB memory they are our fastest yet, ideal for Turbopack builds and large monorepos.
The CMA’s designation of Google’s mobile ecosystem
We are disappointed by the CMA’s designation of an open mobile ecosystem with strategic market status.
Announcing Vitest 4.0
Vitest 4.0 Release Announcement
6.18.0
Prismaの最新リリース6.18.0では、TypeScriptエコシステムで最も人気のあるORMであるPrisma ORMに新機能とバグ修正が追加されました。新しいプロジェクトを作成する際、`prisma init`コマンドが自動的に`prisma.config.ts`ファイルを生成し、Prisma v7に向けた準備が整います。この新しい設定ファイルでは、データソースを直接定義でき、従来の`schema.prisma`ファイルで設定されたデータソースは無視されます。また、複数のPrismaインスタンスを異なるプロバイダーでサポートする機能や、データベースコンソール内でのメトリクス表示機能も追加され、クエリのパフォーマンス向上に役立つ情報が得られます。これらの変更は、Prisma v7に向けた移行を促進するためのもので、開発者は新しい構成方法に早めに適応することが推奨されています。 • 新しいプロジェクト作成時に`prisma.config.ts`が自動生成される • データソースを`prisma.config.ts`で直接定義可能 • Prisma v7に向けた準備が進められている • データベースコンソールでのメトリクス表示機能が追加された • 複数のPrismaインスタンスを異なるプロバイダーでサポートする機能が追加された
Biome CLI v2.2.7
Biome CLIのバージョン2.2.7がリリースされ、いくつかのパッチ変更が行われた。新たに追加されたルール「noEmptySource」は、無意味なjs、css、json、graphqlファイルを禁止し、コードベースの混乱を防ぐことを目的としている。また、関数内の行数制限が255から65,535に引き上げられ、大規模なJSX/フロントエンドコンポーネントのサポートが向上した。その他、診断メッセージの改善や、無限ループの検出機能の修正も行われた。依存関係の更新やCIワークフローの追加も含まれている。 • 無意味なファイルを禁止する「noEmptySource」ルールの追加 • 関数内の最大行数制限を65,535に引き上げ • 診断メッセージの改善 • 無限ループの検出機能の修正 • 依存関係の更新やCIワークフローの追加
Device Bound Session Credentials: Second origin trial begins
The second Device Bound Session Credentials (DBSC) origin trial starts in Chrome 142 with new updates to prevent cookie theft.
Deprecating live editing of JavaScript sources in Chrome DevTools
Chrome DevTools removes live editing in Chrome 145 (Feb 2026) due to low use and modern alternatives like Hot Module Replacement (HMR).
SLOCCount in WebAssembly
This project/side-quest got a little bit out of hand. I remembered an old tool called SLOCCount which could count lines of code and produce an estimate for how much they …
JSからRustのコードを実行し、RustからもJSのコードを実行する
この記事では、RustとJavaScript（JS）間での相互実行を可能にするnapi-rsフレームワークについて説明しています。napi-rsを使用することで、RustからJSの関数を呼び出したり、JSからRustの関数を呼び出したりすることが簡単にできます。具体的には、Rustで定義した関数に#[napi]アトリビュートを付けることで、JSから呼び出せるようになります。また、WASM向けのビルドにも対応しており、ブラウザでの実行も可能です。RustからJSを呼び出す際には、コールバック関数を渡すことができ、非同期処理や複数引数の渡し方など、さまざまな要件に応じたAPIの使用が可能です。 • RustとJS間での相互実行が可能になるnapi-rsフレームワークの紹介 • RustからJSの関数を呼び出すための簡単な実装方法 • JSからRustの関数を呼び出す際のコールバック機能の利用 • WASM向けのビルドに対応し、ブラウザでの実行も可能 • 非同期処理や複数引数の渡し方など、APIの柔軟な使用が可能
Malicious NuGet Packages Typosquat Nethereum to Exfiltrate Wallet Keys
The Socket Threat Research Team uncovered malicious NuGet packages typosquatting the popular Nethereum project to steal wallet keys.
Importing vs fetching JSON
They behave differently, so make sure you pick the right one.
v16.0.0
Next.jsのバージョン16.0.0では、いくつかの重要な変更が行われました。主な変更点には、app-routerやhot-reloaderをnext/linkからインポートしないこと、RDCのclientParamParsing要件の削除、Reactのバージョンアップが含まれます。また、Turbopackにおいては、manifestの書き込みにreadFileSync/writeFileSyncを使用するように変更されました。さらに、開発環境においては、unhandledRejectionフィルタリングのオプトインが必要になり、TypeScript関連の作業が整理されました。これらの変更により、開発者はより効率的にNext.jsを使用できるようになります。 • app-routerやhot-reloaderをnext/linkからインポートしないことが推奨される • RDCのclientParamParsing要件が削除された • Reactのバージョンが複数回アップグレードされた • Turbopackでmanifestの書き込みにreadFileSync/writeFileSyncを使用 • unhandledRejectionフィルタリングはオプトインが必要 • TypeScript関連の作業が整理され、開発が効率化された
You can suspend/resume workflows in playground
Mastra workflows now support suspend and resume in Playground. You can also use the new resumeStream API to close streams on suspend and resume them later.
Expanding Model Choice in VS Code with Bring Your Own Key
Learn how the new Language Model Chat Provider API in VS Code is enabling more model choice and extensibility for chat experiences via the Bring Your Own Key experience.
Announcing Vitest 4.0
Vitest 4.0 is released with Browser Mode being marked stable, Visual Regression testing support, and Playwright Trace support. The Vitest team will focus on performance improvement in the upcoming quarter. This major release includes breaking changes.
[Web dev for beginners] CSS layout: flexbox, grid, media queries and container queries
CSS provides a variety of services for web content: In the previous chapter, we used it to format content: to change colors, typefaces, etc. In this chapter, we will use it to lay out content: to place HTML elements on a page.
v4.10.2
Honoのバージョン4.10.2では、JWTミドルウェアにおけるセキュリティ強化が行われた。具体的には、aud（Audience）クレームの検証がデフォルトで行われていなかったため、他のオーディエンス向けに発行されたトークンを受け入れる可能性があった。この問題を解決するために、新たにverification.audオプションが追加され、RFC 7519に準拠したオーディエンス検証が可能になった。これにより、デフォルトのJWT検証に依存するデプロイメントにおける脆弱性が軽減される。推奨される安全な設定方法も示されており、audが'service-a'であるトークンのみを受け入れるように設定することができる。 • HonoのJWTミドルウェアがaudクレームの検証をデフォルトで行わなかった問題を修正した。 • 新たにverification.audオプションが追加され、RFC 7519に準拠したオーディエンス検証が可能になった。 • この変更はセキュリティ強化の一環として分類される。 • デフォルトのJWT検証に依存するデプロイメントにおける脆弱性を軽減する。 • 推奨される安全な設定方法が提供されている。
The Two Button Problem
When you've got two buttons with two different looks (and no cursor), how do you know which one you're about to activate? You'll need to be careful with the design.
Next.js 16
Next.js 16 includes Cache Components, stable Turbopack, file system caching, React Compiler support, smarter routing, new caching APIs, and React 19.2 features.
Secure Nuxt and React Router Applications at Scale with Arcjet’s New SDKs
Arcjet’s mission is to help developers and security teams build with confidence, no matter where they work or what frameworks they choose. As the web evolves, you need tools that fit the way you already develop. That’s why we’re building native integrations into common web frameworks to
Introducing ChatGPT Atlas
Last year OpenAI hired Chrome engineer Darin Fisher, which sparked speculation they might have their own browser in the pipeline. Today it arrived. ChatGPT Atlas is a Mac-only web browser …
Accelerate large-scale AI training with Amazon SageMaker HyperPod training operator
In this post, we demonstrate how to deploy and manage machine learning training workloads using the Amazon SageMaker HyperPod training operator, which enhances training resilience for Kubernetes workloads through pinpoint recovery and customizable monitoring capabilities. The Amazon SageMaker HyperPod training operator helps accelerate generative AI model development by efficiently managing distributed training across large GPU clusters, offering benefits like centralized training process monitoring, granular process recovery, and hanging job detection that can reduce recovery times from tens of minutes to seconds.
Unify Your Security Stack with Socket Basics
A single platform for static analysis, secrets detection, container scanning, and CVE checks—built on trusted open source tools, ready to run out of t...
Exploring the human-AI balance in UX content design
AI can speed up UX content creation, but it can’t replace empathy. Learn how to use AI tools to enhance your UX writing without losing sight of your users.
Debugging with Chrome DevTools MCP: Giving AI eyes in the browser
Learn how to debug with Chrome DevTools MCP server, which provides AI agents access to DevTools directly in your favorite code editor.
pnpm 10.19
pnpmのバージョン10.19がリリースされ、いくつかのマイナーな変更が加えられました。新機能として、特定の依存関係のバージョンがpostinstallスクリプトを実行できるようになりました。これにより、onlyBuiltDependenciesは信頼できるバージョンのリストを受け入れることができるようになりました。また、minimumReleaseAgeExcludeにおいて、pnpmがインストールを許可する特定のバージョンをリストすることができるようになりました。これにより、minimumReleaseAgeで設定された成熟度要件を満たさないバージョンでもインストールが可能になります。 • pnpm 10.19がリリースされた • 特定の依存関係のバージョンがpostinstallスクリプトを実行可能 • onlyBuiltDependenciesが信頼できるバージョンのリストを受け入れる • minimumReleaseAgeExcludeで特定のバージョンをリスト可能 • 成熟度要件を満たさないバージョンのインストールが許可される
Goodbye, useState? Smarter state modeling for modern React apps
Many React apps overuse useState and end up tangled in effects. Learn how smarter state modeling makes your code cleaner, faster, and easier to debug.
Update regarding Vercel service disruption on October 20, 2025
Update regarding Vercel service disruption on October 20, 2025. Read the summary of impact, timeline, root cause, and steps we’re taking to improve reliability.
A guide to balancing strong leadership with a collaborative spirit
Learn how to balance confidence and collaboration as a product leader while building trust, authenticity, and high-performing teams.
My highlights from the new Deno Deploy
Highlights from the new version of Deno Deploy.
Source maps: how does the magic work? with Nicolo Ribaudo
Ever wondered how source maps actually work? In this episode, Nicolo Ribaudo, Babel maintainer and TC39 delegate, breaks down how source maps connect your JavaScript, TypeScript, and CSS back to the original code — making debugging, stack traces, and observability smoother in Chrome dev tools. We dive into how source maps help in both development and production with minified code, explore tools like Webpack, Rollup, Next.js, and Svelte, and share when you should turn off source maps to avoid confusion.
TypeScript版DSPy、axを試してみた
AI ShiftのTECH BLOGです。AI技術の情報や活用方法などをご案内いたします。
Browser Speech Input & Output Buttons
All sorts of inputs have little microphone buttons within them that you can press to talk instead of type. Honestly, I worry my daughter will never learn to type because of them. But I get it from a UX perspective, it’s convenient. We can put those in our web apps, too. Pamela Fox has an […]
Quoting Phil Gyford
Since getting a modem at the start of the month, and hooking up to the Internet, I’ve spent about an hour every evening actually online (which I guess is costing …
Supercharge your OCR Pipelines with Open Models
We’re on a journey to advance and democratize artificial intelligence through open source and open science.
Introducing ChatGPT Atlas, the browser with ChatGPT built in
この記事では、最新のAI技術を活用した新しい開発ツールについて説明しています。特に、AIを用いたコード補完機能や自動化されたテストプロセスが強調されており、これにより開発者の生産性が向上することが期待されています。また、ツールの導入方法や、既存の開発環境との互換性についても詳しく述べられています。さらに、AI技術の進化に伴い、今後の開発プロセスがどのように変化するかについての見解も示されています。 • AI技術を活用した新しい開発ツールの紹介 • コード補完機能や自動化されたテストプロセスの強調 • 開発者の生産性向上が期待される • ツールの導入方法と既存環境との互換性についての詳細 • AI技術の進化による開発プロセスの変化に関する見解
Unlock the power of images with AI Sheets
We’re on a journey to advance and democratize artificial intelligence through open source and open science.
3PCA 32 日目: Privacy Sandbox の後始末
このエントリは、2023 年の 3rd Party Cookie Advent Calendar の 32 日目である。3rd Party Cookie のカレンダー | Advent Calendar 2023 - Qiitahttps://qiita.com/adven...
How to Fix Any Bug
The joys of vibecoding.
2025-10-20, Version 22.21.0 'Jod' (LTS), @aduh95
Node.jsのバージョン22.21.0（LTS）が2025年10月20日にリリースされました。このリリースには、いくつかの重要な変更が含まれています。CLIに新たに--use-env-proxyオプションが追加され、HTTPプロキシのサポートが強化されました。また、HTTPリクエストにおいて、サーバーがHTTPアップグレードを制御できるshouldUpgradeCallbackが追加されました。さらに、メモリ管理に関する改善として、--max-old-space-sizeオプションにパーセンテージサポートが追加されました。依存関係の更新も行われ、OpenSSLやnpmのバージョンがアップグレードされています。これにより、Node.jsのパフォーマンスとセキュリティが向上しています。 • Node.jsのバージョン22.21.0（LTS）がリリースされた • CLIに--use-env-proxyオプションが追加された • HTTPプロキシのサポートが強化された • HTTPリクエストにshouldUpgradeCallbackが追加された • --max-old-space-sizeオプションにパーセンテージサポートが追加された • OpenSSLやnpmのバージョンがアップグレードされた • Node.jsのパフォーマンスとセキュリティが向上した
Node.js v22.21.0 (LTS)
Node.js® is a free, open-source, cross-platform JavaScript runtime environment that lets developers create servers, web apps, command line tools and scripts.
Claude Code for web - a new asynchronous coding agent from Anthropic
Anthropic launched Claude Code for web this morning. It’s an asynchronous coding agent—their answer to OpenAI’s Codex Cloud and Google’s Jules, and has a very similar shape. I had preview …
Getting DeepSeek-OCR working on an NVIDIA Spark via brute force using Claude Code
DeepSeek released a new model yesterday: DeepSeek-OCR, a 6.6GB model fine-tuned specifically for OCR. They released it as model weights that run using PyTorch and CUDA. I got it running …
Building a Honeypot Field That Works
Honeypots are fields that developers use to prevent spam submissions. They still work in 2025. But you got to set a couple of tricks in place so spambots can’t detect your honeypot field.
AI meets Apple’s HIG: Actual results from my redesign project
Apple’s HIG keeps iOS design consistent. AI helps move things faster. I combined both in a real redesign project. here’s how it changed the outcome.
v4.1.15
Tailwind CSSのバージョン4.1.15がリリースされ、いくつかのバグ修正と機能改善が行われた。主な修正点には、Safariの開発者ツールでのレンダリング問題の修正、特定のCSS警告の抑制、テーマキーの解決に関する問題の修正が含まれる。また、named groupsの使用を許可し、重要なユーティリティが他のユーティリティに影響を与えないようにする修正も行われた。さらに、0値を含むユーティリティの正規化や、deprecatedなbreak-wordsの移行も行われた。これにより、Tailwind CSSの使い勝手が向上し、開発者にとってより安定した環境が提供される。 • Safariの開発者ツールでのレンダリング問題を修正した。 • 特定のCSS警告を抑制する機能を追加した。 • テーマキーの解決に関する問題を修正した。 • named groupsの使用を許可した。 • 重要なユーティリティが他のユーティリティに影響を与えないようにした。 • 0値を含むユーティリティの正規化を行った。 • deprecatedなbreak-wordsをwrap-break-wordに移行した。
Why third-party integrations break in React 19 — And how to future-proof them
React 19 breaks old third-party integrations. Here's why concurrent rendering exposes brittle SDKs and how to rebuild them.
Preview links between microfrontends projects now serve all paths
Teams using microfrontends can now visit all routes from any domain in the microfrontends group, enabling teams to test their full site experience without broken links or missing pages.
947: S-Tier MCP Servers for Developers
この記事では、開発者が現在使用しているトップクラスのMCPサーバーについて、ScottとWesが詳しく解説しています。MCPサーバーは、ブラウザの自動化やデバッグ機能を強化し、現代の開発ワークフローを変革する可能性を秘めています。具体的には、Sentry MCPサーバーやSpotlight JS、ElevenLabs MCPハック、GitHub MCPレジストリ、Nuxt MCPサーバー、Svelte MCPサーバー、Cloudflare MCPサーバー、Chrome Dev Tools（Playwright）MCPサーバー、Stripe MCPサーバー、Mastraなどが紹介されています。これらのツールは、開発者の作業を効率化し、より高度な機能を提供することを目的としています。 • MCPサーバーはブラウザの自動化やデバッグ機能を強化する。 • Sentry MCPサーバーやSpotlight JSなど、具体的なMCPサーバーが紹介されている。 • GitHub MCPレジストリやNuxt、SvelteのMCPサーバーも取り上げられている。 • Cloudflare MCPサーバーやChrome Dev Tools（Playwright）MCPサーバーも含まれている。 • これらのツールは開発者の作業を効率化し、機能を向上させる。
URLPattern is now Baseline Newly available
URLPattern became Baseline Newly available as of September 15, 2025.
v1.0.0-beta.44
この記事は、Rolldownのバージョンv1.0.0-beta.44のリリースノートを提供しています。このリリースでは、いくつかの重要な変更が行われました。まず、トップレベルのjsxが削除され、transform.jsxを使用する必要があります。また、output.minifyInternalExportsがデフォルトで有効になり、JSONのデフォルトインポートがツリーシェイカブルになりました。これにより、使用されるプロパティのみがバンドルに含まれるようになります。さらに、いくつかの設定オプションが改善され、古いオプションが非推奨となりました。新機能としては、transform.jsx用のjsxプリセットのサポートや、いくつかのプラグインのバインディングが追加されています。 • トップレベルのjsxが削除され、transform.jsxを使用する必要がある • output.minifyInternalExportsがデフォルトで有効になった • JSONのデフォルトインポートがツリーシェイカブルになり、使用されるプロパティのみがバンドルに含まれる • 設定オプションが改善され、古いオプションが非推奨となった • transform.jsx用のjsxプリセットのサポートが追加された
v5.4.21
この記事は、Viteのバージョン5.4.21のリリースに関する情報を提供しています。このリリースは2023年10月20日に行われ、1249のコミットがメインブランチに追加されました。リリースタグはコミッターの検証済み署名で署名されており、詳細についてはCHANGELOG.mdを参照するように指示されています。記事には、リリースに関連する具体的な変更点や新機能についての情報は含まれていません。 • Viteのバージョン5.4.21が2023年10月20日にリリースされた。 • このリリースには1249のコミットが含まれている。 • リリースタグはコミッターの検証済み署名で署名されている。 • 詳細はCHANGELOG.mdを参照するように指示されている。 • 具体的な変更点や新機能についての情報は提供されていない。
v6.4.1
この記事は、Viteのバージョン6.4.1のリリースに関する情報を提供しています。このリリースは2023年10月20日に行われ、主に463のコミットがメインブランチに追加されました。リリースノートには、変更点や新機能の詳細が記載されているCHANGELOG.mdを参照するように指示されています。また、リリースはコミッターの署名によって確認されており、セキュリティに配慮した手法が取られています。 • Viteのバージョン6.4.1が2023年10月20日にリリースされた。 • このリリースには463のコミットが含まれている。 • リリースの詳細はCHANGELOG.mdに記載されている。 • リリースはコミッターの署名によって確認されている。
v7.0.8
この記事は、Viteのバージョン7.0.8のリリースに関する情報を提供しています。このリリースは242のコミットを含み、2023年10月20日に公開されました。リリースタグはコミッターの検証済み署名で署名されており、詳細はCHANGELOG.mdを参照するように指示されています。記事には、リリースに関連する具体的な変更点や新機能についての情報は含まれていません。 • Viteのバージョン7.0.8がリリースされた • 242のコミットが含まれている • リリース日は2023年10月20日 • リリースタグはコミッターの検証済み署名で署名されている • 詳細はCHANGELOG.mdを参照するように指示されている
v7.1.11
この記事は、Viteのバージョン7.1.11のリリースに関する情報を提供しています。このリリースは2023年10月20日に行われ、主にメインブランチへの1つのコミットが含まれています。リリースタグはコミッターの確認済み署名で署名されており、詳細についてはCHANGELOG.mdを参照するように指示されています。記事には、リリースに関連するアセットや通知設定に関する情報も含まれていますが、具体的な変更点や新機能についての詳細は記載されていません。 • Viteのバージョン7.1.11が2023年10月20日にリリースされた。 • このリリースにはメインブランチへの1つのコミットが含まれている。 • リリースタグはコミッターの確認済み署名で署名されている。 • 詳細はCHANGELOG.mdを参照するように指示されている。 • アセットや通知設定に関する情報も含まれているが、具体的な変更点は記載されていない。
Unreal Engine crash reporting now available on gaming consoles with trace-connected logs
Monitor Unreal Engine crashes across Xbox, PlayStation 5, and Switch. The latest Sentry Unreal SDK links logs, feedback, and traces to streamline cross-platform debugging.
Remix Jam 2025 Recap
Remix Jam was really good. In case you missed it, here's a recap.
Announcing Oxlint JavaScript Plugin Support
Oxlint now supports plugins written in JavaScript. Developers can customize and extend Oxlint using JavaScript, but at a speed approaching Rust, due to 'raw transfer' between Rust and JS, and other breakthroughs. Many ESLint plugins can run without any modification.
Reactのデータ再取得、タイムスタンプで管理すると宣言的になる話【AI生成】
この記事では、Reactにおけるデータ再取得の実装方法について、タイムスタンプを用いた宣言的なアプローチを提案しています。従来の命令的な方法では、ボタンを押してrefetch()を呼び出す流れが手続き的であり、Reactの宣言的なUI思想に反していると指摘しています。代わりに、タイムスタンプをstateとして持ち、これを更新することでデータを再取得する方法を示しています。このアプローチにより、UIのバージョンを管理し、Suspenseと組み合わせることで、より自然なデータ取得が可能になると述べています。 • Reactでのデータ再取得は通常命令的であり、宣言的なUI思想に反することがある。 • タイムスタンプをstateとして持つことで、データ再取得のトリガーを状態として表現できる。 • この方法により、UIのバージョンを管理し、データ取得を宣言的に行える。 • Suspenseと組み合わせることで、ローディング状態の管理が容易になる。 • 複数の更新トリガーを統一的に扱うことができる。
Remix v3 を実際に動かして試してみた
2025 年 10 月に発表された Remix v3 は React から独立し、Web 標準技術を活用した新しいフレームワークへと進化しました。この記事では、Remix v3 のセットアップ手順と新機能を実際に動かして試してみた内容を紹介します。
131 Spamware Extensions Targeting WhatsApp Flood Chrome Web Store
The Socket Threat Research Team uncovered a coordinated campaign that floods the Chrome Web Store with 131 rebranded clones of a WhatsApp Web automati...
Vite+、Remix 3、React Conf 2025など: Cybozu Frontend Weekly (2025-10-14号)
この記事では、2025年10月14日に開催されたサイボウズのFrontend Weeklyで取り上げられたフロントエンド関連のニュースや話題を紹介しています。主な内容として、React 19.2の新機能、ESLint v10.0.0の開発計画、Remix 3の発表、Vite+の発表、React Conf 2025の参加レポート、Interop Feature Rankingの公開、React Foundationの設立が含まれています。特に、Vite+はVite上に構築された統合開発ツールチェーンであり、個人や小規模ビジネス向けに無料で提供されることが特徴です。 • React 19.2がリリースされ、新機能として<Activity>コンポーネント、useEffectEvent、cacheSignalが追加された。 • ESLint v10.0.0のアルファ版が2025年11月に、正式版が2026年1月にリリース予定で、Flat Configが強制される。 • Remix Jam 2025でRemix 3が発表され、設計思想やビジョンが紹介された。 • Vite+はVite上に構築された統合開発ツールチェーンで、個人やオープンソースプロジェクトには無料で提供される。 • React Foundationが設立され、ReactやReact Nativeのプロジェクト管理や資金援助を行う。
v9.38.0
この記事は、ESLintのバージョン9.38.0のリリースノートを提供しています。このリリースでは、機能の追加、バグ修正、ドキュメントの改善が行われました。具体的には、関数ヘッダーのみを強調表示するように複雑さルールが更新され、e表記に関する精度の損失の誤検出が修正されました。また、pnpmにおける孤立した依存関係の型サポートが改善され、SourceCodeの型定義も修正されました。ドキュメントでは、非セマンティックな文字を隠すことでウェブアクセシビリティが向上し、no-irregular-whitespaceルールのドキュメントのフォーマットが修正されました。さらに、@eslint/jsのバージョンがアップグレードされ、Node.js 25がCIに追加されました。 • 関数ヘッダーのみを強調表示する複雑さルールの更新 • e表記に関する精度の損失の誤検出の修正 • pnpmにおける孤立した依存関係の型サポートの改善 • SourceCodeの型定義の修正 • ウェブアクセシビリティの向上 • no-irregular-whitespaceルールのドキュメントのフォーマット修正 • @eslint/jsのバージョンアップグレード • Node.js 25のCIへの追加
Should form labels be wrapped or separate?
James Edwards notes that wrapping a form input in a label event like this has a significant downside: <label>Name <input type="text"></label> It turns out both Dragon Naturally Speaking for Windows …
How TP ICAP transformed CRM data into real-time insights with Amazon Bedrock
This post shows how TP ICAP used Amazon Bedrock Knowledge Bases and Amazon Bedrock Evaluations to build ClientIQ, an enterprise-grade solution with enhanced security features for extracting CRM insights using AI, delivering immediate business value.
50 Reasons to Build a Website
Should have done 150.
React useEffectEvent: Goodbye to stale closure headaches
Discover why the useEffectEvent Hook is important, how to use it effectively, and how it compares to useRef.
v4.10.1
Honoのバージョン4.10.1がリリースされ、主な変更点として、createMiddlewareからの非返却ミドルウェアを使用できない問題が修正されました。この修正は、ユーザーからのフィードバックに基づいて行われ、より安定した動作を提供することを目的としています。リリースノートには、バージョン4.10.0から4.10.1までの変更履歴が含まれています。 • バージョン4.10.1のリリース • createMiddlewareからの非返却ミドルウェアを使用できない問題の修正 • ユーザーからのフィードバックに基づく修正 • 安定した動作の提供を目的としたアップデート • リリースノートに変更履歴が含まれている
I tried Shadcn CLI 3.0 — here’s what I learned
If you use Shadcn for UI components, version 3.0 is worth your time. It introduces multi-registry support, private libraries, and even natural language search. Let’s break it down.
Zero-configuration support for NestJS
Vercel now detects and deploys NestJS, a framework for building efficient, scalable Node.js server-side applications, with zero configuration.
v15.5.6
この記事は、Next.jsのバージョン15.5.6のリリースに関するもので、主にバグ修正が行われたことを伝えています。このリリースは、canaryブランチでのすべての機能や変更を含んでいるわけではなく、特にTurbopackにおいてnode_modules内でprocess.cwd()を定義しないように修正されています。また、この記事では、貢献者への感謝の意も表されています。 • Next.jsのバージョン15.5.6がリリースされた • このリリースは主にバグ修正を含む • canaryブランチのすべての機能や変更は含まれていない • Turbopackにおいてnode_modules内でprocess.cwd()を定義しないように修正された • 貢献者への感謝が記載されている
v1.56.1
Playwrightのバージョン1.56.1がリリースされ、いくつかの重要な変更が行われました。主な変更点には、Chromiumでのローカルネットワークアクセス権限の許可、VSCode MCPからのworkspaceFolder参照の削除、エージェントの名称変更、テスト設定の解決時にカレントワーキングディレクトリにフォールバックする機能が含まれています。これにより、テストエージェントの管理が改善され、ユーザーの利便性が向上します。 • Chromiumでのローカルネットワークアクセス権限の許可が追加された。 • VSCode MCPからのworkspaceFolder参照が削除された。 • エージェントの名称がテストエージェントに変更された。 • テスト設定の解決時にカレントワーキングディレクトリにフォールバックする機能が追加された。
ESLint v9.38.0 released
A pluggable and configurable linter tool for identifying and reporting on patterns in JavaScript. Maintain your code quality with ease.
v4.10.0
Hono v4.10.0がリリースされ、TypeScriptサポートの向上と新しいユーティリティが追加されました。主な改善点は、RPCクライアントのためのミドルウェアの型定義が強化され、これにより型安全性の問題が解決されました。具体的には、ミドルウェアからのレスポンスが正しく型推論されるようになり、以前は型エラーが発生していました。また、新たに追加されたcloneRawRequestユーティリティにより、バリデーターやミドルウェアによって消費された生のリクエストオブジェクトをクローンすることが可能になりました。これにより、外部ライブラリでの処理が容易になります。 • Hono v4.10.0のリリースにより、TypeScriptサポートが向上した。 • RPCクライアントのためのミドルウェア型定義が改善され、型安全性の問題が解決された。 • ミドルウェアからのレスポンスが正しく型推論されるようになった。 • 新しいcloneRawRequestユーティリティにより、消費されたリクエストオブジェクトをクローンできるようになった。 • 外部ライブラリでのリクエスト処理が容易になった。
20.3.6
この記事は、Angularのバージョン20.3.6のリリースに関するもので、主にアニメーションスケジューリングの更新と、DomEventsPluginの呼び出し順序に関する修正が含まれています。具体的には、アニメーションスケジューリングの改善が行われ、DomEventsPluginは常に最後に呼び出されるべきであるという変更が提案されています。これにより、Angularのパフォーマンスや安定性が向上することが期待されます。 • アニメーションスケジューリングの更新が行われた • DomEventsPluginの呼び出し順序に関する修正が提案された • DomEventsPluginは常に最後に呼び出されるべきである • これによりAngularのパフォーマンスや安定性が向上することが期待される
Deno's Other Open Source Projects
Here’s a roundup of some of our popular open source libraries and how we use them in Deno.
2025-10-16のJS: Bun 1.3、Next.js 16(beta)、Node.js 25
JSer.info #752 - Bun 1.3がリリースされました。
Why is Zod so slow?
Zod’s flexibility comes at a cost. Why is Zod slower than AOT-compiled validators like Typia? And how do we fix it?
Braintrust joins the Vercel Marketplace
Braintrust joins the Vercel Marketplace with native support for the Vercel AI SDK and AI Gateway, enabling developers to monitor, evaluate, and improve AI application performance in real time.
Why PMs need to master qualitative tests now more than ever
Data shows you what users do, not why. Learn how blending qualitative and quantitative insights fuels real product innovation.
WASM 3.0 with Andreas Rossberg
Andreas Rossberg unpacks WASM 3.0, covering new capabilities like garbage collection, exception handling, tail calls, and support for 64-bit addressing with multiple memories. The discussion explores deterministic profiles following relaxed sim, WebAssembly’s capability-based security model, and advances in sandboxing and module design. Andreas connects these features to practical use cases in JavaScript engines and applications like Google Sheets, then looks ahead to experimental work on threading, stack switching, and async programming models shaping the next phase of the WebAssembly ecosystem.
Same-document view transitions have become Baseline Newly available
Same-document view transitions (and more view transitions-related features) are Baseline Newly available as of October 14, 2025.
A brief intro to WebGL shaders
A gentle start to WebGL shaders: what a fragment shader is, the world’s smallest example, and a simple cursor-driven reveal you can build fast.
React Conf 2025 Recap
The library for web and native user interfaces
Why JavaScript variables don’t always update
I liked this bit of JavaScript trivia from Cassidy Williams. There is a clear answer, and it’s something worth making sure you understand before heading into a job interview that involves JavaScript.
Release Notes for Safari Technology Preview 230
Safari Technology Preview Release 230 is now available for download for macOS Tahoe and macOS Sequoia.
2025-10-15, Version 25.0.0 (Current), @RafaelGSS
Node.jsのバージョン25.0.0がリリースされ、V8エンジンが14.1にアップグレードされました。このアップグレードにより、JSON.stringifyのパフォーマンスが大幅に向上し、Uint8Arrayのbase64/hex変換が組み込まれ、WebAssemblyおよびJITパイプラインの最適化が進行中です。また、セキュリティを重視したアプリケーションとWeb標準APIが強化され、--allow-netのパーミッションモデルが追加され、Web Storageがデフォルトで有効になり、ErrorEventがグローバルに利用可能になりました。さらに、SlowBufferなどの長期間非推奨のAPIが削除または最終化され、ポータブルコンパイルキャッシュやWebAssembly用のJSPIなどの利便性向上が図られています。 • Node.js 25.0.0がリリースされ、V8エンジンが14.1にアップグレードされた。 • JSON.stringifyのパフォーマンスが大幅に向上した。 • Uint8Arrayのbase64/hex変換が組み込まれた。 • セキュリティを重視したアプリケーションとWeb標準APIが強化された。 • --allow-netのパーミッションモデルが追加された。 • Web Storageがデフォルトで有効になった。 • ErrorEventがグローバルに利用可能になった。 • SlowBufferなどの長期間非推奨のAPIが削除または最終化された。
Node.js v25.0.0 (Current)
Node.js® is a free, open-source, cross-platform JavaScript runtime environment that lets developers create servers, web apps, command line tools and scripts.
20.3.5
この記事は、Angularのバージョン20.3.5のリリースに関するもので、主にいくつかの重要な修正と機能改善が含まれています。具体的には、未装飾フィールドのメタデータをキャプチャするためのコンパイラCLIの修正、アニメーションのleave関数バインディングにおける回帰の修正、そしてトラバース時のスクロール復元に関する改善が挙げられます。また、入力がメソッド内で複数回使用される場合のマイグレーションや、制御フローのマイグレーションにおけるエラーの削除も行われています。これらの変更は、Angularのパフォーマンスと使いやすさを向上させることを目的としています。 • 未装飾フィールドのメタデータをキャプチャするための修正が行われた。 • アニメーションのleave関数バインディングにおける回帰が修正された。 • トラバース時のスクロール復元に関する改善が施された。 • 入力がメソッド内で複数回使用される場合のマイグレーションが行われた。 • 制御フローのマイグレーションにおけるエラーが削除された。
Introducing Veo 3.1 and advanced creative capabilities
Today, we’re introducing new and enhanced creative capabilities to edit your clips.
Introducing Veo 3.1 and advanced capabilities in Flow
Today, we’re introducing new and enhanced creative capabilities to edit your clips.
The Replay (10/15/25): AI’s accessibility problem, React 19.2, and more
Discover what's new in The Replay, LogRocket's newsletter for dev and engineering leaders, in the October 15th issue.
Vite+ Joins the Push to Consolidate JavaScript Tooling
Evan You announces Vite+, a commercial, Rust-powered toolchain built on the Vite ecosystem to unify JavaScript development and fund open source.
Sequential linear() Animation With N Elements
Let’s suppose you have N elements with the same animation that should animate sequentially. Modern CSS makes this easy and it works for any number of items!
AI has an accessibility problem: What devs can do about it
Jemima Abu examines where AI falls short on accessibility and how we can best harness AI while still building products that everyone can use.
Designing Microsoft 365 Copilot to empower educators, students, and staff
Explore new AI-powered experiences at no additional cost for educators and students—plus an academic offering for Microsoft 365 Copilot.
Agents at work, a partnership with Salesforce and Slack
Vercel and Salesforce are partnering to help teams build, ship, and scale AI agents across the Salesforce ecosystem, starting with Slack.
Running Next.js inside ChatGPT: A deep dive into native app integration
Next.js now runs natively in ChatGPT with working navigation, React Server Components, and full features. Learn how we made this possible behind ChatGPTs triple iframe architecture and deploy our starter template to get started.
Talha Tariq joins Vercel as CTO (Security)
Talha Tariq joins Vercel as CTO of Security, bringing expertise from HashiCorp and IBM to lead security innovation in the AI era.
Just another (Black) Friday
Vercel customers can treat Black Friday like just another day, ready to scale to billions of requests.
Tools and tactics for staying organized as a product manager
Feeling overwhelmed by endless PM tasks? Learn simple, proven strategies to stay organized, focused, and in control of your workload.
v6.4.0
この記事は、Viteのバージョン6.4.0のリリースに関する情報を提供しています。このリリースは2023年10月15日に行われ、455のコミットがメインブランチに追加されました。リリースに関する詳細はCHANGELOG.mdに記載されており、リリースタグはコミッターの検証済み署名で署名されています。記事には、リリースに関連する具体的な変更点や新機能についての情報は含まれていません。 • Viteのバージョン6.4.0が2023年10月15日にリリースされた • 455のコミットがメインブランチに追加された • リリースタグはコミッターの検証済み署名で署名されている • リリースの詳細はCHANGELOG.mdに記載されている
Introducing a new Chrome Web Store API
We're launching a new version of the Chrome Web Store API.
A modern approach to preventing CSRF in Go
Alex Edwards writes about the new http.CrossOriginProtection middleware that was added to the Go standard library in version 1.25 in August and asks: Have we finally reached the point where …
The present and potential future of progressive image rendering
Exploring progressive image rendering across JPEG, PNG, WebP, AVIF, and JPEG XL.
Get your VLM running in 3 simple steps on Intel CPUs
We’re on a journey to advance and democratize artificial intelligence through open source and open science.
Ruby Central Faces Backlash After Publishing Incident Timeline on RubyGems Access Dispute
Ruby Central’s incident report on the RubyGems.org access dispute sparks backlash from former maintainers and renewed debate over project governance.
Oracle Database@Azure offers new features, regions, and programs to unlock data and AI innovation
Migrate Oracle solutions to the cloud with a trusted, enterprise-ready platform from Microsoft and Oracle. Learn more.
10 ways you can ask Google Photos to edit your photos for you
Learn more about how you can ask Google Photos’ to edit your pictures for you and common ways it can improve photos.
A11Y Linting HTML with CSS
Will Mendes has a bit of CSS to highlight accessibility issues on HTML elements. Things like missing alt text and labels that aren’t linked properly to inputs. If you want to try it out quick on a website, I wrapped it in a little injection JavaScript so you could paste it in the console wherever. […]
NodeSource Joins OpenJS Foundation Partner Program to Support Security for Users of Older Node.js Versions
NodeSource will help organizations using outdated and unsupported versions of Node.js stay secure as they plan their upgrades.
ep187 Monthly Ecosystem 202510 | mozaic.fm
第 187 回のテーマは 2025 年 10 月の Monthly Ecosystem です。
v6.3.7
この記事は、Viteのバージョン6.3.7のリリースに関する情報を提供しています。このリリースは、GitHub上で公開され、450のコミットがメインブランチに追加されています。リリースは2023年10月14日に行われ、コミッターの署名が確認されています。詳細についてはCHANGELOG.mdを参照するように指示されています。 • Viteのバージョン6.3.7がリリースされた • リリース日は2023年10月14日 • メインブランチに450のコミットが追加された • リリースはコミッターの署名が確認された状態で行われた • 詳細はCHANGELOG.mdに記載されている
v7.1.10
この記事は、Viteのバージョン7.1.10のリリースに関する情報を提供しています。このリリースは、2023年10月14日に行われ、コミッターの署名が確認されたことが強調されています。リリースの詳細については、CHANGELOG.mdを参照するように指示されています。記事には、リリースに関連するアセットや反応も含まれていますが、具体的な変更点や新機能についての詳細は記載されていません。 • Viteのバージョン7.1.10が2023年10月14日にリリースされた。 • リリースはコミッターの署名が確認された。 • 詳細はCHANGELOG.mdを参照するように指示されている。 • リリースに関連するアセットやユーザーの反応が含まれている。 • 具体的な変更点や新機能については記載がない。
Stop Writing REST APIs From Scratch in 2025
Writing REST APIs by hand is a thing of the past. Frameworks like tRPC, Fastify, and Hono eliminate boilerplate with schema-driven design, improving speed and safety.
Good DX isn’t enough: Why your component library still fails your team
Good DX helps developers build faster, but it’s not enough. Learn why component libraries fail teams and how to build design systems that truly scale.
Anomaly alerts now in public beta
You can now subscribe to receive alerts when anomalies spikes in usage or 5XX errors are detected in your Vercel application
Building trust into UX: What I learned from Airbnb, PayPal, and more
Trust is your silent conversion driver. In this piece, we show how real brands use design psychology to make users feel safe, seen, and ready to buy.
The real cost of overpromising on AI and what to do instead
Avoid the AI hype trap. Learn how PMs can balance ambition and honesty to build trust, avoid overpromising, and deliver real value.
pnpm 10.18.3
pnpmのバージョン10.18.3がリリースされ、いくつかのバグ修正が行われた。主な修正点には、verifyDepsBeforeInstallを使用した際の無限再帰のバグ修正、スコープ付きレジストリキーの解析の改善、npm publish時のpnpm特有のCLIオプションの削除、binフィールドがディレクトリを指す場合のEISDIRエラーの修正、バージョンとhasBinの保持、スラッシュを含むキーの不適切な処理の修正、pnpm-workspace.yamlと.npmrcの共存時の設定の書き込み先の調整、pnpm outdated --longでのテーブル幅エラーの防止、ビルドスクリプトによって更新された依存関係の後にbinリンクを同期することが含まれる。 • pnpm 10.18.3がリリースされた • 無限再帰のバグを修正した • スコープ付きレジストリキーの解析を改善した • npm publish時のCLIオプションを削除した • EISDIRエラーを修正した • バージョンとhasBinを保持するようにした • スラッシュを含むキーの処理を修正した • pnpm-workspace.yamlと.npmrcの共存時の設定書き込みを調整した • pnpm outdated --longでのテーブル幅エラーを防止した • ビルドスクリプトによる依存関係更新後のbinリンクを同期した
AIに技術記事を書かせる：9回の反復で到達した「完璧すぎる」という逆説
この記事では、AIに技術記事を書かせる試みについて述べられています。著者は、Claude Codeを使用して、記事生成、レビュー、スタイルガイドの改善を繰り返すシステムを構築しました。最初は品質が7〜8割程度と予想していましたが、9回の反復を経て9.0/10の評価に達しました。特に、完璧すぎる記事が逆にAIらしさを感じさせるという「完璧すぎる逆説」に直面しました。システムは3つのエージェント（Writer Agent、Reviewer Agent、Style Guide Updater）で構成され、各エージェントは独立して機能します。反復を重ねる中で、メタ認知的シフトや不完全さの重要性が明らかになり、最終的には人間らしい不完全さを取り入れることで、より自然な記事が生成されるようになりました。 • AIに技術記事を書かせる試みの目的は、人間と区別できないレベルの品質を目指すこと。 • Claude Codeを使用し、記事生成、レビュー、スタイルガイド改善のサイクルを構築。 • 反復を重ねる中で、品質が向上し、最終的に9.0/10の評価を得る。 • 完璧すぎる記事が逆にAIらしさを感じさせるという課題に直面。 • システムは3つのエージェント（Writer、Reviewer、Style Guide Updater）で構成され、各エージェントは独立して機能。 • メタ認知的シフトや不完全さの重要性が明らかになり、自然な記事生成に寄与。 • 不完全さを取り入れることで、より人間らしい記事が生成されるようになった。
Highlights from our AI in Action workshop
In partnership with a group of startups in NYC, we demonstrated how client-side AI and built-in AI APIs can be directly integrated into their products for greater speed, privacy, and a better user experience.
Create Apple-style scroll animations with CSS view-timeline
Build Apple-style section swaps with CSS scroll timelines. Sticky frame, stacked videos, clip-path wipes, and a tiny React state to keep things in sync.
Medical reports analysis dashboard using Amazon Bedrock, LangChain, and Streamlit
In this post, we demonstrate the development of a conceptual Medical Reports Analysis Dashboard that combines Amazon Bedrock AI capabilities, LangChain's document processing, and Streamlit's interactive visualization features. The solution transforms complex medical data into accessible insights through a context-aware chat system powered by large language models available through Amazon Bedrock and dynamic visualizations of health parameters.
v15.5.5
この記事は、Next.jsのバージョン15.5.5のリリースノートを提供しています。このリリースは、バグ修正をバックポートしたものであり、canaryにあるすべての未解決の機能や変更は含まれていません。主な変更点として、コードフレームを別のコンパイル済みパッケージに分割したこと、Runtime設定に対する非推奨警告の追加、ISR再検証中にunstable_cacheがブロッキング再検証を行うように修正されたこと、experimental.middlewareClientMaxBodySizeのボディクローン制限の追加、typedRoutesにおけるnext/linkタイプの欠落の修正が挙げられます。また、ドキュメントの改善や修正も行われています。 • バグ修正をバックポートしたリリース • コードフレームを別のパッケージに分割 • Runtime設定に非推奨警告を追加 • unstable_cacheがISR再検証中にブロッキング再検証を行うよう修正 • experimental.middlewareClientMaxBodySizeのボディクローン制限を追加 • typedRoutesにおけるnext/linkタイプの欠落を修正 • ドキュメントの改善と修正が行われた
React 19.2 is here: Activity API, useEffectEvent and more
Discover what's new in React 19.2, which features long-awaited features like the Activity API and the useEffectEvent Hook.
Video Overviews on NotebookLM get a major upgrade with Nano Banana
NotebookLM's Video Overviews get an upgrade with visuals powered by Nano Banana and a new "Brief" format for quick summaries.
How to edit images with Nano Banana in Search
Here’s your guide for editing images in Search using Lens with Nano Banana.
Modern CSS Round-Out Tabs
We can use `shape()` to carve away the edges of an element to look like a folder tab. By hand.
Masonry: Watching a CSS Feature Evolve
Looking at the CSS Masonry discussions and what they can teach us about the development of new CSS features. What is the CSSWG’s role? What influence do browsers have? What can learn from the way past features evolved?
945: Chrome Dev Tools MCP Server
この記事では、Chromeの新しいMCPサーバーについて解説しています。この開発ツールAPIはPuppeteerによって動作し、スクリプト、エディタ、AIエージェントがChromeに完全にアクセスできるようにします。MCPサーバーの機能や、デバッグや自動化における影響について詳しく説明されています。具体的には、MCPサーバーの設定方法や、VS Codeからのデベロッパーツールへのアクセス方法、実際の使用例としてDominos Pizzaのケーススタディが紹介されています。また、パフォーマンス分析やスクリーンショットの取得、リモート接続の機能についても触れられています。最後に、MCPサーバーの制限事項についても言及されています。 • ChromeのMCPサーバーはPuppeteerによって動作する開発ツールAPIである。 • MCPサーバーはスクリプト、エディタ、AIエージェントにChromeへの完全なアクセスを提供する。 • VS Codeからデベロッパーツールにアクセスする方法が説明されている。 • 実際の使用例としてDominos Pizzaのケーススタディが紹介されている。 • MCPサーバーはパフォーマンス分析やスクリーンショットの取得が可能である。 • リモート接続機能があり、ブラウザの使用が可能である。 • MCPサーバーにはいくつかの制限がある。
Biome CLI v2.2.6
Biome CLI v2.2.6のリリースでは、Qwikドメインに関連する新しいlintルールが追加され、Qwikフックの使用を検証するためのuseQwikMethodUsageルールが導入されました。このルールは、Qwikのアンチパターンを防ぐために、フックがシリアライズ可能なリアクティブコンテキスト内でのみ呼び出されることを要求します。また、useQwikValidLexicalScopeルールが追加され、Qwikコンポーネント内での変数や関数の宣言が正しい場所で行われているかをチェックします。さらに、graphqlの@deprecatedディレクティブに対して、廃止日を必須とするuseDeprecatedDateルールも追加されました。これにより、開発者はより安全でエラーの少ないコードを書くことができるようになります。 • Qwikドメインに新しいlintルールが追加された • useQwikMethodUsageルールがQwikフックの使用を検証する • useQwikValidLexicalScopeルールが変数や関数の宣言をチェックする • graphqlの@deprecatedディレクティブに廃止日を必須とするルールが追加された • 開発者はエラーの少ないコードを書くことができる
v4.9.12
Honoのバージョン4.9.12がリリースされ、主に内部構造の最適化が行われた。具体的には、PreparedRegExpRouterのリファクタリングが行われ、最適化のためにテストが追加された。また、計算プロパティの代わりに保護されたメソッドを使用することで、ツリーシェイキングが可能になった。これにより、パフォーマンスの向上が期待される。 • Honoのバージョン4.9.12がリリースされた • PreparedRegExpRouterの内部構造が最適化された • 最適化のためにテストが追加された • 計算プロパティの代わりに保護されたメソッドを使用 • ツリーシェイキングが可能になり、パフォーマンス向上が期待される
v1.0.0-beta.43
この記事は、GitHub上のrolldownプロジェクトのリリースv1.0.0-beta.43に関するもので、主に新機能や改善点、バグ修正について説明しています。特に、実験的なnativeMagicStringを使用した並列ソースマップ生成が導入され、Babel ParserとJS MagicStringに比べて2.18倍のビルド速度向上が実現されました。また、Viteプラグインのフィルタリング機能や、HTML関連のプラグインのロジック調整が行われています。バグ修正としては、ソースマップ生成のフォールバックや、HMR（Hot Module Replacement）更新のエラー処理が改善されています。これにより、開発者はより効率的に作業できるようになります。 • 実験的なnativeMagicStringを使用した並列ソースマップ生成が導入され、ビルド速度が2.18倍向上した。 • Viteプラグインのフィルタリング機能が追加され、特定のプラグインをスキップできるようになった。 • HTML関連のプラグインのロジックが調整され、エントリーロジックやインポートチャンクの処理が改善された。 • バグ修正として、ソースマップ生成のフォールバックやHMR更新のエラー処理が改善された。 • 開発者が効率的に作業できるように、リソースのクリーンアップやエラーの露出が強化された。
Announcing Vite+
Introducing Vite+, a unified toolchain for JavaScript.
Quoting Slashdot
Slashdot: What's the reason OneDrive tells users this setting can only be turned off 3 times a year? (And are those any three times — or does that mean three …
Playwright Agents によるテストの自動生成を試してみた
Playwright v1.56 で導入された Playwright Agents は、Planner、Generator、Healer の 3 つのエージェントで構成されており、アプリケーションコードを解析してテストケースの計画、テストコードの生成、失敗したテストの修正を自動化できます。この記事では、Claude Code から Playwright Agents を呼び出して、シンプルなカンバンアプリのテストコードを自動生成する手順を紹介します。
Context Inheritance in TanStack Router
An overview of how TanStack Router automatically shares and infers path params, search params, and context between nested routes in a type-safe way.
VS Code でデバッガーを使って oxc の挙動を観察したい
oxc の挙動を観察したいな〜と突然思って、oxc のデバッグ環境を VS Code で用意した。ちょっと躓いたのでメモを残しておく。 やりたいこと oxc のテストを VS Code から実行したい しかも VS Code 上から breakpoint を設定して、テストをステップ実行したい Requirements 以下は事前にインストールしておく。 VS Code Rust rust-analyzer 拡張機能 rust-analyzer という Rust 向けの Language Server があって、それを VS Code から使うための拡張機能 VS Code からテストを実行す…
Vibing a Non-Trivial Ghostty Feature
Mitchell Hashimoto provides a comprehensive answer to the frequent demand for a detailed description of shipping a non-trivial production feature to an existing project using AI-assistance. In this case it's …
Node.js v24.10.0 (Current)
Node.js® is a free, open-source, cross-platform JavaScript runtime environment that lets developers create servers, web apps, command line tools and scripts.
2025-10-08, Version 24.10.0 (Current), @RafaelGSS
Node.jsのバージョン24.10.0が2025年10月8日にリリースされ、いくつかの重要な変更が含まれています。主な変更点には、コンソールのper-stream inspectOptionsオプションの追加、util.getCallSiteの削除、SQLiteの認証APIの作成が含まれます。また、パフォーマンスの向上や依存関係の更新も行われています。具体的には、V8エンジンのアップデートやOpenSSLのソースの更新、npmのバージョン11.6.1へのアップグレードが含まれています。ドキュメントの改善も行われ、.envファイルのサポートが安定版としてマークされ、URL.parse()の代替手段としてWHATWG URLの使用が提案されています。 • Node.jsのバージョン24.10.0がリリースされた • コンソールにper-stream inspectOptionsオプションが追加された • util.getCallSiteが削除された • SQLiteに認証APIが追加された • V8エンジンやOpenSSLの依存関係が更新された • npmがバージョン11.6.1にアップグレードされた • .envファイルのサポートが安定版としてマークされた • WHATWG URLを使用する代替手段が提案された
v4.9.11
Honoのバージョン4.9.11がリリースされ、主な変更点として、4.9.8の回帰を修正するための型の修正が行われた。また、新機能としてPreparedRegExpRouterが導入された。新たに2名のコントリビューターが参加し、特にaadito123が初めての貢献を行った。 • 4.9.8の回帰を修正するための型の修正が行われた • 新機能としてPreparedRegExpRouterが導入された • 新たに2名のコントリビューターが参加した • aadito123が初めての貢献を行った
An MVCC-like columnar table on S3 with constant-time deletes
s3's support for conditional writes (previously) makes it an interesting, scalable and often inexpensive platform for all kinds of database patterns. Shayon Mukherjee presents an ingenious design for a Parquet-backed …
ChatGPT 内でアプリを直接操作する Apps SDK に自作のアプリを接続する
Apps in ChatGPT は ChatGPT のチャット内で会話の流れに応じて外部のアプリを呼び出し、インタラクティブな操作を可能にする機能です。アプリごとに独自の UI コンポーネントを提供し、ユーザーはチャット画面からシームレスな体験でアプリを操作できます。この記事では Apps SDK を使用して、実際に ChatGPT 内で動作するシンプルなアプリを作成する手順を紹介します。
Weaponizing Discord for Command and Control Across npm, PyPI, and RubyGems.org
Socket researchers uncover how threat actors weaponize Discord across the npm, PyPI, and RubyGems ecosystems to exfiltrate sensitive data.
Version 7.65.0
この記事は、React Hook Formのバージョン7.65.0のリリースノートを提供しています。このバージョンでは、新しい<Watch />コンポーネントが追加され、特定のフィールドの値が変更されたときのみ再レンダリングされる機能が実装されています。また、親から提供されたuseFieldArrayのルールを尊重する修正や、null値を持つフィールドを含むgetDirtyFieldsの修正も行われています。これにより、フォームの状態管理がより効率的になり、開発者がより簡単にフォームを扱えるようになります。 • 新しい<Watch />コンポーネントが追加され、特定のフィールドの値が変更されたときのみ再レンダリングされる機能が実装された。 • 親から提供されたuseFieldArrayのルールを尊重する修正が行われた。 • null値を持つフィールドを含むgetDirtyFieldsの修正が行われた。 • これにより、フォームの状態管理がより効率的になった。 • 開発者がより簡単にフォームを扱えるようになる。
North Korea’s Contagious Interview Campaign Escalates: 338 Malicious npm Packages, 50,000 Downloads
The Socket Threat Research Team is tracking weekly intrusions into the npm registry that follow a repeatable adversarial playbook used by North Korean...
Reducing notification overload for a quieter browsing experience in Chrome
We're constantly working to improve your browsing experience. To help you cut through the noise and reduce notification overload, we’re lau...
Node.js 22 Features You Should Be Using
If your application isn't running on the new LTS, here are the production-ready features you're missing out on, and why you should prioritize the upgrade.
6.17.1
Prismaのリリース6.17.1は、v6.17.0で発生した回帰を修正するためのパッチリリースです。この回帰は、サポートされていないタイプの差分処理に影響を与え、新しいマイグレーションの作成やdb pullの実行時に不必要または不正確な変更を引き起こすものでした。この更新は、スキーマファイルにUnsupportedとしてマークされたフィールドを持つすべてのユーザーに推奨されます。 • v6.17.0での回帰を修正 • サポートされていないタイプの差分処理に影響 • 不必要または不正確な変更を引き起こす問題 • 新しいマイグレーションの作成やdb pullに関連 • Unsupportedとしてマークされたフィールドを持つユーザーに推奨
We Completely Missed width/height: stretch
The TL;DR is that stretch does the same thing as declaring 100%, but ignores padding when looking at the available space.
Hooks vs. Signals: The great reactivity convergence explained
Hooks and Signals take different paths to reactivity. Learn how React and SolidJS manage state, updates, and performance in modern frontend apps.
Zero-configuration Flask backends
Flask, one of the most popular Python web application frameworks, can now be deployed instantly at Vercel with no configuration changes needed.
Expanded Role-Based Access Control (RBAC) for Enterprise teams
Vercel’s Role-Based Access Control (RBAC) system now supports multiple roles per user and introduces extended permissions for finer-grained access control across Enterprise teams.
Claude Code の設定をプラグインで共有する
Claude Code は強力なコーディング支援ツールですが、効果的に活用するためには適切な設定が必要です。プラグインを使用することで、スラッシュコマンド、サブエージェント、MCP サーバー、フックなどの設定をパッケージ化し、他のユーザーと簡単に共有できます。この記事では、Claude Code のプラグインの作成方法と利用方法について解説します。
What's new in Lighthouse 13
Lighthouse 13 is here with the move to Insights audits
ep.181『デザイナー × エンジニアで語る Figma DevMode MCP の活用状況とAIで変わるワークフロー』
@potato4d が @vivil、@surazoeに、LINEヤフーにおける Figma Dev Mode MCP の現状活用や今後の展望について話を聞きました。 Figma MCPと会社での現状 Figma Dev Mode MCPとは？ Figmaデザインファイルからコードを生成するAIエージェントに重要なデザイン情報とコンテキストを提供 Figma公式ヘルプ: Dev Mode MCP LINEヤフーでの活用状況 すでに業務利用はOK セキュリティを重視し、公式のDev Mode MCPサーバーのみ許可 LINEヤフーでは lethal trifecta（セキュリティ・効率・品質）を強く意識 エンジニア視点：導入の意図と期待 居石さんが語る、Figma MCP導入で期待する役割・効果 多国籍・多職種チームでのコミュニケーションエラー抑制・省力化・高速化 AIによる公平な決定・自動化による効率向上 デザイナー視点：Figma MCPの嬉しさ 浦添さんが語る、実際使ってみて感じたメリット 自分のデザインがすぐコード化される体験に感動 まだProductionでは十分に活用できていないが、Tech Weekなど実験的な機会では積極的に活用 オートレイアウトなど、AIフレンドリーなデザイン構成の重要性 今後の展望・こうなってほしい 居石さん：セキュリティに配慮しつつも、便利なものは積極的に使い、価値提供のスピードを上げたい 浦添さん：Figma MCP連携が当たり前になり、命名や整理の最適化、組織的な課題解決にもつながることを期待
Google’s OSV Fix Just Added 500+ New Advisories — All Thanks to One Small Policy Change
A data handling bug in OSV.dev caused disputed CVEs to disappear from vulnerability feeds until a recent fix restored over 500 advisories.
CSS Grid: A helpful mental model and the power of grid lines
Grid is a powerful, flexible tool that brings complex layouts to life.
CSS Counters in Action
CSS has counter variables (based on matching selectors) that you can output as formatted content or use in calculations.
2025-10-10のJS: React 19.2、React Foundation、Birth of Prettier
JSer.info #751 - React 19.2がリリースされました。