サンドボックス環境を MCP サーバーで提供する Container Use

AI コーディングエージェントは便利ですが、任意の Bash コマンドを実行できるため、ユーザーのシステムに影響を与える可能性があります。Container Use は MCP サーバーとして動作し、AI コーディングエージェントにサンドボックス環境を提供します。この記事では Container Use の利用方法について紹介します。

v1.0.0-beta.27

この記事は、GitHub上のrolldownプロジェクトのリリースv1.0.0-beta.27に関するもので、2025年7月13日に公開されました。このリリースには、Linux ARM64 OHOSのサポートや、aarch64-linux-androidターゲットの追加、oxc v0.77.0の更新が含まれています。また、いくつかのバグ修正も行われており、特にCJSにおけるundefinedの置き換えや、package.jsonのrealpathからのパスの正規化が挙げられます。さらに、strictExecutionOrderを有効にした際のパフォーマンス向上に関する変更も含まれています。 • Linux ARM64 OHOSのサポートが追加された • aarch64-linux-androidターゲットが追加された • oxc v0.77.0が更新された • CJSにおけるundefinedの置き換えが修正された • package.jsonのrealpathからのパスの正規化が行われた • strictExecutionOrderを有効にした際のパフォーマンス向上が図られた

Passkey への道 #6: タブーを破った Apple

TOTP/WebAuthn は、バックアップコードの適切な保管方法が示されないまま、移行だけが推し進められた。YubiKey などの物理 Authenticator の扱いとして、「二本登録して、片方は普段使い、もう片方は貸金庫へ」などと、かなり無理のあるベストプラクティス...

crates.io: Trusted Publishing

crates.io is the Rust ecosystem's equivalent of PyPI. Inspired by PyPI's GitHub integration (see my TIL, I use this for dozens of my packages now) they've added a similar feature: …

Meet Socket at Black Hat and DEF CON 2025 in Las Vegas

Meet Socket at Black Hat & DEF CON 2025 for 1:1s, insider security talks at Allegiant Stadium, and a private dinner with top minds in software supply ...

Deploy a Site with a Build Process & a Custom Domain Name

The last part of this series is taking our site that we've got in GitHub and addng an Astro build process to it, then mapping a domain we own to the Netlify-hosted site.

2025-07-12のJS: TypeScript 5.9 Beta、i18nとローカライズ、Node.jsのモダンな機能

JSer.info #741 - TypeScript 5.9 Betaがリリースされました。

v0 の SDK を試してみる

v0 は Vercel が開発した AI ベースの Web アプリケーション・UI 生成ツールです。v0 のプラットフォーム API を使用すると、v0 の機能を自身のコードから利用できます。この記事では v0 TypeScript SDK を使用して、v0 のプラットフォーム API を試してみます。

Passkey への道 #5: 2FA/WebAuthn

Infostealer は、ユーザの権限でインストールされ、ユーザがアクセスできるあらゆる情報を盗んで去っていく。そこから、どんなに暗号化して保存しても、使用時には平文にしないといけない「パスワード」という文字列を守り抜くのは非常に難しい。であれば、最初から文字列に頼らなけ...

v9.31.0

この記事は、ESLintのバージョン9.31.0のリリースノートを提供しています。このリリースでは、いくつかの新機能とバグ修正が含まれています。新機能としては、ルールテスターで異なる場合に完全な実際の位置を出力する機能、no-loop-func、no-undef-init、init-declarations、no-const-assignにおける明示的なリソース管理のサポートが追加されました。また、バグ修正としては、autofix結果を書き込む際のEMFILEエラーに対するリトライ機能の追加や、RuleContextタイプの誤りの修正が行われています。ドキュメントの更新も含まれており、READMEの修正やglobalIgnores()コードとテキストの不一致の修正が行われています。 • 新機能としてルールテスターでの位置出力機能が追加された • no-loop-func、no-undef-init、init-declarations、no-const-assignでのリソース管理がサポートされた • EMFILEエラーに対するリトライ機能が追加された • RuleContextタイプの誤りが修正された • READMEやドキュメントの更新が行われた

Intelligent document processing at scale with generative AI and Amazon Bedrock Data Automation

