Vue.jsを触ると仮想DOMという概念が出てくるので簡単に整理してみる。 概要 効率良くDOMを操作するにはどうすれば良いか？ 例えば、以下のようなコードがありageを＋10するボタンを3回押してみるとageは50になる この場合のDOMの変化は<p>age: {{ age }}</p>のみで…

javascriptに触れて数ヶ月、DOMについて何となく知っていたがまだフワッとしているので調べました。 DOMとは「Document Object Model」の略であり、日本語にすると「文書オブジェクトモデル」である。 文章をオブジェクトの木構造で表現する。そして操作する…

はじめに これは「フィヨルドブートキャンプ Part2 Advent Calendar 2020」11日目の記事です！ adventar.org フィヨルドブートキャンプ Part 1 Advent Calendar 2020はこちら adventar.org きっかけ 配列に対してループ処理したいなって思ったとき、どうしま…

累積値（アキュムレータ）と配列の要素を順番にコールバック関数へ渡し、1つの累積値を返します。 配列から配列以外を含む任意の値を作成したい場合に利用します。 つまり、配列を使って何かひとつの値を作成する。 内容 引数 第一引数にはコールバック関数…

先日、JSでカレンダープログラム(コマンドラインでcalを叩いたときと同じもの)を作成しました。 その際、Dateを使ったのですが罠が多かったので記録として残そうと思います。 Dateオブジェクトについて Dateを使うことで特定の年月や日付、時刻を取得するこ…

if文など、条件式で使われる論理演算子のAND演算子(&&)、OR演算子(||)、Nullish coalescing演算子(??)について書きます〜 RubyとJavaScriptを例として使います〜 はじめに 前提知識として,Ruby,JSでfalsyな値(falseになる値)を整理 Ruby false nil JavaScrip…