WEB初心者がつまずきやすいポイント（コーディング編）

こんにちは。今年も花粉症に悩まされている紺田です。今年はとくに目の症状がひどいです。
前回の「Web初心者がつまづきやすいポイント（デザイン編）」に続き、今回はコーディング編をご紹介します。
初心者の方がつまづきやすいポイントや、私自身が初心者の頃に悩んだことをまとめました。

よくつまづいていたこと

1.CSSが効かない（反映されない）

「ちゃんと書いたのに、スタイルが変わらない…」
何が違うのかわからない、気づけば時間ばかりが過ぎていました。

よくある原因はこんな感じです。
・セレクタの指定ミス
・CSSの優先順位の問題
・スペルミス
・全角・半角の混在
・キャッシュが残っている

【対策】
■検証ツール（DevTools）を使う
→どのCSSが当たっているか確認できます。
■一つずつ確認するクセをつける
→スペル、class名はあっているかなど

2.コードを“全て覚えようとしていた”

コーディングを始めたころは「コードを全部暗記しないといけない」と思いがちです。
私も必死に覚えようとメモしたり、暗記しようとしていました。
今は「全部覚える」時代から、「調べる＋AIを使う」時代になっています。

コードは覚えなくても大丈夫だけれど理解することは大事です。

【対策】
■分からなければすぐ調べる
→検索力を鍛える
■よく使うコードだけ覚える
→ 繰り返し使えば勝手に身につきます
■AIを活用する
→すべて丸投げにするのはNG。詰まったときの“壁打ち相手”として使うと効率が良くなります

3.レイアウトが思い通りにできない

「横並びにならない」「中央に配置できない」
特に、Flexbox、Gridはイメージしづらく、私は苦戦しました。
ポイントは「親要素と子要素の関係」を理解することです。

ここを乗り越えると、一気にできることが増えます。

【対策】
レイアウトは“暗記”ではなく“理解”
・親と子の関係
・方向（横・縦）
・並び方

この3つを意識するだけで、かなり分かりやすくなります。

まとめ

初めは覚えることが多く、戸惑うことも当然です！
コーディングでつまづいたときは、感覚で直そうとするのではなく原因を一つずつ切り分けて、小さく試すことが大切です。
これを意識するだけで、解決スピードはかなり変わります。
コツコツ続けていけば、必ずできるようになります。
この記事が同じように悩んでいる方の助けになれば嬉しいです。