This post presents an end-to-end IDP application powered by Amazon Bedrock Data Automation and other AWS services. It provides a reusable AWS infrastructure as code (IaC) that deploys an IDP pipeline and provides an intuitive UI for transforming documents into structured tables at scale. The application only requires the user to provide the input documents (such as contracts or emails) and a list of attributes to be extracted. It then performs IDP with generative AI.

Build a conversational data assistant, Part 2 – Embedding generative business intelligence with Amazon Q in QuickSight

In this post, we dive into how we integrated Amazon Q in QuickSight to transform natural language requests like “Show me how many items were returned in the US over the past 6 months” into meaningful data visualizations. We demonstrate how combining Amazon Bedrock Agents with Amazon Q in QuickSight creates a comprehensive data assistant that delivers both SQL code and visual insights through a single, intuitive conversational interface—democratizing data access across the enterprise.

Build a conversational data assistant, Part 1: Text-to-SQL with Amazon Bedrock Agents

In this post, we focus on building a Text-to-SQL solution with Amazon Bedrock, a managed service for building generative AI applications. Specifically, we demonstrate the capabilities of Amazon Bedrock Agents. Part 2 explains how we extended the solution to provide business insights using Amazon Q in QuickSight, a business intelligence assistant that answers questions with auto-generated visualizations.

When is low-code the right choice? Here’s how to decide

Wondering if low-code is right for your next project? This guide breaks down use cases, trade-offs, and a decision framework for developers.

v1.54.1

Playwrightのバージョン1.54.1がリリースされ、主な修正点として、バージョン1.54.0でHTTP(S)プロキシを使用している際にブラウザのダウンロードができなくなるという問題が解決されました。このバージョンは、Chromium 139.0.7258.5、Mozilla Firefox 140.0.2、WebKit 26.0に対してテストされており、Google Chrome 140およびMicrosoft Edge 140の安定版チャンネルでも確認されています。 • バージョン1.54.0で発生したHTTP(S)プロキシ使用時のブラウザダウンロードの不具合が修正された。 • 新しいバージョンはChromium、Firefox、WebKitに対してテストされている。 • Google ChromeとMicrosoft Edgeの最新安定版でも動作確認が行われている。

Comparing AI app builders — Firebase Studio vs. Lovable vs. Replit

Compare Firebase Studio, Lovable, and Replit for AI-powered app building. Find the best tool for your project needs.

Scroll-Driven Sticky Heading

I was playing around with scroll-driven animations, just searching for all sorts of random things you could do. That’s when I came up with the idea to animate main headings and, using scroll-driven animations, change the headings based on the user’s scroll position.

GitHub Copilot NESの内部実装が公開、そして続・AIエディタ戦争

Copilot NESとは Copilot NES（Next Edit Suggestions）は2025年2月にリリースされたGitHub Copilotの内部機能です。コードの変更に連動して必要となる次の編集を予測し、タブキーを押しているだけで複数箇所にわたる修正を提案してくれます。通常のコード補完がカーソル位置の続きのコードを予測するのに対して、Copilot NESは「エディタ上の編集操作」の単位で続きを予測して補完します。 GitHub Next | Copilot Next Edit SuggestionsGitHub Next Project: Can we improve Copilot code completion by suggesting the next logical change, wherever it is in your project?GitHub Next この仕組みはCopilot NESの元ネタであるCursor Tab(Copilot++)によって実用化されましたが、Cursorはプロプライエタリなソフトウェアなので内部の詳細が分かり

v5.100.1

この記事は、webpackのバージョン5.100.1のリリースに関する情報を提供しています。このリリースでは、未使用の無視されたモジュールのツリーシェイキングの修正が行われ、古いNode.jsバージョンとの互換性が向上しました。これにより、開発者はより効率的にモジュールを管理できるようになります。リリース日は2023年7月11日で、GitHub上で公開されています。 • 未使用の無視されたモジュールのツリーシェイキングが修正された • 古いNode.jsバージョンとの互換性が向上した • リリース日は2023年7月11日 • 開発者がモジュールをより効率的に管理できるようになる

The Next Stage of Windsurf

Entering a new era.

How I use Claude Code (+ my best tips)

I switched from Cursor's agents to Claude Code weeks ago and I'm not going back. Here's how I use it and my best practical tips

Postgres LISTEN/NOTIFY does not scale

I think this headline is justified. Recall.ai, a provider of meeting transcription bots, noticed that their PostgreSQL instance was being bogged down by heavy concurrent writes. After some spelunking they …

