つまずいたときの調べ方・質問のしかた

この記事で分かること

• エラーメッセージの読み方（実は日本語より簡単です）
• 検索で答えにたどり着くコツ
• AI に聞くときの型
• 人に質問するときのテンプレート
• 「やる気が出ない」への対処

所要時間は 30 分です。詰まったときに読み返す、お守りのような記事です。

詰まるのは、正常です

まず知っておいてほしいのは、プロのエンジニアも毎日詰まっている ということです。違いは「詰まらない」ことではなく、「詰まったときの抜け方を知っている」ことです。この記事で、その抜け方を身につけます。

エラーメッセージの読み方

エラーは英語で出ますが、パターンは限られています。最初の1行と、ファイル名・行番号 だけ読めば十分です。

Uncaught TypeError: Cannot read properties of null (reading 'addEventListener')
    at script.js:3

• TypeError：型のエラー（ここでは「null に対して操作しようとした」）
• Cannot read properties of null：null（何もない）のプロパティは読めない
• script.js:3：script.js の 3 行目

つまり「3 行目で、取得できていない要素（null）に addEventListener しようとした」。id のつづり違いか、script の読み込み位置が原因です。

よく見るエラーの意味を覚えておくと、読むのが速くなります。

エラー	意味	よくある原因
is not defined	そんな名前は知らない	つづり違い、定義の前に使っている
is not a function	それは関数じゃない	名前の間違い、() の付け忘れ・付けすぎ
Cannot read properties of null	要素が取れていない	id 違い、script の位置
Unexpected token	文法エラー	) や } の数が合わない、, の位置
404 Not Found	ファイルがない	パスやファイル名の間違い
Parse error: syntax error (PHP)	文法エラー	; 忘れ、クォートの閉じ忘れ

検索のコツ

1. エラーメッセージをそのまま検索する。ただし、自分固有の部分（ファイル名、変数名）は外します。Cannot read properties of null (reading 'addEventListener') で検索すれば、同じ問題の解説が大量に出ます。
2. 英語で検索する。日本語の記事より英語のほうが 10 倍あります。「javascript click button change text」のように、単語を並べるだけで通じます。
3. 公式ドキュメントを見る。MDN（JavaScript/HTML/CSS）、php.net、laravel.com。最初は難しく感じますが、正確です。検索結果に developer.mozilla.org があれば、まずそれを開きます。
4. 記事の日付を見る。5 年以上前の記事は、書き方が古いことがあります。

AI に聞く型

AI は、詰まったときに最も頼りになる相手です。ただし、聞き方で精度が変わります。

【やりたいこと】ボタンを押したら見出しの文字を変えたい
【書いたコード】
（コードをそのまま貼る）
【起きたこと】
（エラー文をそのまま貼る。または「何も起きない」）
【試したこと】id のつづりは確認した

この形で聞くと、ほぼ一発で原因を指摘してくれます。逆に「動きません」だけでは、AI も推測で答えるしかありません。

答えをもらったら、なぜそれで直るのか を必ず聞いてください。「直った」で終わると、次に同じことで詰まります。

人に質問するテンプレート

セッションや質問掲示板で人に聞くときも、基本は同じです。相手の時間を節約する質問は、早く正確な答えが返ってきます。

■ やりたいこと
自己紹介ページで、趣味の3つを横に並べたい

■ 現状
縦に並んでしまう。CSS に display: flex; を書いたが変わらない

■ 試したこと
- ブラウザを更新した
- CSS のファイル名を確認した
- 開発者ツールで .row を見たが、display: flex が当たっていない

■ 環境
Windows 11 / Chrome / VS Code

■ コード
（HTML と CSS を貼る、またはファイルを共有）

「試したこと」を書くと、同じことを言われずに済み、相手も「そこまで見たなら原因はこれだ」と絞り込めます。

「何を作ればいいかわからない」への処方箋

教材を終えたあと、次に何を作ればいいかわからなくなる方が多いです。次の順で考えてください。

1. 自分が毎週やっている面倒なことを1つ挙げる（家計の記録、献立を考える、シフトの確認）
2. それを 1 画面で 解決するものを考える（一覧と入力欄だけ）
3. 機能を3つに絞る（登録・一覧・削除）
4. 作る。デザインは後回し

「便利なアプリ」を作ろうとすると止まります。「自分の面倒を1つ減らすもの」なら、作れます。

やる気が出ないとき

• 時間を短くする。30 分の予定を「10 分だけ」に。始めると続くことが多いです。
• 前回の自分を見る。1 か月前に書いたコードを見返すと、成長がわかります。
• 人に見せる。作ったものを誰かに見せる予定を入れると、動けます。
• 休む。本当に疲れているときは休む。週 1 回サボっても、学習は消えません。

「毎日やらなきゃ」と思うほど、できなかった日に自己嫌悪で止まります。週に決めた時間だけ を守れば十分です。

詰まったときのチェックリスト

• エラー文の最初の1行と行番号を読んだ
• 保存したか、ブラウザを更新したか確認した
• つづり・大文字小文字・全角スペースを確認した
• エラー文をそのまま検索した
• AI に「やりたいこと・コード・起きたこと・試したこと」の型で聞いた
• 15 分考えてもだめなら、質問リストに書いて先に進んだ

最後の項目が大事です。15 分ルール。15 分考えてわからなければ、それはもう「自分で考える練習」の範囲を超えています。メモして、次のセッションで一緒に解決しましょう。

まとめ

• 詰まるのは正常。抜け方を知っていればいい。
• エラーは最初の1行と行番号。パターンは限られている。
• 検索は英語で、公式ドキュメント優先。
• AI にも人にも「やりたいこと・コード・起きたこと・試したこと」の型。
• 15 分ルールで、先に進む。

ここまでの 11 本を読み終えた方は、申し込みフォーム から、実際に手を動かす学習に進んでください。受講料はかかりません。