Last updated: 2025/07/09 06:00

Passkey への道 #2
「パスワード」が認証の最重要要素で、いかにそれを死守するかを「サービス側」「ユーザ側」双方で考え続けてきたのが、平成の認証だった。ところが、それは早々に破綻し、「パスワードだけでの認証」に限界が来た。そこで、導入されたのが二要素認証(2FA: 2-Factor Auth)だ。

Introducing Skia Graphite: Chrome's rasterization backend for the future
Today's The Fast and the Curious post covers the launch of Skia's new rasterization backend, Graphite, in Chrome on Apple Silicon Macs. Gr...

Announcing TypeScript 5.9 Beta
Today we are excited to announce the availability of TypeScript 5.9 Beta. To get started using the beta, you can get it through npm with the following command: npm install -D typescript@beta Let’s take a look at what’s new in TypeScript 5.9! Minimal and Updated tsc --init Support for import defer Support for --module node20 […]
View Transition List Reordering (with a Kick Flip)
It's pretty straightforward to animate list items into new positions, but there is a few tricks when the specific one you've chosen to move needs a *different* transition.

Designers write good copy — but not the kind users actually need
This isn’t about grammar or style. It’s about making sure the words do something — guide, calm, clarify, convert.
JavaScript APIs v2.0.3
この記事は、JavaScript APIs v2.0.3のリリースに関するもので、主にバグ修正とパッケージの改善に焦点を当てています。特に、以前のリリースで発生していたdist/ファイルの欠如が修正され、@biomejs/js-apiパッケージに正しく含まれるようになりました。また、CI(継続的インテグレーション)プロセスの改善も行われ、アーティファクトのダウンロードにおいてパターンの代わりに名前を使用するように変更されました。これにより、リリースプロセスがより効率的になっています。 • dist/ファイルの欠如が修正され、@biomejs/js-apiパッケージに含まれるようになった。 • CIプロセスが改善され、アーティファクトのダウンロード方法が変更された。 • リリースはGitHub Actionsによって行われた。 • バグ修正により、以前のリリースの問題が解決された。
JavaScript APIs v2.0.2
この記事は、JavaScript APIs v2.0.2のリリースに関するもので、主にCIの問題によりこのバージョンが壊れていることを警告しています。このリリースでは、必要なファイルがパッケージに含まれていないという問題があり、前回のリリースではこの問題が適切に修正されていなかったことが指摘されています。具体的には、dist/ファイルが@biomejs/js-apiパッケージに含まれるように修正されました。また、依存関係として@biomejs/wasm-web、@biomejs/wasm-bundler、@biomejs/wasm-nodejsのバージョンが2.1.1に更新されています。CIの修正やドキュメントの更新も行われています。 • CIの問題により、v2.0.2は壊れていると警告されている。 • dist/ファイルが@biomejs/js-apiパッケージに含まれるように修正された。 • 前回のリリースではこの問題が適切に修正されていなかった。 • 依存関係が@biomejs/wasm-web、@biomejs/wasm-bundler、@biomejs/wasm-nodejsのバージョン2.1.1に更新された。 • CIの修正やドキュメントの更新も行われている。
JavaScript APIs v2.0.1
この記事は、biomejsのJavaScript APIのバージョン2.0.1のリリースに関するものである。このリリースは2023年7月8日に行われ、主にCI(継続的インテグレーション)に関する問題が原因で、必要なファイルがパッケージに含まれていないという問題が発生したことが報告されている。具体的には、#6722の問題が修正され、欠落していたdist/ファイルが@biomejs/js-apiパッケージに含まれるようになった。リリースには4つのコミットが含まれており、CIのアーティファクトをダウンロードするプロセスや、false positiveのテストを修正するための変更が含まれている。 • リリースされたバージョンは2.0.1で、2023年7月8日に公開された。 • CIの問題により、このバージョンは壊れており、必要なファイルがパッケージに含まれていない。 • #6722の問題が修正され、欠落していたdist/ファイルが含まれるようになった。 • リリースには4つのコミットが含まれており、CIのアーティファクトをダウンロードするプロセスが改善された。 • false positiveのテストを修正するための変更も行われた。

NuxtLabs joins Vercel
NuxtLabs, creators of Nuxt and Nitro, are joining Vercel. Same license, roadmap, and open governance, but now in a joint mission to build the best web.

A PM’s guide to calculated risk-taking
Act fast or play it safe? Product managers face this daily. Here’s a smarter way to balance risk, speed, and responsibility.

Devcontainers, Little Snitch, macOS TCC - protecting developer laptops
How we implement different layers to secure our developer laptops & environments: Devcontainers, outbound firewall, macOS Transparency Consent and Control framework, and SSH agent for Git keys.

AstroでPDFファイルからルートを生成したい
Biome CLI v2.1.0
Biome CLI v2.1.0がリリースされ、いくつかのマイナーな変更が加えられました。新たに追加されたルール「noFloatingPromises」は、Promiseが適切に処理されていない場合に警告を出します。また、型推論がシーケンス演算子や前置・後置演算子を扱えるようになりました。さらに、.gitignoreファイルがネストされたディレクトリからも認識されるようになり、バージョン1.xからのアップグレード時に不必要なスタイルルールが有効にならないように修正されました。新しいルール「noMisusedPromises」は、条件文や反復処理が期待される場所でPromiseが使用されている場合に警告を出します。CLIでファイルパスを指定した場合、関連のないディレクトリを除外するターゲットスキャナーが実装され、特定のコマンドでのパフォーマンスが向上しました。 • 新ルール「noFloatingPromises」が追加され、Promiseが適切に処理されていない場合に警告を出す。 • 型推論がシーケンス演算子や前置・後置演算子を扱えるようになった。 • .gitignoreファイルがネストされたディレクトリからも認識されるようになった。 • バージョン1.xからのアップグレード時に不必要なスタイルルールが有効にならないように修正された。 • 新ルール「noMisusedPromises」が追加され、条件文や反復処理でのPromiseの誤用を警告する。 • CLIでファイルパスを指定した場合、関連のないディレクトリを除外するターゲットスキャナーが実装された。
JavaScript APIs v2.0.0
この記事は、BiomeのJavaScript APIのバージョン2.0.0のリリースに関するもので、主に新しいサブパスエクスポートの導入について説明しています。新しいエクスポート方法では、特定のパッケージに対してのみTypeScriptの宣言を読み込むことができ、これによりtscでのコードチェック時の問題が解決されます。具体的には、デフォルトエクスポートではなく、'@biomejs/js-api/bundler'、'@biomejs/js-api/nodejs'、'@biomejs/js-api/web'のサブパスを使用することが推奨されています。また、依存関係の更新や、型定義の解決、パフォーマンスの向上に関する変更も含まれています。 • BiomeのJavaScript Bindingsに新しいサブパスエクスポートが追加された • 特定のパッケージに対してのみTypeScriptの宣言を読み込むことが可能になった • デフォルトエクスポートの使用からサブパスエクスポートへの移行が推奨されている • 依存関係の更新が行われた • 型定義の解決やパフォーマンス向上に関する修正が含まれている
[email protected]
この記事は、Viteのバージョン7.0.1のリリースに関する情報を提供しています。このリリースは2023年7月8日に行われ、コミッターの署名が確認されたことが記載されています。リリースの詳細についてはCHANGELOG.mdを参照するように指示されています。記事には、リリースに関連するアセットが2つあることが示されていますが、具体的な内容は記載されていません。全体として、Viteの新しいバージョンのリリース情報が中心となっています。 • Viteのバージョン7.0.1が2023年7月8日にリリースされた。 • リリースはコミッターの署名が確認された。 • リリースの詳細はCHANGELOG.mdに記載されている。 • 関連するアセットが2つ存在する。
v7.0.3
この記事は、Viteのバージョン7.0.3のリリースに関する情報を提供しています。このリリースは、2023年7月8日に行われ、主に1つのコミットがメインブランチに追加されました。リリースに関する詳細はCHANGELOG.mdに記載されており、リリースタグはコミッターの検証済み署名で署名されています。記事には、リリースに関連するアセットや通知設定に関する情報も含まれていますが、具体的な変更点や新機能については記載されていません。 • Viteのバージョン7.0.3が2023年7月8日にリリースされた。 • このリリースには1つのコミットが含まれている。 • リリースの詳細はCHANGELOG.mdに記載されている。 • リリースタグはコミッターの検証済み署名で署名されている。 • アセットや通知設定に関する情報も含まれているが、具体的な変更点は記載されていない。

