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
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
Storybook 9
Storybook’s superpower is showing every possible state of your UI in one place, from a basic button to an obscure page. That makes it the perfect foundation for automated testing. With Storybook 9, we partnered with the latest generation of testing tools to build the ultimate component testing tool. Vitest ships the fastest test runner available. Playwright delivers unmatched browser fidelity. And
We shipped FinalizationRegistry in Workers: why you should never use it
We shipped FinalizationRegistry in Workers: why you should never use it2025-06-11 We’ve recently added support for the FinalizationRegistry API in Cloudflare Workers. This API allows developers to request a callback when a JavaScript object is garbage-collected, a feature that can be particularly relevant for managing external resources, such as memory allocated by WebAssembly (Wasm). However, des
Why are 2025/05/28 and 2025-05-28 different days in JavaScript?
Why are 2025/05/28 and 2025-05-28 different days in JavaScript? 2025-05-28 While setting up this site itself, I ran into the following oddity: console.log(new Date('2025/05/28').toDateString()); // Wed May 28 2025 console.log(new Date('2025-05-28').toDateString()); // Tue May 27 2025 // Bonus: (omit leading 0) console.log(new Date('2025-5-28').toDateString()); // Wed May 28 2025 You may get differ
minify の効果を最大限に引き出す TypeScript コードを書く
はじめに 2024年の11月に、札幌で開催された「クラメソさっぽろIT勉強会(仮) #6」という勉強会がありまして、そのライトニングトーク枠に登壇してきました。 タイトルは「minifyの効果を最大限に引き出すTypeScriptコードを書く」です。 昨今のフロントエンド開発では、TypeScriptを使ってコーディングし、それをトランスパイルしてできたJavaScriptファイルのサイズを minify によって削減するのが一般的でしょう。そうしたときに、ふと 「TypeScript の書き方を工夫したら、もっと minify が効率的に効くようになるかも?」 と思いたち、型安全性とコードの読みやすさを壊さない範囲で、どこまでファイルサイズを削れるか挑戦してみた、という話です。 今回はその LT ネタを、改めてブログ記事として共有させて頂きます。 今回のお題: Blazor SplitC
Resilient Import Maps - Better Theme Development and Beyond (2025) - Shopify
Resilient Import Maps - Better Theme Development and BeyondImport maps are great for both performance and developer experience, but their original limitations made them hard to use, especially at Shopify’s scale. We stepped up and pushed changes across the HTML spec, Chromium and WebKit to fix these issues at the web platform level. Now, developers can interleave JavaScript modules and multiple im
JSer.info 14周年
JSer.info は、2011年1月16日から開始して、2025年1月16日で14周年を迎えました🎉 書くのがだいぶ遅くなってしまいましたが、14周年を迎えたことを記録しておきます。 Node.js周りの変化 Node.js周りの変化が大きかった1年な気がしました。 Node.jsでは、require(esm)やTypeScriptのサポートなど長年議論されていていたものが大きく進んだ気はしています。 2024-04-26のJS: Electron 30、Firefox 125、Node.js 22、React 19 Beta、TypeScript 5.5 Beta - JSer.info 2024-08-15のJS: Node v22.6.0(--experimental-strip-types)、Firefox 129 - JSer.info Node.jsのTypeScriptサ
Converting values to strings in JavaScript has pitfalls
Conclusions: Among the five approaches listed in the table only {}.toString.call(v) works for all tricky values. If we don’t need to be 100% safe and would like to be less verbose then String(v) is also a good solution. What does {}.toString.call(v) mean? # The following two expressions are equivalent: {}.toString.call(v) Object.prototype.toString.call(v) We are invoking .toString() but we are no
Giving V8 a Heads-Up: Faster JavaScript Startup with Explicit Compile Hints · V8
Getting JavaScript running fast is key for a responsive web app. Even with V8's advanced optimizations, parsing and compiling critical JavaScript during startup can still create performance bottlenecks. Knowing which JavaScript functions to compile during the initial script compilation can speed up web page loading. When processing a script loaded from the network, V8 has to choose for each functi
フロントエンド API コール時のエラーハンドリングを軽く整理（Fetch API・typescript-fetch・TanStack Query） - カミナシ エンジニアブログ
カミナシのソフトウェアエンジニア佐藤です。カミナシレポートの開発に携わっています。 フロントエンドのエラーは「画面リロードやブラウザ再起動で復旧できる（かもしれない）」「クラッシュしてもユーザーの端末に閉じる」などの理由から、バックエンドよりは精緻に扱われない傾向があると個人的には感じています。 その一方、カミナシレポートは、ノンデスクワーカー向けの不安定なネットワーク環境で利用されることも多々あるアプリです。そのため、デジタルツールに不慣れな方のために精緻なフィードバックが必要とされる、リロードに頼ることが難しいケースがある、などの理由でエラーの扱いにも慎重になる必要があります。 本記事では、カミナシレポートのフロントエンド開発をする中で、 バックエンドの API コール時にエラーが発生する条件とその内容（型・クラス） これらエラーをハンドリングする箇所 について、把握しておきたいと感じ
Accelerating Large-Scale Test Migration with LLMs
By: Charles Covey-Brandt Airbnb recently completed our first large-scale, LLM-driven code migration, updating nearly 3.5K React component test files from Enzyme to use React Testing Library (RTL) instead. We’d originally estimated this would take 1.5 years of engineering time to do by hand, but — using a combination of frontier models and robust automation — we finished the entire migration in jus
あらためて理解するArrayBuffer - JavaScriptでバイナリデータを扱う方法 - ICS MEDIA
配列（Array）との比較 JavaScriptにはTypedArrayとは別に配列（Array）の違いを説明します。 ArrayはTypedArrayと比べると柔軟で汎用性が高いです。しかし、Arrayは内部で動的なメモリー管理を行うため、データ処理や転送を高い頻度で行う場合にはオーバーヘッドが発生する可能性があります。 TypedArrayは長さが固定であり、バイト単位のデータ格納が可能なため、メモリーアクセスが効率的に行われます。数値計算においてもバイナリデータを直接操作できるので、高いパフォーマンスが期待できます。また、メモリー領域が連続しているので高速なデータの転送が可能です。 大量のデータを処理する数値計算の場合にはTypedArrayで管理するとデータのまとめた取り回しが楽になります。逆にデータの規模が小さい時は汎用的なArrayが良いでしょう。 TypedArrayは決まっ
Land ahoy: leaving the Sea of Nodes · V8
V8’s end-tier optimizing compiler, Turbofan, is famously one of the few large-scale production compilers to use Sea of Nodes (SoN). However, since almost 3 years ago, we’ve started to get rid of Sea of Nodes and fall back to a more traditional Control-Flow Graph (CFG) Intermediate Representation (IR), which we named Turboshaft. By now, the whole JavaScript backend of Turbofan uses Turboshaft inste
Modern Cookie Management with the Cookie Store API
Learn how the Cookie Store API modernizes cookie management with async operations and event handling for efficient, error-free web development. The browser Cookie Store API represents a modern approach to handling cookies in web applications. The way we’ve always done it is using document.cookie which is error-prone because you have to work with key/value pairs in a string. Besides being error-pro
New URLPattern API brings improved pattern matching to Node.js and Cloudflare Workers
New URLPattern API brings improved pattern matching to Node.js and Cloudflare Workers2025-03-24 Today, we are excited to announce that we have contributed an implementation of the URLPattern API to Node.js, and it is available starting with the v23.8.0 update. We've done this by adding our URLPattern implementation to Ada URL, the high-performance URL parser that now powers URL handling in both No
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://www.patreon.com/posts/133137028
Modern JavaScript in NGINX: QuickJS Engine Support for njs – NGINX Community Blog
Introducing `jsr:` Support
