メインコンテンツまでスキップ

「javascript」タグのついた12記事

全てのタグを見る

DOM 操作

DOM を使った HTML 要素の取得・操作・生成を解説。textContent と innerHTML の使い分けと XSS の注意、HTMLCollection と NodeList の違いまで初級者向けに整理します。

JavaScript ガイド

JavaScript の基礎を変数・データ型から関数・配列・DOM 操作・非同期処理まで体系的に学ぶ全 11 章のガイド。各章にコード例と初級者向け解説を添え、モダンな書き方 (アロー関数・分割代入・async/await・?. / ??) まで段階的にカバーします。

イベント処理

addEventListener によるイベントリスナー登録、once / passive オプション、イベント伝播(キャプチャ・バブリング)、closest を使ったイベント委任まで実例と図解で整理します。

オブジェクト

オブジェクトリテラル・分割代入・スプレッド構文・操作メソッドを解説。プロパティの省略記法と計算プロパティ名、オプショナルチェイニング ?. による安全なアクセスまで実例で整理します。

データ型

JavaScript のプリミティブ型 7 種と参照型、typeof 演算子の使い方を解説。typeof null が object になる歴史的経緯、null は === で・配列は Array.isArray() で判定する正しい方法まで整理します。

ベストプラクティス

命名規則・コードの構造化・エラー処理・モジュール化・デバッグ技術を解説。読みやすく保守しやすい JavaScript を書くための基本的な習慣を実例付きで整理します。

ループ処理

for / while / do-while / for...of / for...in の書き方と使い分けを解説。break・continue、entries() でインデックス取得、for...in を配列に使わない理由まで初級者向けに整理します。

変数と定数

let / const / var の違いとスコープ・ホイスティング・TDZ を初級者向けに解説。const は再代入できないが中身は変更できる点、var が関数スコープで漏れる問題まで実例で整理します。

条件分岐

if 文・三項演算子・switch 文による条件分岐を解説。truthy / falsy の 6 つの falsy 値、論理演算子の短絡評価、Null 合体演算子 ?? と || の使い分けまで実例で整理します。

配列

配列の作成・アクセス・操作と高階関数 (map / filter / reduce) を解説。Array.at() による末尾アクセス、includes と indexOf の使い分け、破壊的・非破壊的メソッドの違いまで整理します。

関数

関数宣言・関数式・アロー関数の違いと this の扱いを解説。デフォルト引数・レスト構文、アロー関数のレキシカル this、可変長引数の書き方まで実例付きで整理します。

非同期処理

コールバックから Promise・async/await への流れを図解付きで解説。Promise.all / allSettled / any の使い分け、マイクロタスクによる実行順序まで初級者向けに整理します。