命令的な ARIA ライブリージョン：ARIA Notifyの紹介
こんにちは、フロントエンドエンジニアの mehm8128 です。 今回は新しく検討されている ARIA Notify API について紹介します。 ARIA Notify とは ARIA Notify とは、既存の ARIA ライブリージョンにおける問題点を基に検討されている、新しい API です。document.ariaNotify() のように命令的に呼び出すことで、スクリーンリーダーや点字ディスプレイなどの支援技術に情報を伝えることができます。 ただし、既存のライブリージョンを完全に置き換えるものではありません。本来の目的で利用されているライブリージョンはそのままで良く、意図しない用いられ方をしてしまっている部分で、より正確に支援技術に情報を通知するための API となっています。 現在は仕様の議論段階で、最低限の機能が入った API が Edge では 136 以降の Origi
Web Locks API - Web APIs | MDN
Secure context: This feature is available only in secure contexts (HTTPS), in some or all supporting browsers. The Web Locks API allows scripts running in one tab or worker to asynchronously acquire a lock, hold it while work is performed, then release it. While held, no other script executing in the same origin can acquire the same lock, which allows a web app running in multiple tabs or workers
Stop Re-Rendering — TanStack DB, the Embedded Client Database for TanStack Query | TanStack Blog
Stop Re-Rendering — TanStack DB, the Embedded Client Database for TanStack Query by Kyle Mathews and Sam Willis on Jul 30, 2025. Your React dashboard shouldn't grind to a halt just because one TODO turns from ☐ to ☑. Yet every optimistic update still kicks off a cascade of re-renders, filters, useMemos and spinner flashes. If you’ve ever muttered “why is this still so hard in 2025?”—same. TanStack
Vanilla JavaScript support for Tailwind Plus
<script src="https://cdn.jsdelivr.net/npm/@tailwindplus/elements@1" type="module"></script> <el-dropdown class="relative inline-block text-left"> <button class="inline-flex w-full justify-center gap-x-1.5 rounded-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 shadow-xs ring-1 ring-gray-300 ring-inset hover:bg-gray-50"> Options <svg viewBox="0 0 20 20" fill="currentColor" aria-hidden="tr
vitestではbeforeEachを使わない
はじめにlink 最近DBありのテストを記述していた際に、実はvitestではbeforeEachは必要ないのではないか、という考えに至ったのでその理由と設計についてまとめてみる。 下記のリポジトリで実験する https://github.com/koh110/vitest-beforeeach テストでbeforeEachが欲しくなるシーンlink テストを記述する際にbeforeEachが欲しくなるシーンは主に以下の2点ではないかと考えている。 mockの設定/reset seedsの投入 このうち、前者mockの設定/resetはbeforeEachではなくbeforeAll or すべての個別テストごとに設定すべきなのではと考えている。 これは自分がテスト単体での移植性を重視している（テスト単体をコピペしてもなるべくそのまま動かせる）ので、beforeEachでやってしまうとあるテ
Release v3.0.1 · ueberdosis/tiptap
Tiptap 3.0.0 Stable This is the stable release for 3.0.0. Since we accidentially released our 3.0.0 last year and had to deprecate it, we're moving forward with 3.0.1 as our initial release for this major cycle. Since our auto-generated changelog was to big for Github to handle we have to write this manually. Yikes! @tiptap/core Major Changes Switched to tsup for bundling — UMD builds are no longe
GitHub - martyroque/nucleux: Simple atomic state management for React. No providers, no boilerplate.
JavaScript scope hoisting is broken
7/6/2025 Most modern JavaScript bundlers implement an optimization called "scope hoisting". The idea is that rather than wrapping each bundled module in a function, a compiler concatenates the modules into a single scope. Say you have a program like this: // index.js import {add} from './math'; console.log(add(2, 3)); // math.js export function add(a, b) { return a + b; } When scope hoisted, the o
Modern JavaScript in NGINX: QuickJS Engine Support for njs – NGINX Community Blog
Imagine trying to build a modern web application but being constrained to use only the tools available a decade ago. This scenario has been a reality for many developers working with NGINX’s JavaScript module (njs), who have been limited by an ES5-based engine with only select ES6 extensions. While this constraint initially kept njs lightweight and focused, the growing complexity of server-side Ja
GitHub - josdejong/jsonrepair: Repair invalid JSON documents
Repair invalid JSON documents. Try it out in a minimal demo: https://josdejong.github.io/jsonrepair/ Use it in a full-fledged application: https://jsoneditoronline.org Read the background article "How to fix JSON and validate it with ease" The following issues can be fixed: Add missing quotes around keys Add missing escape characters Add missing commas Add missing closing brackets Repair truncated
How We Reduced CKEditor’s Bundle Size by 40% | CKEditor
In this article, we’ll show how we cut CKEditor 5’s bundle size by 40% through tree-shaking and bundle size optimization techniques and share tricks you can use to slim down your own JavaScript libraries. We’ll also walk through the tools and processes we used to achieve this, measure improvements, and catch regressions. As any software library author will tell you, building and maintaining is har
2025-06-26のJS: Biome v2、Vite 7.0、Chrome 138、Firefox 140
JSer.info #739 - Biome v2がリリースされました。 Biome v2—codename: Biotype | Biome 設定ファイルのネスト、Linterプラグインのサポートが追加されています。また、Import OrganizerのようなLinterの範囲を超えた処理を行うAssist機能、HTML formatterのサポートが含まれています。 破壊的変更として--apply/--apply-unsafeの廃止、設定ファイルのinclude/ignoreからincludesへの変更などが行われています。 Vite 7.0がリリースされました。 Vite 7.0 is out! | Vite require(esm)が利用できるNode.js 20.19+/22.12+をサポート対象に変更し、デフォルトのブラウザターゲットがBaseline Widely Avai
Prettier 3.6: Experimental fast CLI and new OXC and Hermes plugins! · Prettier
This release includes several important feature additions that we're excited to share with you. First, we're shipping a new experimental high-performance CLI behind a feature flag (--experimental-cli). This CLI was previously only available in prettier@next, but now you can enable it simply by using a flag. We encourage you to try it out and share your feedback! If you are interested in the intern
Astro フロントエンド開発の教科書 | 技術評論社
概要 本書は、近年モバイルファーストやSEOの観点から再び注目されている「静的サイトジェネレータ」（SSG）による静的サイトの制作に適したフレームワーク「Astro」の解説書です。これまでのJavaScriptフロントエンドフレームワークは、動的サイトの生成（CSR／SSR）を主目的としていましたが、Astroはビルド時にJavaScriptを最大限除去することで、シンプルで高速な静的Webサイトの生成を可能にしています。また、ReactやVueなどのフレームワークと連携することで、静的Webサイトのビルドツールとしても利用できます。本書では、Astroの基本からコンポーネントベースのWebサイト制作の進め方、SSGモードによる静的サイト制作／SSRモードによる動的サイト制作、エンドポイント／アクション／ミドルウェアなどのサーバサイド機能まで、Astroの機能を網羅して解説します。 目次
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Parsing 1 Billion Rows in Bun/Typescript Under 10 Seconds
GitHub - Vanilagy/mediabunny: Pure TypeScript media toolkit for reading, writing, and converting video and audio files, directly in the browser.
https://www.patreon.com/posts/133137028
GitHub - photostructure/tz-lookup: JavaScript Library for Timezone Lookup by Location
GitHub - dahlia/logtape: Simple logging library with zero dependencies for Deno, Node.js, Bun, browsers, and edge functions
GitHub - Nergie/no-barrel-file