Leader Spotlight: Building an effortlessly personal healthcare experience, with Christina Valls

Christina Valls shares how her teams have transformed digital experiences at Cedars-Sinai, including building a digital scheduling platform.

AI Agentのアウトプットに『Next.jsの考え方』を反映するプラクティス

[email protected]

この記事は、Viteのバージョン7.0.3のリリースに関する情報を提供しています。このリリースは、GitHub上で公開されており、コミッターの署名が確認されています。リリースの詳細については、CHANGELOG.mdを参照するように指示されています。リリースには、特定のタグやアセットの情報が含まれていますが、現在は読み込むことができない状態です。全体として、Viteの新しいバージョンに関する基本的な情報が記載されています。 • Viteのバージョン7.0.3がリリースされたこと • リリースはGitHubで公開されている • コミッターの署名が確認されている • CHANGELOG.mdに詳細が記載されている • 特定のタグやアセットの情報が含まれているが、現在は読み込めない

ESLint v9.31.0 released

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

Passkey への道 #4: 文字列の限界

パスワードと TOTP の問題は、「人間が入力する必要がある」ことだった。対策は Autofill であり、そのためにもパスワードマネージャ相当が必要になる。では、パスワードマネージャを使っていれば、パスワードと TOTP で十分なのだろうか?

Speaking Up: The Developer’s Guide to Conference Talks & Career Growth - JSJ 682

In this episode of JavaScript Jabber, I am joined by three incredible guests — Ariel Shulman, Liad Yosef, and Eviatar Alush — to dive into the world of publ

Accelerating generative AI development with fully managed MLflow 3.0 on Amazon SageMaker AI

In this post, we explore how Amazon SageMaker now offers fully managed support for MLflow 3.0, streamlining AI experimentation and accelerating your generative AI journey from idea to production. This release transforms managed MLflow from experiment tracking to providing end-to-end observability, reducing time-to-market for generative AI development.

Why I don’t trust WCAG 2.2 and what I’m hoping from 3.0

You can follow WCAG 2.2 and still build inaccessible products. Here's what I want from WCAG 3.0.

Use K8sGPT and Amazon Bedrock for simplified Kubernetes cluster maintenance

This post demonstrates the best practices to run K8sGPT in AWS with Amazon Bedrock in two modes: K8sGPT CLI and K8sGPT Operator. It showcases how the solution can help SREs simplify Kubernetes cluster management through continuous monitoring and operational intelligence.

How Rocket streamlines the home buying experience with Amazon Bedrock Agents

Rocket AI Agent is more than a digital assistant. It’s a reimagined approach to client engagement, powered by agentic AI. By combining Amazon Bedrock Agents with Rocket’s proprietary data and backend systems, Rocket has created a smarter, more scalable, and more human experience available 24/7, without the wait. This post explores how Rocket brought that vision to life using Amazon Bedrock Agents, powering a new era of AI-driven support that is consistently available, deeply personalized, and built to take action.

v1.0.0-beta.26

この記事は、GitHub上で公開されているrolldownのバージョンv1.0.0-beta.26のリリースノートについて説明しています。このリリースでは、いくつかのバグ修正が行われており、特に「process is not defined」エラーの修正や、bare specifiersを相対パスに解決する機能が追加されています。また、tokioのフル機能を有効にしないようにする変更も含まれています。これらの修正は、開発者がよりスムーズに作業できるようにするためのものであり、特定の問題に対処しています。 • バグ修正が行われた • 「process is not defined」エラーの修正 • bare specifiersを相対パスに解決する機能の追加 • tokioのフル機能を有効にしない変更 • 開発者の作業をスムーズにするための改善

Gemini CLI tutorial — Will it replace Windsurf and Cursor?

Discover how to use Gemini CLI, Google's new open-source AI agent that brings Gemini directly to your terminal.

Grok 4がリリース

xAIのGrok 4が公開されました。 Introducing Grok 4, the world's most powerful AI model. Watch the livestream now: https://t.co/59iDX5s2ck — xAI (@xai) July 10, 2025 モデルカード コンテキストウィンドウは256,000トークンです。Claude 4 Sonnetが200,000トークン。 Models / Grok 4 「Grok 4 Code」って何なの コーディングモデルの名前です。Claude Code的なCLIではなさそうです。OpenAIでいうCodex（モデルの方）になります。Redditのスレによると「Cursorで使える」というメッセージがコンソールにでていたらしいです。 Grok 4 by

