Jest を使ってテストを実行したとき、以下のようなメッセージが表示されて困ったことはないでしょうか？Your test suite must contain at least one test.この...

Node.js のバージョンアップ後、または新しいプロジェクトをビルド・実行した際に、以下のようなエラーが出ることがあります。Error: Cannot find module 'node:fs'この...

TypeScript でジェネリクスやユーティリティ型を多用していると、まれに以下のようなエラーに遭遇します。Type instantiation is excessively deep and po...

Vue 3 の provide / inject は、親コンポーネントから子コンポーネントへ値を渡すための仕組みです。コンポーネントツリーをまたいで状態を共有できるため、グローバルストアを使うほどでは...

Nuxt 3 でアプリケーションを構築していると、ルートごとにアクセス制御や処理を挟むために middleware を利用することが多くあります。しかし「初回ロード時に middleware が走らな...

React 18 以降、StrictMode を有効にしていると useEffect が「2回実行される」という挙動に驚いた開発者は少なくありません。特に、API へのリクエストやログ出力のような副作...

Node.js を利用していると、ターミナルに以下のような警告を目にすることがあります。(node:12345) [DEP0104] DeprecationWarning: Some legacy A...

React 18 以降では、Suspense と lazy を活用することでコード分割と非同期ロードを簡潔に実現できます。しかし、SSR (サーバーサイドレンダリング) と組み合わせたときに、Hydr...

Next.js を使ってアプリケーションを開発していると、Text content did not match というエラーに遭遇することがあります。これは React が サーバーサイドレンダリング...

Nuxt 3 の useRuntimeConfig() をコンポーネント内で使うと、突如として @click やその他のイベントが発火しなくなるという報告が時々上がります。単純に “useRuntim...