---
# System prepended metadata

title: 研修4日目（2020/5/14）

---

# 研修4日目（2020/5/14）

![](https://i.imgur.com/FkyIf6l.png)

## 今日の学習内容
* ### JSの基礎文法
hello worldから始まり、変数・演算子・関数・文字列・配列・オブジェクト・条件文（if/switch）について学んだ。小さな問題を解きながら答え合わせをするという形で進み標準的なJSの書き方を理解することができた。
しかしやはりJSで厄介なのはES5とES6の書き方が大きく異なり、ES6の文法が未導入のブラウザがあることである。なぜ古いJSは緩い書き方が出来てしまっていたのか、またJSのwebシステムにおける重要度の過去から現在にかけての変化など、自分が気になっていた疑問点を沢口さんに教えていただいた。自分で環境構築をするときもES5対応をするためにES6->ES5の変換をさせるのか、またはES5で頑張るのかを判断していかなければならないため、JSに関しては文法だけでなく周辺環境に関しても抑えておきたい。

* ### DOM APIを知っておく
今日は主にdocument.querySelector()メソッドを多用した。知らなかったがめっちゃ便利だと思った（idやclassに縛られない）。
普段jQueryやVueなどを使う限り生のDOM APIを書くことは少ないかもしれないが、当然裏でどんな処理が走っているのか理解するためにはある程度知っておかないといけない。ちょっとずつ調べてみたい。

* ### エディタを有効活用する
VScodeに全然慣れていないため置換や検索がうまく使えていない、そのためコードを書くのに時間がかかりすぎている。VScodeのlintは本当に便利な機能で、さらに色々なことができる素晴らしいエディタなのでちょっとずつショートカットを覚えたい。

## 今日のまとめ
改めて自分はコード書くのが苦手だなと思った。知識ばかりあっても手が動かなければどうしようもないので、まずは今日やったような小さめなアプリを自分で考え実装するという経験を繰り返し詰むことが力をつけるのには良さそうだと感じている。