TechAcademy プログラミング 勉強記録

俺のTech Academy[フロントエンドコース]勉強記録! Vol.06 -再びjQueryでアウトレイジ-

 Tech Academy[フロントエンドコース]学習計画&進捗-Vol.06-です。
 【1月31日~2月6日】

 (この記事はTechAcademyでの学習をすべて修了した後、公開されています)

前回までの記録はコチラ↓


 

勉強計画表

tech06

 

 

当初の予定

  • Bootstrap 8~11(完了)
  • 外部ライブラリ 1~3

 

今週の進捗

  • jQuery ライトボックス
  • Bootstrap 8~11(完了)
  • 外部ライブラリ 1~3

 

考察

 今週は予定通りの進捗となりました。

 Bootstrapや外部ライブラリは今までと違って用意されている部品をうまく組み合わせるだけなので、そこまで頭に負荷はかかりませんでした。手軽に見栄えのするページが作れるのでやっていて非常に楽しかったです。
 特に外部ライブラリに関してはjQueryで100行近く書いていたパララックスやライトボックスがわずか数行で実装できてしまうことには驚きました。

 

 さて一度は終わったかに見えたjQueryですが、実際のところ厳密には理解できておらず、流れだけ確認して無理やり先に進めておりました。しかしながら「理解が不十分なまま先に行っても仕方ないよな・・・」と思い、Bootstrapや外部ライブラリをやる傍ら、メンターさんに質問をしていました。
 ですがこのメンターさんとのやりとりで一悶着ありまして。(実際に言い争ったりなどはしてませんが)

 僕が質問で

僕「なんでAというコードを書くと、こんな動きになるんですか?」

 と聞くと

メンターさん「それはAというコードを書いてあるからです!」

 

 

 ・・・見りゃ分かるわ。ふざけとるのかお前は。

 いや、自分で回答を書いている時に「ほんとうにこんな回答でいいんだろうか?」とか不安にならないんですかね。

 その時はキレかけたところで別のメンターさんが不穏な空気を察して、割り込んで僕に丁寧な解説をしてくれたので事なきを得ましたが、今度は別の箇所で

 

僕「今デバッグしてて、左の画像をクリックした時にBっていう変数に15っていう数字が入りますけど、本当にこれでいいか確認したいので、ちょっとメンターさんも動かしてみて、どんな数字が入ってるか教えてもらえますか?」

メンターさん「分かりました! ・・・あ、東城さん。ここは動的に値が変わるから注意が必要ですね」

僕「うーんと、そうですね。で、左の画像をクリックするとBに15っていう数字が入るんですけど、それで合ってますか?」

メンターさん「右辺でif文使っているんで、何をクリックするかによって変わってきますね」

僕「・・・それで左の画像をクリックするとBに15が入るってことでいいですよね?」

メンターさん「東城さん、それ、console.log使ってデバッグすると数字分かりますよ!」

 

 早くBにどんな値が入ったのか言え!!!!!!!

 

 結局Bにどんな値が入ったか聞くだけで3時間かかった。

 本気でキレるかと思った。(実際にはギリギリで我慢)

 メンターさんに質問するとほんとこんなことばっか。

 

 疲れた。

 

次週の予定

  • 外部ライブラリ 4~9(完了)
  • Web API  1~3

 

続きはコチラ

-TechAcademy, プログラミング, 勉強記録

© 2022 名古屋とエンジニアリング