【初心者向け】プログラミングエラー解決に必要な手順と注意点(参考例付き)

本記事の内容

 

この記事の信頼性

こんにちは。Web系エンジニアのカズです。数年前に未経験からプログラミング学習を始めて転職し、現在は単価80万円～90万円の案件を受注して活動しているエンジニアです。

エンジニア歴は約7年になります。

初心者に限らず、どんなエンジニアでもプログラミング中には必ずこんな壁にぶつかります。

これがずっと続くと中々に辛いですよね。。。人に聞くのも解決法の1つですが、まずは自己解決力を身に付けないといけません。

本記事を読んで、なるべく自己解決できるように初心者の方向けにポイントを具体的に解説していきます。

 

エラー自己解決に必要な4つの手順（参考例をつけて解説）

こちらの4つの手順について、下記のサンプルプログラムを題材にしながら解説します。

 

色を占うサンプルプログラム

 

①エラー内容を理解する。(翻訳する。またはエラー文をコピペしてググる)

まずはエラー内容を理解しましょう。

エラー内容を英語のままググれば何のエラーなのか、概要はたいてい答えがでてきます。

参考例として、よくあるエラーを載せておきます。

よくあるエラー例（Javascript）

 

SyntaxError:文法が間違っているエラー

題材のサンプルソースの21行目をわざと文法エラーにしました。

21行目がドットが二つ並んでしまっていますね。これが文法エラーになっています。

 

ReferenceError:宣言されていない、存在していない変数を記載したときのエラー

題材のサンプルソースの23行目をわざと存在していない変数にしました。

23行目のcolsという変数は存在しないですね。colorsの間違いです。

 

②エラーが出ている行のソースを見直す。またはデバックする。

エラーが出る場合は大抵は、何行目にエラーが出たのかの行数がでます。

対象の行数か、その手前が間違っていないか疑いましょう。

デバック方法はJavascriptの場合console.log();でデバックすることができます。

これを使って、どこまでが正常に動作しているのか確認しましょう。

 

③エラーを防ぐためにVSCodeを使おう

VSCodeでなくても良いのですが、文法エラーを検知してくれるエディターを使用しましょう。

21行目の文法エラーのところで赤い下線がでています。文法エラーがコードをみて分かります。

 

④エラーを防ぐためにショートカットキーをうまく使おう

例えば、下記は25行目の } が書かれていません。しかしインデントがずれていて発見しずらいです。

これはショートカットキーを使えば一発でインデントを整形することができます。

25行目に } が書かれていないのが一目でわかりますね。

記述ミスを防ぐためにもインデントをそろえて実装しましょう。

 

実務を意識した「質問の仕方」のテンプレート

どうしても自己解決できないときは、質問しましょう。

1時間くらい自分で頑張ってみて、ダメなら相談してよいと思います。自分で頑張る目安時間は、状況や人によると思います。

質問する時に、おすすめなテンプレートがあります。下記は一例です。他にもパターンはあるでしょう。

私が質問される側なら、この4点が知りたいです。

 

 

 本人が投げやりになってしまっている

 

答えだけを求めていて、理解をしようとしない質問の仕方

理解より答えを優先してしまうと次に似たようなことが起きたときに、同じような質問をしてしまう可能性があります。

そうなると良くないですね。

同じようなことが起きたら、次は自己解決できるようにプロセスを理解しながら質問しましょう。