今日は初心者がよくやってしまうミスや理解しとくといいポイントなど
私が実際やってしまった事とか感じたものを書いてみようと思います
関連リンク
繰り下げの引き算を35年経って理解。プログラミングは進歩しながら継続中
目次
全角スペース（ctrl+fが便利！）
よくあるミスとして全角スペースを入れるというのがあります
見た目で判断できないんで最初やった時は修正まで時間かかった気がします
ぱっと見は変わらないんですがプログラム上
別物になるらしく半角スペースを使わないとダメなんですね
全角をチェックするものがあるので最初はコードをコピーしてそれを使っていたのですが、もっと簡単な方法があったようです
普段でもよく使う
検索機能の「ctrl+f」ここの検索窓に全角スペースを入れてやればいいようです
*macだと「command+f」
全角スペースが入っていれば強調されて表示されるはずです
似たような事で最初よく分からなかった半角スペースを入れるかどうか問題
「：」とかの後に半角スペースを入れても入れなくてもプログラムとしては正常に動きます
これは簡単にいうとコードを読みやすくしましょうって事で行われているようです
同様にインデント（字下げ）があって揃えることで
「固まり」の範囲が分かりやすくなってミスを発見しやすくなります
半角スペースでもいいんですが一度に複数行移動させたい時は範囲選択して
「Tab」で右にずれ、「Shit+Tab」で左に戻ります
エディタで違うんでしょうがdivタグなんかを1回クリックすれば
対応しているdivの位置が□で囲われて見えるので便利です
divなどのまとまりが、どこからどこまでなのか分かりやすいです
初心者の時にまとまりが意識できるかどうかは結構大事な気がしてます
インデントなど、後から直すと大変なので最初から分かりやすく書くのが良さそうですね
スペルミス
私は英語が全く分からないんでローマ字読みしてしまい、よく間違えます
例えば「plus」を「ああプラスね。プ、プ、プ」 pulsみたいなｗ
to_iをto_1と書いちゃったり、それはないわー的なやつも最初は多発します
あとは；のつけ忘れとかですね
今日のミスはCSSのほうでfont-sizeと書かないといけない所をtext-sizeと書いてしまって
progateだと自分が書いたものと見本が小さく、どうなっているか確認しにくいんですよね
見本と見比べても違いがよく分からず。合ってると思い込んで、しばらくずっと悩んでました
progateは答えがあるので最初ブロック単位でコピーして正解になったら
ctrl+zで1つ前の段階に戻って答えのコピー行を減らしてして張り付けて
最終的に1行ずつ調べて原因を突き止めたんですが
*戻りすぎた場合は「ctrl+y」で進むこともできます
思いっきりスペルミスしてるのに数行まとめてのコピペだと全く気づかず
意味的にも何となく分かってしまってたので、それが正解だと疑わなかった感じですｗ
こういうパターンもあるのかと学びました
個々で間違える場所は違うのでどういう所で間違えるかっていうデータ集めをして
それを元に早く修正ができるようにするしかなさそうです
タグの理解
divやspanが最初よくわかってなかったんですが、簡単にいうとまとめる為のものぽいです
divは他のものを挟んで大きなまとまりをつくるものでspanは小さいまとまり（主に文字）を作るとのこと
少し違った角度で理解するとスムーズにいったりします
最後に
プログラミングやってみようと思ってる人は最初に参考書とか買ってやるのは難しくて高確率で挫折すると言われているのでお勧めしません
今ならゲーム感覚で出来るprogateとか動画で分かりやすいドットインストールもあるので簡単な分かりやすいものからやるべきですね
完全に分かるまで繰り返すより、ある程度で次にいって新しいものを学んだほうが効率は良いみたいです
暗記は必要なくて、こういう時にはこれを使えば楽っていうのを知っとくのが重要じゃないかと考えてます
あとは調べながらやれば情報は載ってるでしょうしね
とりあえずある程度、基礎ができたら何か模倣してみようと思います
効率が悪い努力をしてやった気にならないように意識していきます
