記事一覧
Docker で「OCI runtime exec failed: exec failed: container_linux.go」エラーが出る原因と対処法
Docker を日常的に使っていると、docker exec を使ってコンテナに入ろうとした際に以下のようなエラーに出会うことがあります。 一見すると複雑そうなメッセージですが、実際の原因は 「コンテナの中に bash […]
2025-10-27
Jest で「Your test suite must contain at least one test」エラー
Jest を使ってテストを実行したとき、以下のようなメッセージが表示されて困ったことはないでしょうか？ このエラーは、Jest がテストを1件も検出できなかったときに出るメッセージです。テストフレームワークが正常に動いて […]
2025-10-26
Node.js で「Cannot find module 'node:fs'」エラーの原因と解決策
Node.js のバージョンアップ後、または新しいプロジェクトをビルド・実行した際に、以下のようなエラーが出ることがあります。 このエラーは一見「fs モジュールが見つからない」という単純な問題に見えますが、実際には N […]
2025-10-22
TypeScript で「Type instantiation is excessively deep and possibly infinite」エラーが出た時の対処法
TypeScript でジェネリクスやユーティリティ型を多用していると、まれに以下のようなエラーに遭遇します。 Type instantiation is excessively deep and possibly in […]
2025-10-11
Vue 3 の provide/inject が reactive で更新されない問題の解決法
Vue 3 の provide / inject は、親コンポーネントから子コンポーネントへ値を渡すための仕組みです。コンポーネントツリーをまたいで状態を共有できるため、グローバルストアを使うほどではない軽量なデータ共有 […]
2025-10-10
Nuxt 3 で middleware が初回ロードで動かない原因と修正方法
Nuxt 3 でアプリケーションを構築していると、ルートごとにアクセス制御や処理を挟むために middleware を利用することが多くあります。しかし「初回ロード時に middleware が走らない」「SSR では効 […]
2025-10-06
React 18 StrictMode で useEffect が2回実行される理由と対処法
React 18 以降、StrictMode を有効にしていると useEffect が「2回実行される」という挙動に驚いた開発者は少なくありません。特に、API へのリクエストやログ出力のような副作用が重複して起きると […]
2025-10-03
Node.js の DEP（非推奨 API）警告を解消する：DEP0104 などと向き合う手順
Node.js を利用していると、ターミナルに以下のような警告を目にすることがあります。 これは Node.js が提供する API の一部が「将来のバージョンで削除される予定」であることを意味しています。警告なのでコー […]
2025-10-01
React Suspense + lazy で隣接するコンポーネントがあるときの Hydration Mismatch 問題と回避法
React 18 以降では、Suspense と lazy を活用することでコード分割と非同期ロードを簡潔に実現できます。しかし、SSR (サーバーサイドレンダリング) と組み合わせたときに、Hydration Mism […]
2025-09-30
Next.js / React でサーバーとクライアントで DOM 属性が異なり「Text content did not match」エラーになる原因と修正
Next.js を使ってアプリケーションを開発していると、Text content did not match というエラーに遭遇することがあります。これは React が サーバーサイドレンダリング (SSR) で生成 […]
2025-09-29
Nuxt 3 で runtimeConfig を useRuntimeConfig() で使うと @click が動かなくなるケースと原因
Nuxt 3 の useRuntimeConfig() をコンポーネント内で使うと、突如として @click やその他のイベントが発火しなくなるという報告が時々上がります。単純に “useRuntimeConfig を呼 […]
2025-09-28
.env ファイルが反映されない？Nuxt の環境変数ロードタイミングと prefix 問題
Nuxt 3 プロジェクトで .env ファイルを作成して環境変数を設定したのに、開発サーバーや本番デプロイで値が反映されず、undefined になってしまった経験はありませんか？特に process.env.MY_K […]
2025-09-27
Nuxt 3 + Cloudflare Pages で whatwg-url パッケージ等のビルドエラー
Nuxt 3 アプリを Cloudflare Pages にデプロイしようとしたとき、以下のようなビルドエラーに遭遇することがあります。 このエラーは whatwg-url や tr46, webidl-conversi […]
2025-09-26
React Hydration Failed がブラウザ拡張 (extension) による script/tag の挿入で起きるケース
ブラウザ上で React アプリを SSR（サーバーサイドレンダリング）した際、コンソールに次のようなエラーが表示されることがあります。 通常はコンポーネントの条件分岐や日付のズレなどが原因ですが、意外な落とし穴としてブ […]
2025-09-26
Nuxt + Docker 環境で runtimeConfig の public env がクライアント遷移後に消える問題とその対処
Docker やコンテナ環境で Nuxt アプリをデプロイすると、初回表示では正常に runtimeConfig.public の値が取得できるのに、クライアントサイドのページ遷移後に値が消える／undefined にな […]
2025-09-25
Nuxt 3 で runtimeConfig が undefined に？環境変数・バージョン依存の読み込み失敗の対処法
Nuxt 3 を使った開発で、useRuntimeConfig() を呼び出したら undefined が返ってきてしまった……という現象に遭遇することがあります。とくに 3.13.0 などの一部バージョンや、Docke […]
2025-09-25
React の useId() を条件レンダー + ループで使うと Hydration Mismatch が起きる原因と対策
React 18 以降では、フォーム要素やアクセシビリティ対応のために useId() というフックが導入されました。これにより、サーバーサイドレンダリング (SSR) とクライアントで同一の一意な ID を生成できます […]
2025-09-24
Bashで「bad substitution」エラーが出る原因と対処法
シェルスクリプトを書いていると、次のようなエラーに遭遇することがあります。 一見すると単純な文法ミスのように見えますが、これは シェルの種類や互換性の問題 が原因であることが多いです。 本記事では、このエラーの原因、再現 […]
2025-09-23
Gitで「fatal: ref HEAD is not a symbolic ref」エラーが出たときの解決策
Git を使って開発をしていると、初回コミットや空のリポジトリに対して操作を行ったときに次のようなエラーが出ることがあります。 初めて見ると驚くメッセージですが、これは HEAD が有効なブランチを指していない ことが原 […]
2025-09-22
Dockerで「exec user process caused: exec format error」エラーが出る原因と対処法
Docker を使って開発していると、ビルドしたコンテナを実行した際に次のようなエラーが表示されることがあります。 初めて見ると「何が壊れたのか？」と焦るエラーですが、実はこれは CPUアーキテクチャの不一致 に起因する […]
2025-09-21