React & TypeScript: 10 patterns for writing better code

This article explores several proven patterns for writing safer, cleaner, and more readable code in React and TypeScript.

The AI Cloud: A unified platform for AI workloads

We made it simple to build, preview, and ship any frontend, from marketing pages to dynamic apps, without managing infrastructure. Now we’re introducing the next layer: the Vercel AI Cloud.

Vercel Blob now available in all Vercel Regions

You can now select the storage region for your Vercel Blob store when creating it. This allows you to store your files in the region closest to your users for reduced latency.

Stress-testing AI products: A red-teaming playbook

Red-teaming reveals how AI fails at scale. Learn to embed adversarial testing into your sprints before your product becomes a headline.

Storybook 9 is leveling up UI testing with Michael Shilman

In this episode of PodRocket, Michael Shilman, product lead at Storybook, joins us to explore the major updates in Storybook 9. We dive into component testing, browser mode in Vitest, AI workflows, React Server Components, accessibility audits, and Storybook’s growing support for frameworks like Next.js, Svelte, and React Native. Michael also shares behind-the-scenes insights on Storybook’s evolution from a documentation tool to a full-fledged UI development and testing suite.

v1.54.0

Playwrightのバージョン1.54.0がリリースされ、新機能としてcookieのpartitionKeyプロパティが追加され、ブラウザのコンテキストでのクッキーの保存と復元が可能になりました。また、HTMLレポートでのコードスニペットを無効にするnoSnippetsオプションが新たに導入され、テストアノテーションにlocationプロパティが追加されました。コマンドラインでは、--user-data-dirオプションが複数のコマンドで使用可能になり、セッション間でのブラウジング状態の再利用が容易になりました。Node.js 16のサポートが終了し、Node.js 18のサポートが非推奨となりました。 • 新しいcookieプロパティpartitionKeyが追加され、クッキーの保存と復元が可能に • HTMLレポートでのコードスニペットを無効にするnoSnippetsオプションが導入された • テストアノテーションにlocationプロパティが追加され、アノテーションの位置を示す • コマンドラインで--user-data-dirオプションが使用可能になり、ブラウジング状態を再利用できる • Node.js 16のサポートが終了し、Node.js 18のサポートが非推奨となった

[email protected]

この記事は、Viteのバージョン7.0.2のリリースに関する情報を提供しています。このリリースは、GitHub上で公開されており、コミッターの署名が確認されたことが記載されています。リリース日付は2023年7月10日で、CHANGELOG.mdに詳細が記載されていることが示されています。リリースに関連するアセットも提供されていますが、ページの読み込み中にエラーが発生することがあるため、再読み込みが推奨されています。 • Viteのバージョン7.0.2がリリースされた • リリース日は2023年7月10日 • コミッターの署名が確認されている • CHANGELOG.mdに詳細が記載されている • リリースに関連するアセットが提供されている

v7.0.4

この記事は、Viteのバージョン7.0.4のリリースに関する情報を提供しています。このリリースは、2023年7月10日に行われ、主にメインブランチへの1つのコミットが含まれています。リリースタグは、コミッターの検証済み署名で署名されています。詳細については、CHANGELOG.mdを参照するように指示されています。記事には、リリースに関連する具体的な変更点や新機能についての情報は含まれていません。 • Viteのバージョン7.0.4が2023年7月10日にリリースされた。 • このリリースにはメインブランチへの1つのコミットが含まれている。 • リリースタグはコミッターの検証済み署名で署名されている。 • 詳細はCHANGELOG.mdを参照するように指示されている。

v1.0.0-beta.25

この記事は、GitHub上のrolldownプロジェクトのバージョン1.0.0-beta.25のリリースノートを提供しています。このリリースには、いくつかの新機能、バグ修正、リファクタリング、テストの改善が含まれています。新機能としては、CommonJSモジュールの初期化やインポート処理の改善、エクスポートの追加、ソースコードの副作用フィールドの分析などがあります。また、バグ修正では、モジュールのインポート時の出力の不正確さや、プラグインからの副作用の返却に関する問題が解決されています。リファクタリングでは、プロパティアクセスの簡素化やプラグインコンテキストへのアクセスの改善が行われています。テストに関しては、内部エクスポートの最小化に関する基本的なテストが追加され、手動統合テストの体験が向上しています。 • 新機能としてCommonJSモジュールの初期化やインポート処理の改善が含まれる • エクスポートの追加やソースコードの副作用フィールドの分析が行われた • バグ修正によりモジュールのインポート時の出力の不正確さが解決された • リファクタリングでプロパティアクセスの簡素化が実施された • テストの改善により内部エクスポートの最小化に関する基本的なテストが追加された

