エラーメッセージが出ないのに、プログラムが期待通りの結果にならないのはなぜですか？

それは「論理エラー（ロジックエラー）」と呼ばれ、コードの文法は正しいものの、条件式の不等号や計算のロジックが間違っている状態です。まずは、if文の条件式で使っている変数の値をコンソールに出力し、意図した通りの分岐に進んでいるかを確認しましょう。

if文の条件式で「以上・以下」と「より大きい・未満」のどちらを使うべきか判断できません。

境界値（しきい値）をその条件に含めるかどうかで判断します。例えば「100点を含む」なら`>= 100`（以上）、「100点は含まず、より大きい場合」なら`> 100`（超過）を使います。テストの際は、必ず境界となる数値を入れて期待通りに動くかチェックしてください。

複雑な条件分岐で`&&`（かつ）と`||`（または）の使い分けを間違えてしまいます。

複数の条件がある場合は、条件を日本語で書き出して「両方満たす必要があるか（AND）」か「どちらか一方で良いか（OR）」を整理しましょう。条件が入り組んでいる時は、括弧`()`を使って条件の優先順位を明示することで、論理ミスのない正確なコードが書けるようになります。

論理エラー: 条件の間違い｜コードで実践

このレッスンで分かること

この記事では「論理エラー: 条件の間違い」をデバッグ基礎の現場で使える形で整理します

論理エラーとは をおさえれば、現場で迷ったときに立ち戻れる

よくある原因 をおさえれば、現場で迷ったときに立ち戻れる

エラーの種類と気付きやすさ をおさえれば、現場で迷ったときに立ち戻れる

デバッグ方法 をおさえれば、現場で迷ったときに立ち戻れる

論理エラーとは

実行時エラーにはならないが、ロジックが間違っているケースを修正します。本レッスンでは、論理エラーの基本から実際の使いどころまでを整理し、現場で迷わず使える形に落とし込みます。

論理エラーとは

論理エラー は、コードは正常に実行されるが結果が期待と異なるエラーです。 JavaScript のエラーメッセージは出ないため、発見が難しいです。

論理エラー — 構文も型も正しいのに 意図と結果がズレる バグ。エラーが投げられないので、テスト や出力比較で初めて気付くケースが多いです。

よくある原因

条件の間違い: > と < の間違い、&& と || の間違い
Off-by-one エラー: ループ の境界が1つずれている
変数の参照間違い: 似た名前の変数を間違えて使う
演算子の優先順位: a + b * c が (a + b) * c のつもりだった

エラーの種類と気付きやすさ

diagram (will load when visible)

構文エラー は コンパイル/起動時に止まる ので気付きやすいですが、論理エラー は 走り切ってしまう ため、テストケース の設計が防御線になります。

デバッグ方法

console.log で途中経過を確認
テストケース を追加して期待値と比較
ステップ実行 で デバッガ を使う

デバッグの進め方

diagram (will load when visible)

現場でよくある具体例

現場ケース 1 — 「本番だけ落ちる」謎エラーが、環境変数の NODE_ENV 違いで設定ファイルを切り替えていなかったことが原因。二分探索でコミットを絞り 30 分で解決
現場ケース 2 — フロントの無限ローディングは、useEffect 依存配列に毎レンダー新しい関数を渡していた。React DevTools のレンダー回数で気づけた
現場ケース 3 — DB の遅いクエリは EXPLAIN でフルスキャン発覚。複合インデックス追加で 300 倍速く。「測ってから直す」の典型例

次にとるべきアクション

直近 1 週間で詰まったエラーを 1 つ思い出す — そのエラーに「論理エラー: 条件の間違い」で学んだアプローチを適用してみる
デバッグメモのテンプレを自分用に作る — 現象・再現手順・仮説・検証結果の 4 項目を markdown で固定化する
console.log だけで解いていた問題に DevTools のブレークポイントを使う — ステップ実行を 1 回でも体験する

次のレッスン

次は 複数のエラーを順番に修正 で、実行時エラーにはならないが、ロジックが間違っているケースを修正しますを学びます。

事前確認 — 進む前に次の 3 つができることを確認しましょう。

論理：条件ミスの要点を自分の言葉で説明できる
このレッスンの最小コード (または操作手順) を見ずに書ける
練習問題やクイズで間違えた箇所を読み直して理解した

理解度チェック (30 秒)

Q. 論理：条件ミスとは何か、1 文で説明してください。

この章のポイント

A. 本文の「このレッスンで分かること」または冒頭の説明文を見直し、自分の言葉で要約できれば OK。詰まったら本レッスンの最初の H2 セクションを読み返してみましょう。

関連レッスン

参考にした出典

MDN Web Docs「Debugging JavaScript」 — ブラウザ DevTools を使ったデバッグ手順（出典: Mozilla, https://developer.mozilla.org/ja/docs/Tools/Debugger）
Google Chrome DevTools 公式ドキュメント — ブレークポイント・パフォーマンスタブ等の正式仕様（出典: Google, https://developer.chrome.com/docs/devtools/）
IEEE Software「Why Programs Fail」 — 不具合発見と修正プロセスに関する古典研究（出典: Andreas Zeller, Morgan Kaufmann, 2009, https://ieeexplore.ieee.org/）

学習を加速したい方へ

デバッグの基礎ガイドを体系的にマスターするなら、chotdekiru の無料学習ポータルで実際に手を動かして学習を始めるのがおすすめです。質問・つまずきも現役エンジニアが伴走します。

論理エラー: 条件の間違い