Leader Spotlight: Improving predictability using agile, with Emmett Ryan
Emmett Ryan shares how introducing agile processes at C.H. Robinson improved accuracy of project estimations and overall qualitative feedback.
Tuesday, July 15, 2025 Security Releases
Node.js® is a free, open-source, cross-platform JavaScript runtime environment that lets developers create servers, web apps, command line tools and scripts.

An open-source SDK for finding dead code
Writing code is easier than ever. We want to make deleting code just as easy – introducing Reaper for iOS and Android. Reaper was an Emerge Tools product that h...

Three Mighty Alerts Supporting Hugging Face’s Production Infrastructure
We’re on a journey to advance and democratize artificial intelligence through open source and open science.

Efficient MultiModal Data Pipeline
We’re on a journey to advance and democratize artificial intelligence through open source and open science.

Biome v2.1

Passkey への道 #1
まず、今使われているパスワード認証について、これがなぜ問題で、なぜ Password-Less が求められているのかを振り返っていこう。
blur(1px) blur(1px)
I know that you can “chain” the CSS property filter, like: All three of those filters will apply. But somehow I never thought about applying the same filter more than once. That also works, and they don’t override each other, they “stack” (or whatever you want to call it). So here’s some useless bar trivia […]

Build a just-in-time knowledge base with Amazon Bedrock
Traditional Retrieval Augmented Generation (RAG) systems consume valuable resources by ingesting and maintaining embeddings for documents that might never be queried, resulting in unnecessary storage costs and reduced system efficiency. This post presents a just-in-time knowledge base solution that reduces unused consumption through intelligent document processing. The solution processes documents only when needed and automatically removes unused resources, so organizations can scale their document repositories without proportionally increasing infrastructure costs.

Checkbox UI design: Best practices and examples
The checkbox is one of the most common elements in UX design. Learn all about the feature, its states, and the types of selection it offers.

New CVE Forecasting Tool Predicts 47,000 Disclosures in 2025
CVEForecast.org uses machine learning to project a record-breaking surge in vulnerability disclosures in 2025.
The Best AI Coding Tools in 2025
Discover the best AI tools for coding in 2025 and transform how you build with these powerful coding assistants.

A guide to wrapper vs. container classes in CSS
A breakdown of the wrapper and container CSS classes, how they’re used in real-world code, and when it makes sense to use one over the other.

Better CSS Shapes Using shape() — Part 4: Close and Move
The shape() function's close and move commands may not be ones you reach for often, but are incredibly useful for certain shapes.

Leader Spotlight: Balance vs. compromise in product management, with Suvrat Joshi
Suvrat Joshi shares the importance of viewing trade-off decisions in product management more like a balance than a compromise.

Passkey への道 #0
フィッシング詐欺や Infostealer を用いた金融サイトの乗っ取り詐欺などは、その被害総額が 5000 億円 を突破してもなお拡大し続けている。米国で発生した 2024 年のオンライン詐欺被害は 166 億ドル に達した。証券や銀行サービスからは「FIDO 認証登録の...
I Shipped a macOS App Built Entirely by Claude Code
Indragie Karunaratne has "been building software for the Mac since 2008", but recently decided to try Claude Code to build a side project: Context, a native Mac app for debugging …

速習 Claude Code

BlackHole 2ch を Mac から削除する

値の補間計算を簡潔に記述できる CSS の `progress` 関数
CSS の `progress` 関数は、2 つの長さの値の間の進捗を計算するための数学関数です。流体タイポグラフィやレスポンシブなレイアウト調整に利用できます。流体タイポグラフィは `clamp` 関数を使用して実装することもできますが、`progress` 関数を使用することでより意図を明確に記述できます。この記事では、CSS の `progress` 関数の構文と使用例について解説します。

Serving 200 million requests per day with a cgi-bin
Jake Gold tests how well 90s-era CGI works today, using a Go + SQLIte CGI program running on a 16-thread AMD 3700X. Using CGI on modest hardware, it’s possible to …
v1.0.0-beta.24
この記事は、GitHub上のrolldownプロジェクトのバージョン1.0.0-beta.24のリリースノートを提供しています。このリリースでは、インポートされた変数に対するinlineConstのサポートや、特定のモジュールに対する変換フックのスキップ、最適化オプションの追加などの新機能が含まれています。また、CSSファイル名の生成やデフォルトキーワードエラーの修正、ホットモジュールリプレースメント(HMR)関連の改善も行われています。さらに、ドキュメントの更新やテストの改善、依存関係の更新なども含まれています。これにより、開発者はより効率的にプロジェクトを管理し、エラーを減らすことが期待されます。 • 新機能としてインポートされた変数に対するinlineConstのサポートが追加された。 • 特定のモジュールに対する変換フックをスキップする機能が実装された。 • CSSファイル名の生成に関するバグが修正された。 • ホットモジュールリプレースメント(HMR)関連の改善が行われた。 • ドキュメントの更新やテストの改善が含まれている。
CSS Modules の拡張構文について
CSS Modules は、CSS をローカルスコープ化する仕組み。*.module.css に CSS を記述すると、bundler がクラスセレクターなどをユニークなものへと変換してくれる。クラスセレクターなどが *.module.css ファイルごとに異なる名前に変換され、擬似的にローカルスコープ化が実現される。 developer.hatenastaff.com CSS Modules では、基本的には CSS の標準の構文をそのまま利用する。しかし、一部 CSS Modules 独自の構文がある。実際どのようなものがあるのかというのを、紹介する。 CSS Modules の公式ドキュ…

AI Agentのコマンド実行にTouch IDを使った「人間の確認」を挟むCLIツール confirm-pam を作った
macOS で Touch ID を使った「人間の確認」ができるシンプルな CLI ツール confirm-pam を作りました。
Version 7.60.0
この記事は、React Hook Formのバージョン7.60.0のリリースに関する情報を提供しています。このバージョンでは、新しいオプション「keepFieldsRef」が追加され、リセット時にフィールドの参照を保持することが可能になりました。このオプションを使用することで、リセット後に入力の参照がリセットされるのを回避し、再登録を避けることができます。これにより、フォームのパフォーマンスが向上し、開発者はより効率的にフォームを管理できるようになります。 • 新しいオプション「keepFieldsRef」が追加された • リセット時にフィールドの参照を保持できる • リセット後の入力の参照がリセットされるのを回避できる • 再登録を避けることができる • フォームのパフォーマンスが向上する

How to build a web-based AI agent with Stagehand and Gemini
Learn how to build a browser-based AI agent with Stagehand and Gemini to automate tasks like navigation, extraction, and interaction using natural language.
Sandbox now supports sudo and installing RPM packages
You can now run commands with sudo inside Vercel Sandbox, giving you full control to install packages at runtime, just like on a traditional Linux system.
Correlate logs and traces with OpenTelemetry in Vercel Log Drains
Correlate Vercel Logs and Traces with OpenTelemetry (OTel) in Vercel Log Drains sent to Datadog and Dash0
v4.8.4
この記事は、Honoフレームワークのバージョン4.8.4のリリースノートを提供しています。このバージョンでは、Node.js 24をサポートするためにProxyの使用を修正し、未使用のsigningSecretオプションを削除しました。また、cloneElementが子要素をコピーしない問題を修正し、$url()を呼び出す際にインデックス文字列を削除しました。さらに、動的ルートのみの場合にコールバックを呼び出すSSGの修正や、req.json()がコンテンツをそのまま保持するようにする修正も行われています。 • Node.js 24をサポートするためのProxyの使用修正 • 未使用のsigningSecretオプションの削除 • cloneElementが子要素をコピーしない問題の修正 • $url()呼び出し時のインデックス文字列の削除 • 動的ルートのみの場合のSSGコールバック修正 • req.json()がコンテンツをそのまま保持するように修正
v7.0.2
この記事は、Viteのバージョン7.0.2のリリースに関する情報を提供しています。このリリースは、2023年7月4日に行われ、コミッターの署名が確認されたことが記載されています。リリースの詳細については、CHANGELOG.mdを参照するように指示されています。記事には、リリースに関連する具体的な変更点や新機能についての情報は含まれていません。 • Viteのバージョン7.0.2が2023年7月4日にリリースされた • リリースはコミッターの署名が確認された • 詳細はCHANGELOG.mdを参照するように指示されている • 具体的な変更点や新機能についての情報は記載されていない