#21 新卒研修をふりかえってみる

・2025年の新卒研修を受けてみて・チーム開発研修で開発したプロダクト・フロントエンド以外の開発環境やクラウド環境について・コストやセキュリティについて気をつけたこと・フレームワークやビューの活用について・新卒研修を受けてみての学び[新卒研修のnote]https://note.com/ca_tech/n/n93703e9e1e0a

Leader Spotlight: Building a human-focused AI product, with Cory Bishop

Cory Bishop talks about the role of human-centered design and empathy in Bubble’s no-code AI development product.

Graph foundation models for relational data

Want to hear your users' complaints? There's a widget for that (now available on mobile)

A disappearing “Submit” button. A modal stuck half-offscreen. It's not a crash or a performance regression. Just broken UX. Frustrating enough to make users rag...

Asynchronous Robot Inference: Decoupling Action Prediction and Execution

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

Passkey への道 #3

パスワードだけでの認証に限界が訪れ、TOTP を用いた 2FA が普及した。しかし、これでもまだ、全くもって不完全であることが、フィッシング詐欺の増加によって証明された。

So many ranges, so little time: A cheatsheet of animation-ranges for your next scroll-driven animation

Background If you’re new to scroll-driven animations, welcome!

Release Notes for Safari Technology Preview 223

Safari Technology Preview Release 223 is now available for download for macOS Tahoe and macOS Sequoia.

Open Source CAI Framework Handles Pen Testing Tasks up to 3,600× Faster Than Humans

CAI is a new open source AI framework that automates penetration testing tasks like scanning and exploitation up to 3,600× faster than humans.

20.1.0

Angularのリリース20.1.0では、NgComponentOutletディレクティブにカスタムEnvironmentInjectorのサポートが追加され、NgOptimizedImageでのデコーディングがサポートされました。コンパイラでは、新しいバイナリ代入演算子のサポートや、無効な式に対するパーサーエラーの報告が改善され、補間に対するエラーの精度が向上しました。また、TypeScriptをリンカーから削除し、実験的に高速な型宣言のエミッションがサポートされました。コア機能では、DestroyRefにdestroyedプロパティが追加され、TestBedでのバインディングがサポートされました。HTTPリソースでは、fetchリクエストに対するキャッシュや優先度のサポートが追加され、HttpClientでも同様のオプションがサポートされました。 • NgComponentOutletディレクティブにカスタムEnvironmentInjectorのサポートを追加 • NgOptimizedImageでのデコーディングをサポート • 新しいバイナリ代入演算子のサポートを追加 • 無効な式に対するパーサーエラーの報告を改善 • TypeScriptをリンカーから削除 • 高速な型宣言のエミッションに対する実験的サポートを追加 • DestroyRefにdestroyedプロパティを追加 • TestBedでのバインディングをサポート • fetchリクエストに対するキャッシュや優先度のサポートを追加 • HttpClientでのfetchオプションのサポートを追加

Infinite Monkey

Mihai Parparita's Infinite Mac lets you run classic MacOS emulators directly in your browser. Infinite Monkey is a new feature which taps into the OpenAI Computer Use and Claude Computer …

20.0.7

この記事は、Angularのバージョン20.0.7のリリースに関する情報を提供しています。このリリースでは、compiler-cliにおいて診断タイプの名称が適切に使用されるように修正が行われました。リリースはAndrew Kushnirによって行われ、これまでに853のコミットがメインブランチに追加されています。リリースノートには、特定のエラーや問題に関する詳細は記載されていませんが、リリースの重要性を示すために、コミット数が強調されています。 • Angularのバージョン20.0.7がリリースされた • compiler-cliの診断タイプの名称が修正された • Andrew Kushnirがリリースを行った • メインブランチには853のコミットが追加されている • リリースノートには特定のエラーや問題に関する詳細は記載されていない

June 2025 (version 1.102)

