2025-12-16

ノードとは何かDOMの「ノード」は、HTML文書を構成する最小パーツのことです。要素（div、p、aなど）、テキスト（文字列）、コメント、属性など、画面に関係するすべてがノードとして木構造に並びます。...

DOM とは何かDOM（Document Object Model）は、ブラウザが「HTML や XML の文書をプログラムから操作できるようにした、木構造のデータモデル」です。ページは「ノード（要素...

Object.keys / Object.values / Object.entries は「オブジェクトを配列に変換する道具」オブジェクトは「名前付きの引き出しがたくさんあるタンス」でした。Obje...

in 演算子って何者？in 演算子は、「このオブジェクトに、このプロパティ名は“存在しているか？”」を調べるための道具です。ポイントは、「値が何か」ではなく「その名前のプロパティがあるかどうか」だけを...

Object.freeze は「オブジェクトを氷漬けにする魔法」Object.freeze は、「このオブジェクト、もう二度と書き換えられないようにしたい」というときに使う機能です。一言でいうと、その...

スプレッド構文による「浅いコピー」って何者？スプレッド構文 { ...obj } は、「既存のオブジェクトの中身を“広げて”、新しいオブジェクトを作る書き方」 です。そしてここで超重要なのが、このコピ...

オブジェクトのコピーって何者？「オブジェクトのコピー」は、「元のオブジェクトとは独立した“もう一つのオブジェクト”を作ること」 です。ここで一番ハマりやすい落とし穴が、const original =...

メソッドって何者？メソッドは、「オブジェクトにくっついている関数」 です。オブジェクトが「データ（状態）」を持っているとしたら、メソッドはそのデータに対して「できること（振る舞い）」を表します。人で言...

「プロパティアクセス」は“タンスの引き出しを開ける”動作オブジェクトは「名前付きの引き出しがたくさんあるタンス」のようなものです。プロパティアクセスは、その引き出しを「開ける」「中身を入れる」ための書...

delete は「引き出しごと取り外す」イメージオブジェクトは「名前付きの引き出しがたくさんあるタンス」のようなものです。delete は、その引き出し（プロパティ）を“丸ごと取り外す”ための演算子 ...

「プロパティの追加」は“あとから引き出しを増やす”イメージオブジェクトは「名前付きの引き出しがたくさんあるタンス」のようなものです。プロパティの追加は、「そのタンスにあとから新しい引き出しを増やす」イ...

オブジェクトリテラルって何者？オブジェクトリテラルは、「波カッコ {} を使って、その場で“まとまりのあるデータ”を作る書き方」 です。人間の世界でいうと、「名前・年齢・住所がセットになった“1人の人...

「変数解決の仕組み」って何を指しているかここでいう「変数解決の仕組み（順序）」は、「ある名前（変数名）を書いたときに、JavaScript が“どの値を使うか”をどう決めているかという話です。同じ名前...

TDZ（Temporal Dead Zone）って何者？TDZ は「変数が“まだ使えない時間帯”のことです。もっと砕くと、let / const で宣言された変数は、「スコープに入った瞬間から宣言行ま...

this は「今、誰のことを指しているか」を表すキーワードthis は、「このコードを“実行している主体（オブジェクト）”は誰か？」を指す特別なキーワードです。よく「自分自身」と説明されますが、Jav...

関数スコープって何者？関数スコープは、「その関数の中だけで有効な“専用の部屋”」 のことです。関数の中で宣言した変数や関数は、基本的にその関数の外からは見えません。「関数ごとに、自分だけの小さな世界を...

変数のシャドーイングって何者？変数のシャドーイングは、「内側のスコープで同じ名前の変数を宣言して、外側の変数を“影に隠してしまう”こと」 です。“shadow（影）”という名前の通り、外側にある同じ名...

クロージャって何者？クロージャは、「外側のスコープの変数を“覚えたまま”生きている関数」 です。もう少しだけ丁寧に言うと、ある関数の中で定義された関数が、その外側の変数にアクセスし続けられる仕組みこれ...

レキシカルスコープって何者？レキシカルスコープは、「変数がどこから見えるかは、“コードが書かれている場所”で決まる」というルールのことです。もう少し砕くと、「どの変数が使えるか」は「どこでその関数を“...

ブロックスコープって何者？ブロックスコープは、「{}（ブロック）の中だけで有効な“ミニスコープ”」 のことです。if、for、while、単なる {} など、波カッコで囲まれた範囲ごとに「その中だけで...

ローカルスコープって何者？ローカルスコープは、「その中だけで有効な“自分だけの部屋”みたいな領域」 です。グローバルスコープが「家全体」だとしたら、ローカルスコープは「自分の部屋」。部屋の中のもの（変...

スコープってそもそも何？その中の「グローバルスコープ」とはまず前提として、スコープとは「変数や関数が“どこから見えるか（使えるか）”の範囲 のことです。その中で「グローバルスコープ」は、「プログラム全...