Browserslist-rs Gets Major Refactor, Cutting Binary Size by Over 1MB
Browserslist-rs now uses static data to reduce binary size by over 1MB, improving memory use and performance for Rust-based frontend tools.

2025-07-04のJS: ECMAScript 2025、Rspack 1.4、Deno 2.4、Bundle Sizeの改善
JSer.info #740 - ECMAScript 2025 が正式にリリースされました。

8 More Malicious Firefox Extensions: Exploiting Popular Game Recognition, Hijacking User Sessions, and Stealing OAuth Credentials
Eight new malicious Firefox extensions impersonate games, steal OAuth tokens, hijack sessions, and exploit browser permissions to spy on users.
v15.3.5
この記事は、Next.jsのバージョン15.3.5のリリースノートを提供しています。このリリースは、バグ修正をバックポートするものであり、canaryにあるすべての未解決の機能や変更は含まれていません。主な変更点として、Turbopackにおいてassert/strictを外部としてリストすること、FlightRouterStateからsearchParamデータを輸送前に省略すること、seeded prefetchエントリに対してstaleTimeを伝播するバグ修正が含まれています。また、Turbopackトレースビューワーに関する文書も追加されています。 • Next.js v15.3.5はバグ修正をバックポートしたリリースである。 • Turbopackにおいてassert/strictを外部としてリストする変更が行われた。 • FlightRouterStateからsearchParamデータを輸送前に省略する修正が含まれている。 • seeded prefetchエントリに対してstaleTimeを伝播するバグが修正された。 • Turbopackトレースビューワーに関する文書が追加された。
TIL: Rate limiting by IP using Cloudflare's rate limiting rules
My blog started timing out on some requests a few days ago, and it turned out there were misbehaving crawlers that were spidering my /search/ page even though it's restricted …
I built something that changed my friend group's social fabric
I absolutely love this as an illustration of the thing where the tiniest design decisions in software can have an outsized effect on the world. Dan Petrolito noticed that his …
The MCP client for design handoffs
MCP clients let AI agents connect to your tools, but most are either chat-only or IDE-only. Fusion bridges design and dev workflows.

I’ve designed with data — here’s what we’re getting wrong
Over-optimizing for data can kill creativity in UX. Learn how to bring intuition and empathy back into your design process.
6.11.1
Prismaのバージョン6.11.1がリリースされ、いくつかのバグ修正が行われました。特に、Prisma ORMのバージョン6.11.0で導入された修正により、Prisma Postgresを直接TCP接続で使用する際の問題が解決されました。この修正にはPrisma Clientの初期化ロジックのリファクタリングが含まれており、いくつかのテストケースが追加されましたが、エッジケースが見逃されていました。具体的には、@prisma/clientと@prisma/extension-accelerateを使用して、prisma+postgres://...接続文字列でPrisma Client定義を生成する際に、PrismaClientInitializationErrorが発生していました。この問題は修正され、バージョン6.11.1へのアップグレードが推奨されています。また、Prisma Accelerateを使用する際には、prisma generate --no-engineを使用してPrisma Client定義を生成することが強く推奨されています。さらに、クエリコンパイラで配列を集約フィールドとして使用する際に発生していたデータマッピングエラーも修正され、期待通りに動作するようになりました。 • Prismaのバージョン6.11.1がリリースされた。 • バージョン6.11.0での修正により、Prisma Postgresを直接TCP接続で使用する際の問題が解決された。 • Prisma Clientの初期化ロジックがリファクタリングされ、いくつかのテストケースが追加されたが、エッジケースが見逃されていた。 • @prisma/clientと@prisma/extension-accelerateを使用する際にPrismaClientInitializationErrorが発生していた問題が修正された。 • Prisma Accelerateを使用する際には、prisma generate --no-engineを使用してPrisma Client定義を生成することが推奨されている。 • クエリコンパイラで配列を集約フィールドとして使用する際のデータマッピングエラーも修正された。
Satisfies in TypeScript
The `satisfies` keyword allows you to assert that a certain value

Getting started with Claude 4 API: A developer’s walkthrough
This guide explores how to use Anthropic's Claude 4 models, including Opus 4 and Sonnet 4, to build AI-powered applications.
CVE-2025-49005
A cache poisoning vulnerability affecting Next.js App Router >=15.3.0 < 15.3.3 / Vercel CLI 41.4.1–42.2.0 has been resolved. The issue allowed page requests for HTML content to return a React Server Component (RSC) payload instead.
CVE-2025-49826
A vulnerability affecting Next.js has been addressed. It impacted versions >=15.1.0 <15.1.8 and involved a cache poisoning bug leading to a Denial of Service (DoS) condition.

Zero-configuration support for Nitro
Vercel now has detects and deploys Nitro, a server toolkit for building webservers, with zero configuration.

New usage dashboard for Pro customers
We’ve launched a new usage dashboard for Pro teams to analyze Vercel usage and costs with detailed breakdowns and export options.

Prisma Postgres with Nikolas Burk (Repeat)
In this repeat episode, Nikolas Burk, DevRel at Prisma, talks about Prisma Postgres, its unikernel architecture, and its seamless integration with cloud infrastructure. Discover how Prisma Postgres is revolutionizing database management with features like cold start elimination, real-time event handling and advanced caching strategies!
v7.0.1
この記事は、Viteのバージョン7.0.1のリリースに関する情報を提供しています。このリリースは、2023年7月3日に行われ、コミッターの署名が確認されたことが記載されています。リリースの詳細については、CHANGELOG.mdを参照するように指示されています。記事には、リリースに対するユーザーの反応も含まれており、いくつかのリアクションが記録されています。 • Viteのバージョン7.0.1が2023年7月3日にリリースされた • リリースはコミッターの署名が確認されている • リリースの詳細はCHANGELOG.mdに記載されている • ユーザーからのリアクションがいくつか記録されている

