【動画教材の学び方】HTML/CSS学習で先生のコード通りに書いてもうまくいかないときは？

今回は、HTML/CSSやJavaScript、PHPなど、コーディングがうまくいかない時の対処法をお伝えします。

失敗の原因はほとんどの場合、スペルミスか半角/全角ミスなんです。タグの表記を間違えたり、カッコの数が合わなかったり。例えば、{}で囲った中にさらに{}を入れると、閉じカッコを間違えるとペアが崩れます。

スペルミスを見つけるには、コーディングチェックサイトが便利です。Markup Validation ServiceはW3Cが提供している信頼性の高いツールで、HTMLのエラーを表示してくれます。10BestDesignも使いやすく、エラー部分が目立つように表示されます。

「スペルミスなんてしていない」と感じる方には、コード比較サイトがおすすめです。テキスト比較ツール「difff」は、自分のコードと先生のお手本コードを比較して差分を発見できます。先生のコードと自分のコードを比較すると、違いが色付けされてチェックが容易になります。

完璧にコーディングしたつもりでも、見逃すミスはつきものです。こうした検証サイトを使ってコードをチェックすると、大きな学びになります。ぜひ試してみてくださいね。

詳しくはこちらをご覧ください。