Why do we still need bundlers? Skipping the build step is impractical With the general availability of native ES modules and HTTP/2 in modern browsers, some developers are advocating for an unbundled approach for shipping web applications, even in production. While this approach works for smaller applications, in our opinion bundling is still very much necessary if you are shipping anything non-
2025-05-31 TSKaigi 2025「SignalとObservable ― 新たなデータモデルを解きほぐす」補足解説 先日TSKaigi 2025で話した「SignalとObservable ― 新たなデータモデルを解きほぐす」についての補足解説をする。当日は時間の関係で端折った部分や、登壇後のAsk the speakerでいただいた質問に対する見解なども含めている。 Signalを解きほぐす3部構成の初め、Signalについては以下のように論を展開した。 ECMAScriptへの提案からモチベーションを探る Signalと呼ばれる構造の基本的要素をカウンターアプリの例から理解する 基本的要素が既存のSignal実装にも共通することを確認する Signalと呼ばれるパターンがどのように成立してきたか系譜をたどる 現代のJavaScriptでSignalが求められている背景を理
TL;DR: Try out the Rolldown-powered Vite today by using the rolldown-vite package instead of the default vite package. It is a drop-in replacement, as Rolldown will become the default bundler for Vite in the future. Switching should reduce your build time, especially for larger projects. Reach out to discover production use cases! Over the last year, we've been working on Rolldown, a Rust-based ne
In April 2024, we released ESLint v9.0.0, our first major release in nearly three years. The key feature of v9.0.0 would be the new configuration system, which had received positive reviews while in development. While we anticipated a smooth launch, the release quickly proved challenging. Initial online sentiment was largely negative, with users saying v9.0.0 “wasn’t ready,” “didn’t work,” or even
こんにちは。kobakenです。 従来、静的なHTMLをインタラクティブなHTMLにハイドレーションする場合、Next.js, Fresh, HonoX なり、フレームワークにお任せすると思います。 それが正解だと思いつつ、今回、Honoでアイランドアーキテクチャをお試し実装してみた感想を書きます。 わざわざ自前実装をしてみたキッカケは、Honoで小さなアプリケーションを作っている時に、shadcn/uiを利用したくなったのですが、これを動作させるにはハイドレーションが必要になったからです。 この解決のために、フレームワークを上乗せするのは大袈裟に感じられて、自前実装しました。（自前実装は大袈裟ではないのか？というツッコミもありそうですが、気にしないでください😀） 加えて、ガチャガチャ実装を進めていると、ハイドレーション技術はチューニングのしがいがあることに気づき、一度自前実装しておけば
You can serialize a promise in ReactA neat pattern with React Server Components is to create a promise that starts on the server and later finishes on the client. 1 Here's what it looks like: import { Suspense } from "react"; import { ClientComponent } from "./client-component"; export default function Page() { const promise = new Promise((resolve) => { setTimeout(() => resolve("Hello from the ser
If you work on a large enough code base involving multiple teams at your organization, you probably have to deal with large amounts of logs when inspecting your webapp. This is an area that we’re interested in improving, and are proposing a new feature, based on the console.context() method, to enable helpful contextual logging in DevTools. Logging can be a very helpful way to debug problems, and
ORM 便利ですよね。最近の JavaScript 界隈では Prisma の勢いが日々強まっているのではないでしょうか。 今回は既存のシステムのある機能を Drizzle ORM で書き直した時に遭遇した落とし穴について紹介します。 Drizzle ORM Drizzle ORM は外部の DB クライアントを呼び出すことで環境差異を吸収しています。 MySQL クライアントには node-mysql2 が推奨されており、Getting Started に沿って設定するだけで導入できました。 orm.drizzle.team 既存のシステムでは内部の ID として BIGINT 型を使用しています。 Drizzle ORM - MySQL column types もちろん Drizzle ORM でもサポートしているので、これをマッピングします。 IDたちは丸められた さて、Getti
April 3, 2025VoidZero and NuxtLabs join forces on Vite Devtools TL;DR: Through our partnership with NuxtLabs, Anthony Fu will work on creating Vite DevTools, a tool that will offer deeper and more insightful debugging and analysis for all projects and frameworks built on top of Vite. At VoidZero, we place a strong emphasis on developer experience. While Vite and Rolldown already deliver outstandin
Back at the start of 2024, Biome added an ambitious goal to its roadmap: integrate a subset of the TypeScript type system directly into Biome so that type-informed lint rules can work out of the box. In order to make this feasible, we first needed better infrastructure. The main blocker for this was multi-file analysis, which is coming with Biome 2.0. Today, we finally have the technical means to
近年では、作文した文章をいきなり人に見せず、まずチャットに見てもらって、つっこみどころがないことを確認してから公開する、という習慣ができている。 ブログを書くときには、ブログの編集画面で書いてから、ChatGPTにコピペしていたけど、その場で見てもらえたら早いと思い、以下のようなことをやってくれる拡張機能を作った。 ブログの編集画面で動いて、本文を監視する 本文に変化があれば、「日記を批評して：（以下本文）」というプロンプトでChat GPTのAPIに送る 得られた批評は、編集画面内に現れたイルカのセリフとして表示する Chrome拡張で作ったらいいかと思ったけど、この拡張時代の実装もAIにやってもらいたい、と考えると、1ファイルで完結したほうが楽だ、と思って、Tampermonkeyで動くuser.jsとして作った。 APIキーはGM_setValueして格納している。これは他のuser
Web Push notifications are a powerful and important part of the web platform. As someone’s very famous uncle once said, with great power comes great responsibility. When we added Web Push to WebKit we knew it was imperative to maintain people’s expectations of power efficiency and privacy. We took a deliberate approach to maintain those expectations when implementing Web Push for Safari on macOS,
Highlights TypeScript Syntax Support in Core Rules ESLint v9.23.0 introduces full TypeScript syntax support for three core rules. These rules are: class-methods-use-this default-param-last no-useless-constructor These rules can now be used to lint TypeScript files as well as regular JavaScript. To lint TypeScript code, be sure to use @typescript-eslint/parser, or another compatible parser. You can
After hard work from our team, Biome’s long-awaited 2.0 release is nearing completion. It will be packed with many large features, so we would like your help testing it with a public beta! If you would like to try it out, you can update Biome and migrate your configuration using the following commands: Terminal windownpm install --save-dev --save-exact @biomejs/biome@betanpx @biomejs/biome@beta mi
Browsers nowadays have built-in form validation (or “constraint validation”) features that are super helpful for highlighting when the entered data satisfies the necessary criteria. Some of us have relied on JavaScript-only solutions to handle client-side form validation in the past (/me slowly raises hand…), but as it turns out, most of these built-in features have been around for over a decade!
For more detailed instructions on how to use Oxlint and integrate it with your project or editor, check out the installation guide. Highlight of new features since general availability Significant performance improvements, up to twice as fast compared to the previous releaseIncludes over 500 rules built-in, with no extra installation requiredMany rules from the typescript, unicorn, react, react-p
ASTを眺めてるとよく目にするやつ。 ことの発端はすこし別の角度ではあるが、結局こういうのは根本から調べるに限るので・・・。 Literalノードのrawプロパティ 一番わかりやすいのは文字列リテラルに対応するノード。 BabelではStringLiteralだが、ESTree本家では、数値も真偽値もまとめてLiteralと名乗ってる。 で、このLiteralの定義はこうなってる。 interface Literal <: Expression { type: "Literal"; value: string | boolean | null | number | RegExp; } https://github.com/estree/estree/blob/master/es5.md#literal なんと、rawなんてない。 というわけで、ESTreeで決められてるわけではないらしい。
{ using log = createSampleLog<string>(5); log("a"); log("b"); // スコープを抜けるときに最大5件サンプリングされて表示される } using の使い所 やりたかったこと Cline が勝手にデバッグログを仕込みまくって膨大なログを食ってトークンを使いまくるので、そもそも出力するログに上限を設定したい。 ロガーは初期化したスコープに依存して、抜ける時に吐き出す。 前提知識: using と Symbol.dispose スコープから抜けるときの処理を書ける。 function useXXX() { return { [Symbol.dispose]() { console.log("xxx:disposed") } } } // スコープを作る { using xxx = useXXX(); // スコープから抜ける時に usi
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