Learn what is new in the Visual Studio Code June 2025 Release (1.102)

Convert Figma to Tailwind CSS using AI

Convert Figma design files into clean, responsive Tailwind CSS code with Fusion AI. Streamlines the design-to-code process for production-ready results.

Democratize data for timely decisions with text-to-SQL at Parcel Perform

The business team in Parcel Perform often needs access to data to answer questions related to merchants’ parcel deliveries, such as “Did we see a spike in delivery delays last week? If so, in which transit facilities were this observed, and what was the primary cause of the issue?” Previously, the data team had to manually form the query and run it to fetch the data. With the new generative AI-powered text-to-SQL capability in Parcel Perform, the business team can self-serve their data needs by using an AI assistant interface. In this post, we discuss how Parcel Perform incorporated generative AI, data storage, and data access through AWS services to make timely decisions.

Query Amazon Aurora PostgreSQL using Amazon Bedrock Knowledge Bases structured data

In this post, we discuss how to make your Amazon Aurora PostgreSQL-Compatible Edition data available for natural language querying through Amazon Bedrock Knowledge Bases while maintaining data freshness.

Configure fine-grained access to Amazon Bedrock models using Amazon SageMaker Unified Studio

In this post, we demonstrate how to use SageMaker Unified Studio and AWS Identity and Access Management (IAM) to establish a robust permission framework for Amazon Bedrock models. We show how administrators can precisely manage which users and teams have access to specific models within a secure, collaborative environment. We guide you through creating granular permissions to control model access, with code examples for common enterprise governance scenarios.

Improve conversational AI response times for enterprise applications with the Amazon Bedrock streaming API and AWS AppSync

This post demonstrates how integrating an Amazon Bedrock streaming API with AWS AppSync subscriptions significantly enhances AI assistant responsiveness and user satisfaction. By implementing this streaming approach, the global financial services organization reduced initial response times for complex queries by approximately 75%—from 10 seconds to just 2–3 seconds—empowering users to view responses as they’re generated rather than waiting for complete answers.

I designed by committee — and here’s what went wrong

Design thrives with feedback, but dies by consensus. Learn how to set boundaries, take control, and build UX with backbone.

v0 Platform API now in beta

The v0 Platform API enables developers to programmatically generate, retrieve, and manage full stack web apps using RESTful endpoints and TypeScript SDK. Integrate v0 into your workflows, tools, or automation pipelines.

Web Application Firewall control now available with vercel.json

You can now configure firewall mitigation rules through your vercel.json project configuration file. This is in addition to the existing dashboard and API support.

Inngest joins the Vercel Marketplace

Build background jobs and AI workflows with Inngest, now on the Vercel Marketplace. Native support for Next.js, preview environments, and branching.

Node v24.4.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-07-09, Version 24.4.0 (Current), @RafaelGSS

この記事は、Node.jsのバージョン24.4.0に関するリリースノートを提供しています。このリリースでは、いくつかの重要な変更が行われており、特にcryptoモジュールにおいてoutputLengthオプションがXOF関数に対応したことが挙げられます。また、fsモジュールには使い捨てのmkdtempSync関数が追加され、sqliteモジュールではdb接続レベルでreadBigIntsオプションがサポートされるようになりました。さらに、watchモードに関連するフラグがnode.1に追加され、パーミッションモデルのフラグがspawnに伝播されるようになりました。これらの変更は、Node.jsの機能性と使いやすさを向上させることを目的としています。 • Node.jsのバージョン24.4.0がリリースされた。 • cryptoモジュールにoutputLengthオプションが追加された。 • fsモジュールにmkdtempSync関数が追加された。 • sqliteモジュールでreadBigIntsオプションがサポートされた。 • watchモード関連のフラグがnode.1に追加された。 • パーミッションモデルのフラグがspawnに伝播されるようになった。

5 product leaders on reducing friction in mobile-first experiences

Learn how to reduce mobile friction, boost UX, and drive engagement with practical, data-driven strategies for product managers.

Promises From The Ground Up

Josh Comeau does a great job with beginner-friendly explanations of important concepts, and Promises From The Ground Up is no exception. In a nutshell, we have Promises because we need callbacks. We need callbacks because JavaScript is single-threaded and can’t wait around for things. And so we dance. These days, you’ll see more async and […]

v5.100.0

