日報#24|JavaScriptできてるか不安な時はconsole.logで確認！

2025年10月24日

1.本日の作業内容
⬛︎JavaScriptの学習
→WebクリエイターボックスManaさんが書かれた”1冊で全て身につくJavaScript入門講座”の本を101ページまで読み、実際にコードも書いてみた。
◼︎関数の使い方とアロー関数, function構文について
◼︎textContentを使ってテキストの変更(代入)
◼︎scriptタグでdefer属性を記述する理由
◼︎if-else文の書き方

⬛︎CSSの学習
◼︎HTMLで作ったボタンをクリックした時に押した感覚があるような動きをつける方法について
・:active,　positionを使って実装した。

2.直面した問題点
＜問題点＞
　自分で考えてコードを書いてみると大体エラーになる。
　” や ; が抜けてしまうことやそもそも書き方を間違えていることも多い。

＜対応＞
・自分的には使いたいものはあらかじめconstやletで定義しておくのが理解しやすい。
・取得したい要素がちゃんと取得できているのかを確認するために、console.log()を活用する。
・エラーが出た時にその都度、何のエラーなのかを確認して、何が間違っているのかを確認する。
・あとはひたすら実践を繰り返して慣れていく。

3.残っている課題△、進行中の作業⬜︎、明日の予定⬛︎
△HTML, CSS, JavaScriptにまだ慣れていない
→引き続き実践練習をしていく
⬜︎CLI家計簿アプリ、機能修正と追加
⬛︎CLI家計簿アプリ、機能修正と追加

4.気づき、学び
　やっぱりJavaScriptを書いていくためには、HTMLやCSSも関連しているから、学ぶことが色々ある！CSSを学んだ時はwebサイトを作るというかwebデザインというのかそういう感じのものなんだと思っていたけれど、JavaScriptについても学び始めて、どちらかというとアプリ作成っぽいことをやっている感じがする。
　CSSやJavaScriptでidやclassに対して何かデザインや動きをつけるためには、HTMLでid, classをどう指定するかがとても重要だなと日々実感する。それもやっぱり経験を積んでいくことでだんだん自分でできるようになってくるかなあと。日々できることはほんの少しかもしれないけれど、コツコツを続けて成長していけるように頑張りたい！