20201021_アウトプット(JavaScript基礎)

アプトプット画像

学んだこと 2時間半

JavaScriptの関数

  • JavaScriptで関数を定義する際は、大きく分けて「関数宣言」と「関数式」の2つある

  • JavaScriptでは、関数から戻り値を取得したい時は「return」を記述する必要がある

  • 関数式で関数を定義する際は、「関数の実行」より先に「関数を定義する」必要がある

  • 関数式の中でもアロー関数を用いることで、より短い記述で関数を定義することができる

関数定義の種類

  • 関数宣言:標準的な関数の定義。

  • 無名関数:関数を多く使用するコードである時に使用。関数名の重複を避けられる。

  • 即時関数:流用する可能性のない関数を定義する時に使用。別途、関数を定義する手間がない。

  • アロー関数:無名または即時関数の時に、より省略して書ける。(functionの代わりに()=>

JavaScriptの要素の取得

  • JavaScriptにおけるオブジェクトはデータや機能を「まとめた」その情報そのもの。

  • オブジェクトは、名前や年齢などの「プロパティ」と、振る舞い・機能である「メソッド」を持つ。

  • JavaScript側で予め用意されているwindowオブジェクトを用いて、ブラウザに対して操作できる

  • windowオブジェクトの一つであるdocumentオブジェクトを使って、ブラウザで表示されたHTML情報を取得できる。

DOMとは (Document Object Model)の略で、HTMLを解析して、データを作成する仕組み。 その仕組みによって作られた階層構造のデータを「DOMツリー」や「ドキュメントツリー」という。

①HTMLを解析して、DOMに変換
CSSJavaScriptを読み込み、見た目を描画
③ユーザーがページを閲覧

②において、JavaScriptのメソッドを使うとDOMツリーを操作することができる。(要素名やid、classといった属性の情報を元に、DOMツリーの一部を取得し、CSSを変更したり。要素を増やしたり、消したりできる)



積み残し(復習したいこと)

  • ビードリル38
  • Formオブジェクト(モデルの存在しないデータを更新)
  • Rails勉強会→50%
  • カラムの追加方法、ロールバック



感想

  • 日頃のストレス度合いが、勉強の質や体調に大きく影響していると感じる。最近は頭痛い。悔しい。(調子悪い)

  • 上手くいっている時は、アウトプット多め・気持ちも前向き・忙しくてもけろっとしている、上手くいっていない時は、自己肯定感が下がる・他の進んでいる方の発信に後ろ向きになる・体のどこかしらが良くない。

  • テックキャンプにいって良かったと感じることは、振り返りを行う機会が多くなったので今調子悪いことが「前にもこういう時あったな」と思えること。

  • 良かったときのことを思い出そう。①自分が落ち込んでいる時こそ、周りのすごい方の刺激を受けにいき発信に積極的(コミットする・主体的になる)②しっかり睡眠と栄養バランスの取れた食事をとる③感情に左右されない。平穏な気持ちを思い出す。④仕事は「全部やらなくては」ではなく今日絶対やる1つを達成したらよしとする(これ忘れてた)⑤楽しむ!