プログラミング GitHub Actions で「Resource not accessible by integration」エラーの解決法
GitHub Actions で Pull Request（PR）をトリガーにワークフローを動かした際、次のようなエラーが出ることがあります。Resource not accessible by integrationこのエラーは、単純な設...
プログラミング 
プログラミング Docker で「OCI runtime exec failed: exec failed: container_linux.go」エラーが出る原因と対処法
Docker を日常的に使っていると、docker exec を使ってコンテナに入ろうとした際に以下のようなエラーに出会うことがあります。OCI runtime exec failed: exec failed: container_lin...
プログラミング Jest で「Your test suite must contain at least one test」エラー
Jest を使ってテストを実行したとき、以下のようなメッセージが表示されて困ったことはないでしょうか？Your test suite must contain at least one test.このエラーは、Jest がテストを1件も検出...
プログラミング Node.js で「Cannot find module ‘node:fs’」エラーの原因と解決策
Node.js のバージョンアップ後、または新しいプロジェクトをビルド・実行した際に、以下のようなエラーが出ることがあります。Error: Cannot find module 'node:fs'このエラーは一見「fs モジュールが見つから...
プログラミング TypeScript で「Type instantiation is excessively deep and possibly infinite」エラーが出た時の対処法
TypeScript でジェネリクスやユーティリティ型を多用していると、まれに以下のようなエラーに遭遇します。Type instantiation is excessively deep and possibly infinite.これは「...
プログラミング Vue 3 の provide/inject が reactive で更新されない問題の解決法
Vue 3 の provide / inject は、親コンポーネントから子コンポーネントへ値を渡すための仕組みです。コンポーネントツリーをまたいで状態を共有できるため、グローバルストアを使うほどではない軽量なデータ共有に便利です。しかし、...
プログラミング Nuxt 3 で middleware が初回ロードで動かない原因と修正方法
Nuxt 3 でアプリケーションを構築していると、ルートごとにアクセス制御や処理を挟むために middleware を利用することが多くあります。しかし「初回ロード時に middleware が走らない」「SSR では効かない」といった問題...
プログラミング React 18 StrictMode で useEffect が2回実行される理由と対処法
React 18 以降、StrictMode を有効にしていると useEffect が「2回実行される」という挙動に驚いた開発者は少なくありません。特に、API へのリクエストやログ出力のような副作用が重複して起きると「バグではないか？」...
プログラミング Node.js の DEP（非推奨 API）警告を解消する：DEP0104 などと向き合う手順
Node.js を利用していると、ターミナルに以下のような警告を目にすることがあります。(node:12345) [DEP0104] DeprecationWarning: Some legacy API is deprecated and...
プログラミング React Suspense + lazy で隣接するコンポーネントがあるときの Hydration Mismatch 問題と回避法
React 18 以降では、Suspense と lazy を活用することでコード分割と非同期ロードを簡潔に実現できます。しかし、SSR (サーバーサイドレンダリング) と組み合わせたときに、Hydration Mismatch という厄介...