プログラミング学習初心者つまづきあるある【javascript編】

Uncategorized

みなさんこんにちは(ばんわ)

40代になってプログラミング言語を学習するという非常に楽しい趣味を発見したので
毎日ドットインストールやプロゲートなどで楽しく動画学習しているわけなんですが
たまにふと思うわけです

言ってること全然わかんねー!!

そりゃあ今はご飯食べるために箸の使い方を教わっているわけだからちっとも美味しくなんかないわけですよ 
時には「俺 もしかして・・・ いわゆる・・・ 馬鹿? バカなの? プログラミングなんてできるようにならないの?」
なんて負のスパイラルに陥るわけです

きっとあなたはそんな負の連鎖に陥ってプログラミングの習得を諦めかけて
うろうろとネットサーフィンしているうちにこのページにたどり着いたんだと思います

そんなあなたに初心者がプログラミングでつまづくあるあるなネタを解決方法を交えてお伝えしていきます

(事例は少しづつ更新していきますので楽しみにブックマークしておいてください)

プログラミング学習初心者つまづきあるある【javascript編】スタートです

広告
広告

console.logってなんだよ!(javascript初心者あるある1)

まずjavascriptを学んでいて最初に疑問に思うが
学習の半ばまで疑問に思いつつもスルーしながら毎回console.logを
何百回、何千回と使っていくあるある

今までhtmlやCSSを学習していた時はブラウザで実際の表示結果を確認していたのに

console.logってなんだよ!

しかもクロームの検証ツールじゃないと確認できないわけさ
でもバカな俺でもある日突然降りてきたんだよ

htmlだとブラウザで表示結果をそのまま表示できる
でもjavascriptの確認は処理の挙動だからブラウザには表示されないわけさ

もしブラウザに表示したかったら
いつものように
console.log(1, 2, 3)

ではなくて

document.write(1, 2, 3);

これをエディターで入力してブラウザで確認してみて欲しい
これだとブラウザで表示される

実際はこんな使い方しないと思うしhtmlとCSSでモノを作って表示して
それをjavascriptで動かすってわけなんだと思うけど

勉強の段階でいちいちモノ作ってそれを動かすところまでやっていられないんじゃないかな

だからconsole.logでその挙動(打ち込んだjavascriptのコードがどんなふうに動いているのか)
だけを確認して はい 動いていますね! ってことをやりたいんだと思うんだよね

実際エンジニアの人がユーチューブで「ストップウォッチをリアルタイムで作ってみまーす」
なんてやっているところを見ると

ちょこちょこconsole.logで挙動を確認しているわけさ
で確認が終わるとそこのconsole.logは消して その先のコードを書いていくわけです

そういうことですよ 分かりました?

コメント

タイトルとURLをコピーしました