この記事は、webpackのバージョン5.100.0のリリースノートを提供しています。このリリースでは、ESモジュールのエントリーチャンクがランタイムチャンクハッシュに依存するケースの修正や、webpackモジュールラッパー内での関数エクスポートの処理が改善されました。また、依存チャンクがスタートアップ前にインポートされるようにし、'default'の重複エクスポートを修正しました。新たにHMR（Hot Module Replacement）サポートが追加され、ESモジュール出力モードがsplitChunksを完全にサポートするようになりました。さらに、Node.jsターゲット向けのESモジュールワーカーのチャンクローディングが可能になり、DefinePluginでのデストラクチャリングのサポートが改善されました。これにより、webpackのパフォーマンスと機能が向上しています。 • ESモジュールのエントリーチャンクがランタイムチャンクハッシュに依存するケースの修正 • 関数エクスポートの処理改善 • 依存チャンクのスタートアップ前インポートの修正 • HMRサポートの追加 • ESモジュール出力モードのsplitChunks完全サポート • Node.jsターゲット向けのESモジュールワーカーのチャンクローディングのサポート • DefinePluginでのデストラクチャリングのサポート改善

918: Extreme Native Perf on the Web with Superhuman

pnpm 10.13.1

pnpmのバージョン10.13.1がリリースされました。このリリースでは、ユーザー定義のpnpmfilesがプラグインのpnpmfilesの後に実行されるように変更されました。リリースは、コミッターの検証済み署名で署名されています。 • pnpmのバージョン10.13.1がリリースされた • ユーザー定義のpnpmfilesがプラグインのpnpmfilesの後に実行されるように変更された • リリースはコミッターの検証済み署名で署名されている

pnpm 10.13

pnpmのバージョン10.13がリリースされ、いくつかの新機能と修正が追加されました。新機能として、複数のpnpmfileを読み込むことが可能になり、pnpmfile設定はpnpmfileの場所のリストを受け入れることができるようになりました。また、pnpmは@pnpm/plugin-*またはpnpm-plugin-*という名前の依存関係からpnpmfile.cjsファイルを自動的に読み込むようになりました。依存関係の初期化順序はアルファベット順で行われ、特定の順序が必要な場合は、pnpmfile設定で明示的にパスをリストすることができます。パッチ変更としては、pkg.pr.newを介してインストールされた依存関係のパッチ処理や、ローカルプロジェクトの設定とグローバル設定の競合を防ぐための修正が含まれています。 • pnpmのバージョン10.13がリリースされた • 複数のpnpmfileを読み込む機能が追加された • pnpmfile設定はpnpmfileの場所のリストを受け入れる • pnpmは特定の依存関係からpnpmfile.cjsを自動的に読み込む • 依存関係の初期化順序はアルファベット順で行われる • 依存関係のパッチ処理に関する修正が行われた • ローカルプロジェクトの設定とグローバル設定の競合を防ぐ修正が含まれている

How Lush and Google Cloud AI are reinventing retail checkout

Cosmetics company Lush is embracing Google Cloud AI to improve how they work.

100 Exercises To Learn Rust をやった

Leader Spotlight: Emphasizing clear, thoughtful documentation, with Jim Naylor

Jim Naylor shares he views documentation as a company’s IP and how his teams should use it as a source of truth.

Mastra is now Apache 2.0 licensed!

Mastra is now licensed under Apache 2.0, making it easier for everyone to use, modify, and contribute.

What You Actually Need to Monitor AI Systems in Production

A practical guide to monitoring AI systems at every stage—prototype to production. Learn what to log, trace, and track so you can catch issues early and fix them fast.

Creating custom kernels for the AMD MI300

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

Reachy Mini - The Open-Source Robot for Today's and Tomorrow's AI Builders

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

Passkey への道 #2

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

uv cache prune

If you're running low on disk space and are a uv user, don't forget about uv cache prune: uv cache prune removes all unused cache entries. For example, the cache …

Deno 2.4 Brings Back deno bundle, Improves Dependency Management and Observability

Deno 2.4 brings back bundling, improves dependency updates and telemetry, and makes the runtime more practical for real-world JavaScript projects.

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」が追加された • リセット時にフィールドの参照を保持できる • リセット後の入力の参照がリセットされるのを回避できる • 再登録を避けることができる • フォームのパフォーマンスが向上する

:heading

Post by @[email protected] View on Mastodon

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]

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.