JavaScriptのエラーはコンソール(F12)に表示されます。エラー名を見れば原因がわかります。
❌ ReferenceError: xxx is not defined
console.log(mesage); // messageのスペルミス
✅ 変数名のスペルミス・宣言前に使っていないか確認する
❌ TypeError: Cannot read properties of undefined
const user = undefined; console.log(user.name); // undefinedのプロパティにアクセス
✅ 変数が undefined や null でないか確認する。user?.name(オプショナルチェーン)を使うと安全
❌ SyntaxError(構文エラー)
if (x > 0 { // ← ) が足りない
console.log("正");
}
✅ カッコの対応・セミコロン・クォートの閉じ忘れを確認する
🔍 デバッグの基本
// console.logで値を確認する
console.log("ここまで動いた");
console.log("変数の値:", myVar);
console.log(typeof myVar); // 型を確認