20201021_アウトプット(JavaScript基礎)
学んだこと 2時間半
JavaScriptの関数
JavaScriptで関数を定義する際は、大きく分けて「関数宣言」と「関数式」の2つある
JavaScriptでは、関数から戻り値を取得したい時は「return」を記述する必要がある
関数式で関数を定義する際は、「関数の実行」より先に「関数を定義する」必要がある
関数式の中でもアロー関数を用いることで、より短い記述で関数を定義することができる
関数定義の種類
関数宣言:標準的な関数の定義。
無名関数:関数を多く使用するコードである時に使用。関数名の重複を避けられる。
即時関数:流用する可能性のない関数を定義する時に使用。別途、関数を定義する手間がない。
アロー関数:無名または即時関数の時に、より省略して書ける。(
function
の代わりに()=>
)
JavaScriptの要素の取得
JavaScriptにおけるオブジェクトはデータや機能を「まとめた」その情報そのもの。
オブジェクトは、名前や年齢などの「プロパティ」と、振る舞い・機能である「メソッド」を持つ。
JavaScript側で予め用意されているwindowオブジェクトを用いて、ブラウザに対して操作できる
windowオブジェクトの一つであるdocumentオブジェクトを使って、ブラウザで表示されたHTML情報を取得できる。
DOMとは (Document Object Model)の略で、HTMLを解析して、データを作成する仕組み。 その仕組みによって作られた階層構造のデータを「DOMツリー」や「ドキュメントツリー」という。
①HTMLを解析して、DOMに変換
②CSS・JavaScriptを読み込み、見た目を描画
③ユーザーがページを閲覧
②において、JavaScriptのメソッドを使うとDOMツリーを操作することができる。(要素名やid、classといった属性の情報を元に、DOMツリーの一部を取得し、CSSを変更したり。要素を増やしたり、消したりできる)
積み残し(復習したいこと)
感想
日頃のストレス度合いが、勉強の質や体調に大きく影響していると感じる。最近は頭痛い。悔しい。(調子悪い)
上手くいっている時は、アウトプット多め・気持ちも前向き・忙しくてもけろっとしている、上手くいっていない時は、自己肯定感が下がる・他の進んでいる方の発信に後ろ向きになる・体のどこかしらが良くない。
テックキャンプにいって良かったと感じることは、振り返りを行う機会が多くなったので今調子悪いことが「前にもこういう時あったな」と思えること。
良かったときのことを思い出そう。①自分が落ち込んでいる時こそ、周りのすごい方の刺激を受けにいき発信に積極的(コミットする・主体的になる)②しっかり睡眠と栄養バランスの取れた食事をとる③感情に左右されない。平穏な気持ちを思い出す。④仕事は「全部やらなくては」ではなく今日絶対やる1つを達成したらよしとする(これ忘れてた)⑤楽しむ!