
デバッグ力が転職を左右する|未経験者が身につけるべき調査力
「動かない」で止まる人と解決できる人の差
プログラミング学習中に
しかし、
「動かない」で止まる人の特徴
- エラーメッセージを
読まずに、 すぐ 人に 聞く - 「さっきまで
動いて いたのに」と、 直前の 変更を 確認しない - エラーメッセージをそのまま
コピペして 検索し、 最初に 出てきた 解決策をそのまま 試す - 解決できないと
「自分には 向いて いない」と 結論づける
解決できる人の特徴
- エラーメッセージを
最後まで — 何行目で、読む 何が 起きているかを 把握する - 直前の
変更を — 「何をしたら確認する こうなったか」を 特定する - 仮説を
立てて検証する — 「この部分が 原因かもしれない」と 当たりをつけて、 一つずつ 確認する - 解決過程を
記録する — 同じエラーが 次に 起きた とき、 すぐ 対処できるようにする
この
デバッグの基本ステップ
エラーが
ステップ1:エラーメッセージを正確に読む
エラーメッセージは、
エラーメッセージから
- エラーの
種類 — TypeError、SyntaxError、ReferenceError など - 発生箇所 — ファイル名と
行番号 - 内容 — 何が
問題なのかの 説明
たとえば、TypeError: Cannot read properties of undefined (reading 'map') という
ステップ2:再現条件を特定する
- いつ発生するか
(特定の 操作をした とき? ページを 開いた とき?) - 常に
発生するか、 たまに 発生するか - 特定の
データでのみ 発生するか
ステップ3:仮説を立てる
エラーメッセージと
- 「APIからの
レスポンスが 空の 場合に、undefinedになって いるのでは」 - 「この
変数に 値が 代入される 前に、 参照されて いるのでは」 - 「条件分岐の
ロジックが 間違って いるのでは」
ステップ4:仮説を検証する
仮説を
| 検証方法 | 使い方 |
|---|---|
| console.log | 変数の |
| ブラウザの | ブレークポイントを |
| ネットワークタブ | APIリクエスト・レスポンスの |
| React DevTools | コンポーネントの |
重要なのは、
ステップ5:修正して動作確認する
原因が
- 元の
エラーが 解消されたか - 修正によって
別の エラーが 発生して いないか - 関連する
機能が 正常に 動作しているか
エラーを
面接で「デバッグ力」を伝える方法
未経験エンジニアの
よく聞かれる質問
- 「開発中に
一番苦労した ことは 何ですか? どう 解決しましたか?」 - 「エラーが
出た とき、 どのように 対処しますか?」 - 「わからない
ことがあった とき、 どう 調べますか?」
効果的な回答のフレームワーク
- 状況 — どんな
エラー・ 問題が 起きたか - 調査 — どう
原因を 調べたか (エラーメッセージの 読解、 ログの 確認、 ドキュメントの 参照) - 仮説 — 何が
原因だと 考えたか - 解決 — どう
修正したか - 学び — その
経験から 何を 得たか
回答の具体例
「ポートフォリオ開発中に、
このように、問題解決の
デバッグ力を鍛える学習法
デバッグ力は、
1. エラーを恐れず、意図的にエラーを起こす
学習中の
- 変数名を
間違えたら どんな エラーが 出るか - APIの
URLを 間違えたら どうなるか - 必須の
propsを 渡さなかったら どうなるか
エラーメッセージとその
2. console.logを駆使する
「print文デバッグ」は
- 関数の
入口と 出口に console.logを 入れて、 処理の 流れを 追う - 変数の
値を 出力して、 期待通りか どうか確認する - 条件分岐のどちらに
入ったかを 確認する
最初のうちは
3. エラー解決ログを残す
遭遇した
- 日付
- エラーメッセージ
(原文) - 発生状況
- 原因
- 解決方法
- 参考にした
URL
同じ
4. Stack OverflowやGitHub Issuesを読む習慣をつける
エラーメッセージで
- Stack Overflowの
回答のうち、 票が 多い 回答を 複数読み 比べる - GitHubの
Issueで、 同じ 問題に 遭遇した 人のやり取りを 追う - 公式ドキュメントの
トラブルシューティングセクションを 確認する
英語の
ゆめさくエンジニアの
実践的な
「勉強した」と
学習と
エンジニア1年目の壁
入社後にぶつかる
仕様書が
仕様書ベースの
デバッグ力に