Official Go SDK for MCP in Development, Stable Release Expected in August
The official Go SDK for the Model Context Protocol is in development, with a stable, production-ready release expected by August 2025.
The Angular Custom Profiling Track is now available
Authors: Mark Thompson Pawel Kozlowski
CSS Gap Decorations
Microsoft is working on “gap decorations” and have put together a nice playground to explore them, and I had a play. The idea is drawing lines where gaps would be, rather than empty space. It’s really quite well done with lots of control (do they hit the edges or stop short? do they overlap or […]

Designing drag and drop UIs: Best practices and patterns
Let's explore why and when to use drag and drop, discussing real-world examples, platform-specific considerations, and accessibility tips.

What scarcity taught me about designing for attention
Scarcity drives attention — if used right. Learn how to apply ethical, psychology-backed scarcity in your UX workflows and interfaces.

t-wada vs テスト大好郎
先日一部のClaude Codeユーザーの間で「プロンプトに”t-wadaさんの推奨する進め方に従ってください”と書くとテスト駆動開発のプラクティスを実践してくれる」というTIPSが話題になっていました。 なるほど、TDDやテスト駆動開発という言葉は広まりすぎて「意味の希薄化」が発生し、曖昧な理解のまま自動テストやテストファーストと混同され、それがLLMの学習データにも影響したが、人名を与えるとLLMに「具体的な参照点」を与え、より具体的なプログラミングスタイルに限定させる効果があったのか pic.twitter.com/p6SCPj8YdA — Takuto Wada (@t_wada) June 25, 2025 これは確かに面白い現象で、現にClaudeに直接質問するとt-wadaさんの知識を持っていることがわかります。そこから連想してClaude CodeがTDDをするトリガーとして使えるのなら面白いなと思い色々試してみました。 (ところでこの翌日、最近バイブコーディングにはまってSmalltalkのライブラリをLLMで書いているKent Beckも自著のタイトルを
![AI dev tool power rankings & comparison [July 2025 edition]](https://blog.logrocket.com/wp-content/uploads/2025/07/ai_dev_tool_power_rankings_july_2025_web.png)
AI dev tool power rankings & comparison [July 2025 edition]
Which AI frontend dev tool reigns supreme in July 2025? Check out our power rankings and use our interactive comparison tool to find out.

Pivot or perish: Why product agility determines market survival
Great product managers spot change early. Discover how to pivot your product strategy before it's too late.

Making group conversations more accessible with sound localization

Deno 2.4: deno bundle is back
Deno bundle is back, alongside the addition of bytes and text imports, stabilized built-in OpenTelemetry, a new --preload flag, simplified dependency management with deno update, and more.
11 prompting tips for building UIs that don’t suck
Most people are using AI coding tools wrong. Here are 11 practical tricks that actually work for frontend development

AI Agentが回答に困った時にSlackで人間に助言を求められるMCPを検証した
AI ShiftのTECH BLOGです。AI技術の情報や活用方法などをご案内いたします。

Mandelbrot in x86 assembly by Claude
Inspired by a tweet asking if Claude knew x86 assembly, I decided to run a bit of an experiment. I prompted Claude Sonnet 4: Write me an ascii art mandelbrot …

Leader Spotlight: Human empathy in the age of AI, with Thach Nguyen
Thach Nguyen, Senior Director of Product Management — STEPS at Stewart Title, emphasizes candid moments and human error in the age of AI.

Astro 5.11
Astro 5.11 ships more Content Security Policy (CSP) features, the ability to disable streaming in the Node.js adapter, and more!

Robust Time Series Monitoring: Anomaly Detection Using Matrix Profile and Prophet
Monitoring production systems often feels like searching for a moving needle in a constantly shifting haystack. At Sentry, our goal was to empower customers to ...
TIL: Using Playwright MCP with Claude Code
Inspired by Armin ("I personally use only one MCP - I only use Playwright") I decided to figure out how to use the official Playwright MCP server with Claude Code. …

Claude CodeのHooksでタスク完了メッセージをデスクトップ通知する
Claude CodeではNotification設計でベル音を鳴らすことができますが、私は音量をゼロにしてMacを使っているため、デスクトップのバナー通知で視覚的に知らせてほしいと思っていました。一部のユーザーは、osascriptやterminal-notifierのコマンド呼び出し指示を各自CLAUD.mdに記載してこれを実現させているようですが、毎回推論コンテキストに載せるに抵抗があり、そこまでは手を出せていませんでした。 しか昨日リリースされたHooks機能は、まさにこの用途に最適でした。ドキュメントにもカスタム通知を設定する例が載っています。 Hooks - AnthropicCustomize and extend Claude Code’s behavior by registering shell commandsAnthropic すでにHooksのさまざまなユースケースが公開されていて、例えばファイルのフォーマッタやSlack・LINEへの通知などを行っているユーザーがいます。 Claude Code の Hooks で作業が終わった後にフォーマッターを

PlanetScale's classy retirement
Sometimes a service with a free plan will decide to stop supporting it. I understand why this happens, but I'm often disappointed at the treatment of existing user's data. It's …
v9.30.1
この記事は、ESLintのバージョン9.30.1のリリースに関する情報を提供しています。このリリースでは、いくつかのバグ修正が行われ、特にデフォルトインポートと名前付きインポートを別々に許可する修正が含まれています。また、READMEの更新や、GitHub Actions Botによるドキュメントの更新も行われています。さらに、@eslint/jsのバージョン9.30.1へのアップグレードが行われ、package.jsonの更新も含まれています。 • バージョン9.30.1のリリースに関する情報 • デフォルトインポートと名前付きインポートを別々に許可するバグ修正 • READMEの更新 • GitHub Actions Botによるドキュメントの更新 • @eslint/jsのバージョン9.30.1へのアップグレード
A custom template system from the mid-2000s era
Using LLMs for code archaeology is pretty fun. I stumbled across this blog entry from 2003 today, in which I had gotten briefly excited about ColdFusion and implemented an experimental …
Custom Select (that comes up from the bottom on mobile)
You've got A LOT of control over the design of select menus now, and it can be done as a progressive enhancement.
Release Notes for Safari Technology Preview 222
Safari Technology Preview Release 222 is now available for download for macOS Tahoe and macOS Sequoia.
Announcing PlanetScale for Postgres
PlanetScale formed in 2018 to build a commercial offering on top of the Vitess MySQL sharding open source project, which was originally released by YouTube in 2012. The PlanetScale founders …

Choosing the right approach for generative AI-powered structured data retrieval
In this post, we explore five different patterns for implementing LLM-powered structured data query capabilities in AWS, including direct conversational interfaces, BI tool enhancements, and custom text-to-SQL solutions.
v3.17.6
Nuxtのバージョン3.17.6は、定期的なパッチリリースであり、主にパフォーマンスの向上とバグ修正が行われた。アップグレードの推奨方法は、'npx nuxt upgrade --dedupe'を実行することで、依存関係のロックファイルを重複排除し、他の依存関係の更新を取り込むことができる。主な変更点には、プリレンダリング時のifチェックの削減、非同期データデフォルトの型生成の修正、エラーハンドラーでのset-cookieヘッダーの追加、ナビゲート時のハッシュリンクの処理などが含まれる。また、ドキュメントの改善やテストケースの追加も行われている。 • Nuxtのバージョン3.17.6はパフォーマンス向上とバグ修正を含む定期的なパッチリリース。 • アップグレードには'npx nuxt upgrade --dedupe'を推奨。 • プリレンダリング時のifチェックを減少させる改善。 • 非同期データデフォルトの型生成を修正。 • エラーハンドラーでset-cookieヘッダーを追加。 • ナビゲート時のハッシュリンクの処理を改善。 • ドキュメントの改善やテストケースの追加も実施。
20.0.6
この記事は、Angularのバージョン20.0.6のリリースに関する情報を提供しています。このリリースは、主にバグ修正や機能改善を含んでおり、開発者がより安定した環境でアプリケーションを構築できるようにすることを目的としています。リリースノートには、過去のコミット数やリリース日、リリースに関連するアセットの情報が含まれています。特に、開発者がこの新しいバージョンを使用することで得られる利点や改善点については具体的に記載されていませんが、一般的に新しいリリースはパフォーマンスの向上やバグの修正を期待されます。 • Angularのバージョン20.0.6がリリースされた • このリリースにはバグ修正や機能改善が含まれている • リリース日やコミット数の情報が提供されている • 具体的な改善点や利点については記載がない • 開発者は新しいバージョンを使用することで安定した環境を得られる
Convert Figma to Next.js using AI
Convert Figma design files into clean, responsive Next.js code with Fusion AI. Streamlines the design-to-code process for production-ready results.

Premier League and Microsoft join forces to create fan-friendly digital platforms
Discover how the Premier League and Microsoft are revolutionizing fan engagement with innovative digital platforms with the new Premier League Companion tool powered by Azure AI.
6.11.0
Prismaの6.11.0リリースでは、MySQL/MariaDB、Neon、CockroachDB向けにRustエンジンなしのPrisma ORMのプレビューサポートが追加されました。新しい@prisma/adapter-mariadbドライバーアダプターを使用することで、MySQLデータベースとの互換性が向上し、クエリコンパイラとドライバーアダプターの機能フラグを有効にすることで利用可能です。また、CLIを通じてローカルのPrisma Postgresインスタンスを停止・削除できる機能が追加され、VS Code拡張機能を使用している場合でもCLIから操作可能になりました。新しいprisma-clientジェネレーターは、柔軟性が向上し、さまざまなJSランタイムで動作し、ESMサポートも提供されます。さらに、VS Codeに埋め込まれたPrisma Studioのバグ修正が行われ、ユーザーが自分のツールにPrisma Studioを埋め込むことも可能になりました。 • Prisma ORMのRustエンジンを排除し、MySQL/MariaDB、Neon、CockroachDB向けのプレビューサポートを追加 • 新しい@prisma/adapter-mariadbドライバーアダプターを使用することでMySQLとの互換性が向上 • CLIを使用してローカルのPrisma Postgresインスタンスを停止・削除できる機能が追加 • 新しいprisma-clientジェネレーターは柔軟性が向上し、さまざまなJSランタイムで動作 • VS Codeに埋め込まれたPrisma Studioのバグ修正が行われた • ユーザーが自分のツールにPrisma Studioを埋め込むことが可能になった

How API client automation can save you hours in development
Learn how OpenAPI can automate API client generation to save time, reduce bugs, and streamline how your frontend app talks to backend APIs.

The Gap Strikes Back: Now Stylable
Styling the space between layout items — the gap — has typically required some clever workarounds. But a new CSS feature changes all that with just a few simple CSS properties that make it easy, yet also flexible, to display styled separators between your layout items.

Where your focus is actually going (and how to get it back)
Guard your focus, not just your time. Learn tactics to protect attention, cut noise, and do deep work that actually moves the roadmap.
v1.0.0-beta.23
この記事は、GitHub上で公開されたrolldownのバージョン1.0.0-beta.23のリリースノートを示しています。このリリースには、いくつかの重要な変更点が含まれています。まず、デバッグログのフィールド名が一貫性を持たせるために変更されました。また、アセットデータにコンテンツを追加し、ソースフィールドを統一する機能が追加されました。CommonJSのツリーシェイキングが実装され、Rustのリファクタリングも行われました。バグ修正としては、レンダーチャンクの開始と終了イベントにフックを追加することが含まれています。ドキュメントも更新され、モジュールキャプチャの動作が明確に説明されています。 • デバッグログのフィールド名が一貫性を持たせるために変更された。 • アセットデータにコンテンツを追加し、ソースフィールドを統一する機能が追加された。 • CommonJSのツリーシェイキングが実装された。 • Rustのリファクタリングが行われた。 • レンダーチャンクの開始と終了イベントにフックを追加するバグ修正が行われた。 • モジュールキャプチャの動作が明確に説明された。

CSS conditionals with the new if() function
Learn about the new CSS if function, which enables a cleaner developer interface for dynamic styles like style queries and media queries.

How Exa built a Web Research Multi-Agent System with LangGraph and LangSmith
See how Exa used LangGraph and LangSmith to build a multi-agent web research system to process research queries

Leader Spotlight: Data-driven vs. human-centered decision making for product design, with Rumana Hafesjee
Rumana Hafesjee talks about the evolving role of the PM in today’s "great hesitation," explores reinventing yourself as a leader, and the benefits of fractional leadership.
Using Claude Code to build a GitHub Actions workflow
I wanted to add a small feature to one of my GitHub repos - an automatically updated README index listing other files in the repo - so I decided to …

Claude Code の Hooks で作業が終わった後にフォーマッターを実行する
Claude Code hooks は Claude Code のライフサイクルの特定のタイミングで実行されるユーザー定義のシェルスクリプトです。hooks を使用することで、コードのフォーマットを常に実行することができます。この記事では hooks を使用してコードの変更後に prettier が実行されるように設定してみましょう。

The accessibility pipeline for frontend teams
How Storybook 9 integrates accessibility into every part of the development lifecycle

Give footnotes the boot
I hate footnotes, and hopefully by the end of this, you will too.
StarSling: Building Cursor for DevOps with Mastra
How Netflix engineers Daniel Worku and Yonas Beshawred are building an AI-powered DevOps assistant using Mastra to automate the 20-30% of engineering work that happens outside the code editor.

ESLint v9.30.1 released
A pluggable and configurable linter tool for identifying and reporting on patterns in JavaScript. Maintain your code quality with ease.

What’s new in Svelte: July 2025
Vite 7 and Rolldown support, better traces and vitest browser mode support

microsoft/vscode-copilot-chat
As promised at Build 2025 in May, Microsoft have released the GitHub Copilot Chat client for VS Code under an open source (MIT) license. So far this is just the …
v1.53.2
この記事は、Playwrightのバージョン1.53.2のリリースノートを提供しています。このリリースでは、いくつかの重要なバグ修正が行われました。具体的には、バージョン1.53以前のblobレポートをマージする際に添付ファイルが失われる問題や、ChromiumにおけるCDPのトレーリングスラッシュが欠落する問題、Microsoft EdgeがmsRelaunchNoCompatLayerを使用して起動しないバグが修正されました。また、Chromium、Mozilla Firefox、WebKitの各ブラウザバージョンも記載されています。 • バージョン1.53.2での主なバグ修正が行われた • blobレポートのマージ時に添付ファイルが失われる問題を修正 • ChromiumにおけるCDPのトレーリングスラッシュが欠落する問題を修正 • Microsoft Edgeが特定の条件下で起動しないバグを修正 • テストされたブラウザバージョンが明記されている

10 best hero section examples and what makes them effective
Discover how to craft UX-friendly hero sections with examples, design tips, and strategies that drive engagement and conversion.

What is a website’s hero section? Best practices, tips, examples
Discover how to craft UX-friendly hero sections with examples, design tips, and strategies that drive engagement and conversion.
Step Gradients with a Given Number of Steps
A deep dive into producing an interpolated
llvm: InstCombine: improve optimizations for ceiling division with no overflow - a PR by Alex Gaynor and Claude Code
Alex Gaynor maintains rust-asn1, and recently spotted a missing LLVM compiler optimization while hacking on it, with the assistance of Claude (Alex works for Anthropic). He describes how he confirmed …
Node.js LGBTQIA+ Stories: Emelia Smith
Node.js® is a free, open-source, cross-platform JavaScript runtime environment that lets developers create servers, web apps, command line tools and scripts.
3 Very Specific Tips from Engineering Leaders for Evaluating AI Coding Tools
Engineering leaders share surprising tips for AI coding tools: focus on juniors, use Slackbots for feedback, and favor organic videos over formal training.

Adopting Apple’s Liquid Glass: Examples and best practices
It’s a good time to start thinking about best practices for adopting elements of Liquid Glass thoughtfully in your own designs.

I tried Figma Make — here’s what it gets right (and what’s still broken)
Figma Make promises AI-generated code from your designs. I gave it a spin — here’s what worked, what didn’t, and what UX designers should watch for.

Django Joins curl in Pushing Back on AI Slop Security Reports
Django has updated its security policies to reject AI-generated vulnerability reports that include fabricated or unverifiable content.

Context extraction from image files in Amazon Q Business using LLMs
In this post, we look at a step-by-step implementation for using the custom document enrichment (CDE) feature within an Amazon Q Business application to process standalone image files. We walk you through an AWS Lambda function configured within CDE to process various image file types, and showcase an example scenario of how this integration enhances Amazon Q Business's ability to provide comprehensive insights.

Build AWS architecture diagrams using Amazon Q CLI and MCP
In this post, we explore how to use Amazon Q Developer CLI with the AWS Diagram MCP and the AWS Documentation MCP servers to create sophisticated architecture diagrams that follow AWS best practices. We discuss techniques for basic diagrams and real-world diagrams, with detailed examples and step-by-step instructions.

SOLID series: Understanding the Interface Segregation Principle (ISP)
Learn how the Interface Segregation Principle (ISP) helps avoid bloated code, improve maintainability, and support scalable software design.

Using CSS Cascade Layers With Tailwind Utilities
Being the bad boy I am, I don't take Tailwind's default approach to cascade layers as the "best" one. Over a year experimenting with Tailwind and vanilla CSS, I've come across what I believe is a better solution.

How we created HOV-specific ETAs in Google Maps

915: $200mo Background Agents, CLI Tooling and “Max Mode”

New to the web platform in June
Discover some of the interesting features that have landed in stable and beta web browsers during June 2025.
v1.0.0-beta.22
この記事は、GitHub上のrolldownプロジェクトのバージョン1.0.0-beta.22のリリースノートを提供しています。このリリースでは、プラグイン機能の改善が行われ、PluginContextでのログ機能がBuildDiagnosticからLogに変更されました。また、ネイティブプラグインコンテキストでのinfo、warn、debugのサポートが追加され、viteプラグインのカスタムサポートも実装されています。さらに、CommonJSのツリーシェイクオプションが追加され、モジュール情報を取得するためのサポートが強化されました。パフォーマンスの向上として、HMR(Hot Module Replacement)において不要なconsole.debugの削除が行われています。依存関係のメンテナンスも行われ、いくつかのパッケージが更新されています。 • プラグイン機能の改善が行われた • PluginContextでのログ機能がBuildDiagnosticからLogに変更された • ネイティブプラグインコンテキストでinfo、warn、debugのサポートが追加された • viteプラグインのカスタムサポートが実装された • CommonJSのツリーシェイクオプションが追加された • HMRにおいて不要なconsole.debugが削除された • 依存関係のメンテナンスが行われ、いくつかのパッケージが更新された

2025年前半の振り返り

Leader Spotlight: Making informed partnership and acquisition decisions, with Trey Courtney
Trey Courtney talks about his process for evaluating partnerships or acquisitions and how he successfully implements these initiatives.

Leader Spotlight: Adopting and championing responsible AI, with Asma Syeda
Asma Syeda shares the importance of responsible AI and best practices for companies to ensure their AI technology remains ethical.
Excited to announce that Mastra, the Typescript agent framework, is moving into beta
We officially switched over to vNext on May 6th, 2025
7.28.0 Released: `babel.config.ts`, explicit resource management, and discard binding proposal
Babel 7.28.0 is out!

What's new in Astro - June 2025
June 2025 - Astro Solstice Festival, new Astro Mart swag shop, Spirit of Astro design contest, and more!

Tauri Board Elections 2025
The cross-platform app building toolkit

Open Source AI Editor: First Milestone
We are open sourcing the GitHub Copilot Chat extension. It’s the first milestone in making VS Code an open source AI editor.

From Interaction to Impact: Towards Safer AI Agents Through Understanding and Evaluating Mobile UI Operation Impacts
With advances in generative AI, there is increasing work towards creating autonomous agents that can manage daily tasks by operating user…

Agentic Coding: The Future of Software Development with Agents
Armin Ronacher delivers a 37 minute YouTube talk describing his adventures so far with Claude Code and agentic coding methods. A friend called Claude Code catnip for programmers and it …
Tip: Use keyword-only arguments in Python dataclasses
Useful tip from Christian Hammond: if you create a Python dataclass using @dataclass(kw_only=True) its constructor will require keyword arguments, making it easier to add additional properties in the future, including …

ep180 Monthly Platform 202506 | mozaic.fm
第 180 回のテーマは 2025 年 6 月の Monthly Platform です。

ワンクリックで MCP サーバーをインストールする .dxt ファイル
Model Context Protocol (MCP) サーバーは LLM が外部のツールと対話するための標準的な方法ですが、インストールが複雑でハードル高いという課題があります。`.dxt` ファイルは MCP サーバーを簡単にインストールできるパッケージ形式です。これを使用することでユーザーはターミナルを操作したり JSON ファイルを編集することなく MCP サーバーを利用できるようになります。
We're opening up Mastra Cloud

Roo CodeをIPCで外部から操作する
Roo CodeのIPCシステムについて Roo CodeのIPCシステムは、VS Code拡張機能と外部プログラム間でリアルタイム通信を実現するクライアント・サーバーアーキテクチャです。外部プログラムからRoo Codeを自動制御し、エージェントレベルの評価システムやテスト自動化などに活用できます。Roo Code開発チームはこのIPCシステムを活用して、エージェントレベルのEvals(評価)システムを構築しています。 Roo Code EvalsQuantitative evals of LLM coding skills.Roo Code このIPCシステムは、ホストマシン上のRoo Code拡張がUnixドメインソケットを使用してIPCサーバーを起動し、クライアント側の外部プログラムがNode.jsのnode-ipcライブラリを使用してサーバーに接続する構成となっています。通信方式はEventEmitterベースの双方向非同期メッセージングを採用しており、すべてのデータはzodで構造化されたJSON形式でコマンドとイベントのやり取りが行われます。 メッセージングプロトコ

MCP の Structured tool output を試してみる
MCP の 2025-06-18 バージョンでは Structured tool output がサポートされました。ツールの定義で `outputSchema` を出力のスキーマを定義し、`structuredContent` フィールドに構造化された出力を返すことができます。この記事では MCP の TypeScript SDK を使用して Structured tool output を試してみます。
Version 7.59.0
この記事は、React Hook Formのバージョン7.59.0のリリースノートを提供しています。このリリースでは、循環参照を持つ深い等価性チェックのサポートが追加され、いくつかのバグ修正が行われました。具体的には、formDataの参照クローンに関する問題、submitデータの未定義値の問題、useWatchがオブジェクト変数パラメータを受け入れる際のケース、UseFormSubscribeのタイプの一貫性に関する誤字などが修正されています。これにより、React Hook Formの安定性と使いやすさが向上しています。 • 循環参照を持つ深い等価性チェックのサポートが追加された • formDataの参照クローンに関するバグが修正された • submitデータの未定義値に関する問題が解決された • useWatchがオブジェクト変数パラメータを受け入れる際の問題が修正された • UseFormSubscribeのタイプの一貫性に関する誤字が修正された
Iterator Helpers Supported Across all Browsers
Feels notable that Iterator helpers have become Baseline Newly available. The gist is that you can map and filter on stuff that was annoying or impossible to before. I’ll copy Jeremy Wagner’s example:
v9.30.0
この記事は、ESLintのバージョン9.30.0のリリースノートを提供しています。このバージョンでは、設定オブジェクトにbasePathプロパティのサポートが追加され、no-duplicate-importsルールにallowSeparateTypeImportsオプションが追加されました。また、getIndexFromLocメソッドで負のカラムが指定された場合にエラーをスローする機能も実装されています。バグ修正としては、getIndexFromLocメソッドでnullタイプの位置を処理する修正や、no-restricted-propertiesのエラーメッセージの更新が含まれています。ドキュメントの更新も行われ、eslint-stylisticサブパッケージに関連する変更や、未使用変数処理に関するコメントの誤字修正が行われました。 • 設定オブジェクトにbasePathプロパティのサポートが追加された • no-duplicate-importsルールにallowSeparateTypeImportsオプションが追加された • getIndexFromLocメソッドで負のカラムが指定された場合にエラーをスローする機能が実装された • getIndexFromLocメソッドでnullタイプの位置を処理するバグが修正された • no-restricted-propertiesのエラーメッセージが更新された • eslint-stylisticサブパッケージに関連するドキュメントの更新が行われた

AWS costs estimation using Amazon Q CLI and AWS Cost Analysis MCP
In this post, we explore how to use Amazon Q CLI with the AWS Cost Analysis MCP server to perform sophisticated cost analysis that follows AWS best practices. We discuss basic setup and advanced techniques, with detailed examples and step-by-step instructions.

JavaScript™ Trademark Update
The Trademark Trial and Appeal Board has dismissed our fraud claim against Oracle. We disagree with this decision.

CSS Blob Recipes
Blob, Blob, Blob. What's the most effective way to create blob shapes in CSS? Turns out, as always, there are many. Let's compare them together!

How HTML’s <selectedcontent> element improves dropdowns
is an experimental HTML element that gives developers control over how a selected option is displayed, using just HTML and CSS.

How to get faster data access in Node.js with Valkey
Learn how to implement an advanced caching layer in a Node.js app using Valkey, a high-performance, Redis-compatible in-memory datastore.

【今週の話題】Gemini CLIがリリース
かねてから噂されていたGoogleのGemini公式のCLI型コーディングエージェント「Gemini CLI」がリリースされました。Gemini CLIはClaude Codeのようにターミナル(CLI)から使えるツールです。モデルは標準でGemini 2.5 Proが無料で使え、WindowsでもWSLなしに動作します。 GitHub - google-gemini/gemini-cli: An open-source AI agent that brings the power of Gemini directly into your terminal.An open-source AI agent that brings the power of Gemini directly into your terminal. - google-gemini/gemini-cliGitHubgoogle-gemini Gemini
Open sourced identity
Node.js® is a free, open-source, cross-platform JavaScript runtime environment that lets developers create servers, web apps, command line tools and scripts.

lsmcp - 汎用的な LSP の MCP サーバーを作った
Biome CLI v2.0.6
Biome CLIのバージョン2.0.6がリリースされ、いくつかのバグ修正が行われました。主な修正内容には、エディタから要求された際にすべてのコードアクションを提供しないバグの修正、インポートグループの前に空行がある場合にコメントが重複しないようにする修正、診断とコードアクションを取得する際に設定を遵守しない問題の修正が含まれています。また、関数の最大行数を制限する新しいルールや、CSSパーサーの修正も行われました。これにより、特定の条件下でのエラーが解消され、より正確な診断が可能になりました。 • Biome CLI v2.0.6がリリースされた • エディタからの要求に対してすべてのコードアクションを提供しないバグを修正 • インポートグループの前に空行がある場合のコメント重複を防ぐ修正 • 診断とコードアクションの取得時に設定を遵守しない問題を修正 • 関数の最大行数を制限する新しいルールを追加 • CSSパーサーの修正により特定の条件下でのエラーを解消
v1.0.0-beta.21
この記事は、GitHub上のrolldownリポジトリのバージョン1.0.0-beta.21のリリースノートを提供しています。このリリースでは、いくつかの新機能とバグ修正が含まれています。新機能には、oxc_resolverのバージョン11.3.0の追加、meta.jsonの出力をサポートするデバッグ機能、tsconfigパスをサポートするplugin/vite-resolveが含まれています。また、バグ修正としては、glob副作用フィールドの正しい解決、node_modules内のファイルに対してtsconfigを読み込まないようにする修正、絶対チャンクファイル名の正しい生成が挙げられます。ドキュメントの更新も行われ、メモリプロファイル手順が追加されています。 • 新機能としてoxc_resolver v11.3.0が追加された • デバッグ機能がmeta.jsonの出力をサポート • plugin/vite-resolveがtsconfigパスをサポート • バグ修正としてglob副作用フィールドの正しい解決が行われた • node_modules内のファイルに対してtsconfigを読み込まないように修正された • 絶対チャンクファイル名の正しい生成が行われた • ドキュメントにメモリプロファイル手順が追加された
3.6.2
この記事は、Prettierのバージョン3.6.2のリリースに関する情報を提供しています。このリリースでは、コードブロックの周囲に欠落していた空白行が追加されました。この変更は、ユーザーからのフィードバックに基づいて行われたもので、コードの可読性を向上させることを目的としています。リリースは2023年6月27日に行われ、主に1つのコミットが含まれています。 • Prettierのバージョン3.6.2がリリースされた • コードブロックの周囲に空白行が追加された • この変更はユーザーのフィードバックに基づいている • リリース日は2023年6月27日 • 主に1つのコミットが含まれている

Vitest3.2のリリースなど: Cybozu Frontend Weekly (2025-06-24号)

A step into the spatial web: The HTML model element in Apple Vision Pro
visionOS 26 brings a major update to an important building block for the spatial web: The HTML model element is enabled by default, with a new API that’s ready to use today.

ESLint v9.30.0 released
A pluggable and configurable linter tool for identifying and reporting on patterns in JavaScript. Maintain your code quality with ease.

ECMAScript 2025 Finalized with Iterator Helpers, Set Methods, RegExp.escape, and More
ECMAScript 2025 introduces Iterator Helpers, Set methods, JSON modules, and more in its latest spec update approved by Ecma in June 2025.
pnpm 10.12.4
pnpmのバージョン10.12.4がリリースされ、いくつかのバグ修正が行われた。具体的には、ローカル依存関係に対するpnpm licensesコマンドの修正、存在しないフィルターを使用した際にpnpm ls --filter=not-exist --jsonが空の配列を返さないバグの修正、ピア依存関係の解決中に発生することがあるデッドロックの修正が含まれている。また、pnpm fetchの後にpnpm installを実行すると、必要な依存関係がすべてホイストされるように修正された。これらの修正は、バージョン10.12.2で導入された回帰を解決するものである。 • pnpmのバージョン10.12.4がリリースされた • ローカル依存関係に対するpnpm licensesコマンドのバグを修正 • 存在しないフィルターを使用した際の出力バグを修正 • ピア依存関係の解決中に発生するデッドロックを修正 • pnpm fetch後のpnpm installで依存関係がホイストされるように修正

KelpUI
KelpUI is new library that Chris Ferdinandi is developing, designed to leverage newer CSS features and Web Components. I've enjoyed following Chris as he's published an ongoing series of articles detailing his thought process behind the library, getting deep into his approach. You really get a clear picture of his strategy and I love it.

What's coming to JavaScript
Here are proposals that were advanced at the last TC39 meeting and what that means for the future of JavaScript.

Announcing Rspack 1.4
Fast Rust-based web bundler

I’ve designed AI search — here’s what works
I share lessons from designing AI search interfaces that users actually rely on — no hype, just what works in practice.

How to properly handle rejected promises in TypeScript
Learn how to handle rejected promises in TypeScript using Angular, with tips for retry logic, typed results, and avoiding unhandled exceptions.
New webhook events for domain management
You can now subscribe to webhook events for deeper visibility into domain operations on Vercel. These events make it easier to automate domain workflows, especially in multi-tenant platforms or when managing a large number of domains.

Vercel Ship 2025 recap
Vercel Ship 2025 added new building blocks for an AI era: Fast, flexible, and secure by default. Lower costs with Fluid's Active CPU pricing, Rolling Releases for safer deployments, invisible CAPTCHA with BotID. See these and more in our recap.

The most valuable hard skills for product managers in 2025
What hard skills do PMs need in 2025? Learn how AI tools can help you level up in SQL, Figma, A/B testing, and more.

React Ink によるリッチ CLI (ClaudeCodeの裏側のアレ)

Node 24 with Rafael Gonzaga
Rafael Gonzaga, a Node.js TSC member, joins us to unpack the key features and updates in Node.js 24. We explore major changes like the new permission model, async local storage improvements, V8 engine updates, and the future of built-in HTTP capabilities. Rafael also shares insights on security trends, the evolution of the Node ecosystem, and how developers can get involved.
v4.1.11
Tailwind CSSのバージョン4.1.11がリリースされ、いくつかの重要な修正と機能追加が行われました。具体的には、emit(…)内での候補マイグレーションをスキップするためのヒューリスティックが追加され、Clojure/ClojureScriptのキーワードにおけるバリアントを持つ候補の抽出が行われました。また、CLIの使用法において--watch=alwaysのドキュメントが追加され、@tailwindcss/viteに対してVite 7のサポートが追加されました。これにより、Tailwind CSSの使用がさらに便利になり、開発者にとっての利便性が向上しました。 • 候補マイグレーションをスキップするためのヒューリスティックが追加された • Clojure/ClojureScriptのキーワードにおけるバリアントを持つ候補の抽出が行われた • CLIの使用法において--watch=alwaysのドキュメントが追加された • @tailwindcss/viteに対してVite 7のサポートが追加された • これによりTailwind CSSの利便性が向上した

CSSの`::highlight()`が、Firefox 140に実装されてた

Leader Spotlight: Quantifying the unquantifiable, with Paul Weston
Paul Weston talks about “quantifying the unquantifiable,” i.e., bringing in objective data for things that otherwise seem hard to measure.

RustのType Stateパターンについて
New sandboxes from Cloudflare and Vercel
Two interesting new products for running code in a sandbox today. Cloudflare launched their Containers product in open beta, and added a new Sandbox library for Cloudflare Workers that can …

2025-06-26のJS: Biome v2、Vite 7.0、Chrome 138、Firefox 140
JSer.info #739 - Biome v2がリリースされました。

Live Content Collections: A Deep Dive
Explore Astro 5.10's experimental live content collections - bringing real-time data to your Astro sites with the same familiar API you know and love.

Gemma 3n fully available in the open-source ecosystem!
We’re on a journey to advance and democratize artificial intelligence through open source and open science.

Introducing AI Agent Monitoring
Sentry's agent monitoring brings tracing, tool visibility, model performance, and deep context into one unified experience — so you can quickly understand what broke, where, & why.
Ecma International approves ECMAScript 2025: What’s new?
On 25 June 2025, the 129th Ecma General Assembly approved the ECMAScript 2025 language specification (press release), which means that it’s officially a standard now. This blog post explains what’s new.
Quantity Query Carousel
:has() makes quantities queries both easier and more powerful. We can alter how a grid is laid out and where the children go. Or, we can just blast it into a carousel.

Node.js Homepage Adds Paid Support Link, Prompting Contributor Pushback
A new Node.js homepage button linking to paid support for EOL versions has sparked a heated discussion among contributors and the wider community.
libnpmfund: v6.0.1
この記事は、npmのCLIツールに関連するlibnpmfundのバージョン6.0.1のリリースについて説明しています。このリリースは2023年6月25日に行われ、主に依存関係として@npmcli/arboristのバージョン8.0.1が含まれています。リリースノートには、特に新機能や修正点についての詳細は記載されていませんが、npmのCLIツールの一部としての重要性が示唆されています。 • libnpmfundのバージョン6.0.1がリリースされた • リリース日は2023年6月25日 • 依存関係として@npmcli/[email protected]が含まれている • 新機能や修正点の詳細は記載されていない
libnpmpack: v8.0.1
この記事は、npmのcliライブラリであるlibnpmpackのバージョン8.0.1のリリースに関する情報を提供しています。リリース日は2023年6月25日で、依存関係として@npmcli/arboristのバージョン8.0.1が含まれています。記事には、リリースに関連するアセットや通知設定の変更に関する情報も含まれていますが、具体的な変更点や新機能についての詳細は記載されていません。 • libnpmpackのバージョン8.0.1がリリースされた • リリース日は2023年6月25日 • 依存関係として@npmcli/arboristのバージョン8.0.1が含まれている • 具体的な変更点や新機能についての詳細は記載されていない
libnpmexec: v9.0.1
この記事は、npmのCLIツールであるlibnpmexecのバージョン9.0.1のリリースに関する情報を提供しています。このリリースは2023年6月25日に行われ、依存関係として@npmcli/arboristのバージョン8.0.1が含まれています。リリースノートには、特に新機能や修正点についての詳細は記載されていませんが、GitHub上でのリリース情報が確認できます。 • libnpmexecのバージョン9.0.1がリリースされた • リリース日は2023年6月25日 • 依存関係として@npmcli/arboristのバージョン8.0.1が含まれている • 新機能や修正点の詳細は記載されていない
arborist: v8.0.1
この記事は、npmのCLIツールであるarboristのバージョン8.0.1のリリースに関する情報を提供しています。このリリースは2025年6月25日に行われ、主にバグ修正が含まれています。具体的には、[email protected]に関連するバグを修正するための作業が停止されました。また、@npmcli/template-ossのバージョン4.24.4と4.24.3も更新されています。これらの変更は、npmのパッケージ管理機能の安定性を向上させることを目的としています。 • バージョン8.0.1は2025年6月25日にリリースされた。 • 主な変更点はバグ修正である。 • [email protected]に関連するバグ修正のための作業が停止された。 • @npmcli/template-ossのバージョンが4.24.4と4.24.3に更新された。 • これによりnpmのパッケージ管理機能の安定性が向上する。
libnpmdiff: v7.0.1
この記事は、npmのCLIツールであるlibnpmdiffのバージョン7.0.1のリリースに関する情報を提供しています。このリリースは2023年6月25日に行われ、依存関係として@npmcli/arboristのバージョン8.0.1が含まれています。リリースノートには、特に新機能や修正点についての詳細は記載されていませんが、GitHub上でのリリース情報が確認できます。ユーザーは、リリースに関連するアセットや通知設定を変更するためにはサインインが必要です。 • libnpmdiffのバージョン7.0.1が2023年6月25日にリリースされた • 依存関係として@npmcli/arboristのバージョン8.0.1が含まれている • リリースノートには新機能や修正点の詳細は記載されていない • GitHub上でリリース情報を確認できる • ユーザーはサインインが必要である
v10.9.3
この記事は、npm CLIのバージョン10.9.3のリリースに関する情報を提供しています。このリリースでは、いくつかのバグ修正が行われており、特にPowerShellでの引数の渡し方に関する修正が含まれています。また、ドキュメントの誤字修正も行われています。依存関係の更新も行われており、複数のパッケージが新しいバージョンにアップデートされています。これにより、npmの安定性と機能性が向上しています。 • バージョン10.9.3のリリース日: 2025年6月25日 • PowerShellでの引数の渡し方を修正 • ドキュメントの誤字を修正 • 複数の依存関係が更新され、npmの安定性が向上 • 新しいバージョンの依存パッケージが含まれている

Gemini CLI
First there was Claude Code in February, then OpenAI Codex (CLI) in April, and now Gemini CLI in June. All three of the largest AI labs now have their own …
20.0.5
この記事は、Angularのバージョン20.0.5のリリースに関する情報を提供しています。このリリースでは、いくつかの重要な修正と機能追加が行われました。具体的には、パイプが欠落している場合の提案機能の追加、型キャストでラップされた初期化APIの処理、エラー状態にリソースを設定できるようにする機能、破棄されたインジェクタからErrorHandlerを注入しないようにする修正、コンポーネントがViewContainerRefを注入する際にテストでdeferブロックを取得できない問題の修正、制限された環境でのscrollRestorationエラーの処理、ハイブリッドアプリでzonelessが機能するようにするアップグレードが含まれています。 • Angular 20.0.5のリリースに関する情報 • パイプが欠落している場合の提案機能の追加 • 型キャストでラップされた初期化APIの処理 • エラー状態にリソースを設定できる機能の追加 • 破棄されたインジェクタからErrorHandlerを注入しない修正 • ViewContainerRefを注入する際のdeferブロック取得問題の修正 • 制限された環境でのscrollRestorationエラーの処理 • ハイブリッドアプリでzonelessが機能するようにするアップグレード

I’ve overdesigned before — here’s what I’ve learned about doing less
Overdesign isn’t about bad design — it’s about overthinking. Learn how to simplify without compromising clarity or creativity.

Gemini CLI の簡単チュートリアル

From potholes to personalization: What Abu Dhabi is teaching us about AI-powered smart cities
Discover how city governments are transforming public service delivery with AI—enhancing personalization, empowering workers, and streamlining operations.

Poking at the CSS if() Function a Little More: Conditional Color Theming
The CSS if() function enables us to use values conditionally, which we can already do with queries and other functions, so I’m sure you’re wondering: What exactly does if() do? Let's look at a possible real-world use case.
v1.0.0-beta.20
この記事は、GitHub上で公開されたrolldownのバージョン1.0.0-beta.20のリリースノートをまとめたものである。このリリースには新機能、バグ修正、パフォーマンスの改善、ドキュメントの更新が含まれている。新機能としては、oxcのバージョン0.75.0と0.74.0が追加され、バグ修正では、packageJson.pnpmが未定義の際のクラッシュ回避やJSXプリセットオプションの修正が行われた。また、パフォーマンス向上のために、ハッシュプレースホルダーのための小さなベクタの事前割り当てや、出力チャンクのクローンを必要に応じて回避することで一時的なメモリ使用量を削減する改善がなされている。 • 新機能としてoxcのバージョン0.75.0と0.74.0が追加された • packageJson.pnpmが未定義の際のクラッシュを回避するバグ修正が行われた • JSXプリセットオプションの不具合が修正された • パフォーマンス向上のためにハッシュプレースホルダー用の小さなベクタが事前に割り当てられた • 出力チャンクのクローンを必要に応じて回避することでメモリ使用量が削減された

gemini-cli の google_web_search が最高

Your AI has agency — here’s how to architect its frontend
Explore how to create UI frameworks that visualize and manage intelligent AI agents with agency and real-time feedback.