JSON.parse() は、JSON 形式の文字列を JavaScript のオブジェクトや配列に変換するメソッドです。サーバ...

JSON（JavaScript Object Notation）は、データを交換するためのテキスト形式です。もともと JavaS...

`textContent` と `innerText` は、要素のテキストを取得・設定するプロパティです。似ていますが、いくつか...

`nodeType` は、ノードの種類を数値で返すプロパティです。テキストノードと要素ノードを区別したいときに使います。 nod...

`nextSibling` と `previousSibling` は、兄弟ノードを取得するプロパティです。同様に `nextE...

子要素の最初や最後を取得するプロパティがいくつかあります。`firstChild` / `lastChild` と `first...

`children` と `childNodes` は、要素の子を取得するプロパティです。よく似ていますが、取得できるノードの種...

`parentNode` と `parentElement` は、要素の親を取得するプロパティです。ほとんどの場合は同じ結果にな...

`id` と `className` は、要素の id 属性と class 属性に直接アクセスするプロパティです。`classL...

`dataset` は、`data-*` 属性を簡単に扱うためのプロパティです。カスタムデータをHTML要素に埋め込んで、Jav...

`setAttribute` と `getAttribute` は、要素の属性を操作するための基本メソッドです。どんな属性でも汎...

`classList` は、要素のクラスを操作するための便利なプロパティです。クラスの追加・削除・切り替えが簡単にできます。 c...

`cloneNode` は、既存の要素をコピーして新しい要素を作るメソッドです。複雑な構造の要素を複製したいときに便利です。 基...

`remove` と `removeChild` は、DOM から要素を削除するメソッドです。新しい `remove` のほうが...

`insertAdjacentHTML` は、HTML 文字列を指定した位置に挿入する便利なメソッドです。`innerHTML`...

`insertBefore` は、指定した要素の直前に新しい要素を挿入するメソッドです。`appendChild` が末尾に追加...

`appendChild` と `append` はどちらも要素を追加するメソッドですが、いくつかの違いがあります。新しい `a...

`createElement` は、JavaScript で新しい HTML 要素を作成するメソッドです。動的にコンテンツを追加...

`matches` メソッドは、要素が指定した CSS セレクタにマッチするかどうかをチェックして、true または false...

`closest` メソッドは、ある要素から親方向にたどって、指定したセレクタにマッチする最も近い祖先要素を取得します。イベント...

`getElementsByClassName` と `getElementsByTagName` は、クラス名やタグ名で複数の...

`querySelector` と `querySelectorAll` は、CSS セレクタを使って要素を取得できる便利なメソ...

JavaScript で DOM を操作するとき、まず最初に覚えるのが `getElementById` です。これは HTML...

`infer` は条件型の中で「型を推論して変数に束縛する」ためのキーワードだ。パターンマッチのように、型の一部を取り出して再利...