エラーが出たら、まず何を見ればいいですか？

エラーメッセージの「メッセージ本文」と「ファイル名・行番号」の2か所です。行番号のあたりを見に行くだけで、原因が見つかることがよくあります。

「is not defined」とはどういう意味ですか？

その名前の変数・関数が見つからない、という意味です。名前の打ちまちがいか、読み込む順番が逆になっている場合によく出ます。

全部訳さなくて大丈夫です。「何が」問題かを示すメッセージ本文と、「どこ」で起きたかを示す行番号の2つだけ見れば、たいてい原因のあたりがつきます。

エラーメッセージの英語部分をそのままコピーして検索するのが一番の近道です。自分のファイル名など固有の言葉は消してから検索するとヒットしやすくなります。AIにエラー文とコードを見せて聞く方法も有効です。

コードを書いていれば、エラーは必ず出ます。プロでも毎日出しています。大事なのは、出さないことではなく「出たときにどうするか」。エラーは怒られているのではなく、「ここを直せば動くよ」というヒントです。まずはそう思えるだけで、ぐっとラクになります。

エラーが顔を出す場所は、だいたい決まっています。

ブラウザのConsole（コンソール） … JavaScriptがうまく動かないと、ここに赤い文字で出ます。開き方は開発者ツールの回でやった F12 / ⌘ + ⌥ + I。
VSCodeの波線 … 書き方がおかしい所に、赤い波線が出ます。マウスを重ねると、理由が吹き出しで出ます。
画面がまっ白・くずれる … これも立派なサイン。「さっき書いた所」があやしい、という合図です。

英語で長く出ると身構えますが、見るべきは2か所だけ。

全部を訳さなくても大丈夫。行番号のあたりを見に行くだけで、原因が見つかることはとても多いです。

英語のメッセージそのものが分かると、原因のあたりがつけやすくなります。よく見るものだけ、先に意味を知っておきましょう。

エラーメッセージ	よくある意味
`Uncaught SyntaxError: Unexpected token`	記号の対応が合っていない（`{`や`(`の閉じ忘れ・打ちすぎ）
`Uncaught SyntaxError: Unexpected end of input`	コードが閉じきれていない（どこかで`}`や`)`が足りない）
`Uncaught ReferenceError: xxx is not defined`	その名前の変数・関数が見つからない（打ちまちがい、または読み込む順番が逆）
`Uncaught TypeError: Cannot read properties of undefined`	まだ存在しないものを触ろうとしている（お目当ての要素がまだ画面にない、など）
`Failed to load resource: 404 (Not Found)`	画像やCSSファイルの読み込み先パス（場所）がまちがっている

すべてを覚える必要はありません。「このメッセージ、見たことある」を増やしておくだけで、次に出たときの心構えがまったく変わります。

どこが悪いか分からないときは、範囲をせまくしていきます。

ここが最大の小ワザ。エラー文を、そのままコピーして検索します。同じところでつまずいた人の答えが、たいてい先に見つかります。

エラーが出た＝前に進んでる証拠だよ。赤い文字は「ここ直してね」のメモだと思って、まず行番号を見に行こう。それでも分からなければコピペして検索！これでほとんど解決できるよ〜

エラーと仲良くなれたら、もう一人で前に進めます。困ったらまたこのべんりワザに、拾い読みしに戻ってきてください。