JavaScript

JavaScriptのアロー関数（=>）を、function を使った書き方から順に短くして理解します。引数や戻り値の省略のルール、オブジェクトを返すときの注意、this など function との違いもまとめました。

JavaScriptの ??（Null合体演算子）と、三項演算子（? :）・|| の違いを、「0を設定したのにデフォルト値になる」例でまとめました。?. との組み合わせや ??=、|| と混ぜるときの注意も紹介します。

document.querySelector と querySelectorAll で使えるCSSセレクターを、基本・属性・結合子・疑似クラスに分けてまとめました。見つからないときの null、NodeList、nth-child の勘違いなど、つまずきやすい点も紹介します。

JavaScriptのfilterメソッドで、配列から特定の要素を取り除くコードを、if文を使った書き方から1行のアロー関数まで4ステップで書き換えます。元の配列が変わらないことや、オブジェクトを比べるときの注意点もまとめました。

JavaScriptでは文字列を '（シングルクォート）、"（ダブルクォート）、`（バッククォート）の3つで囲めます。それぞれの違いとエスケープの書き方、テンプレートリテラルの使い方と注意点、スタイルガイドごとの選び方をまとめました。

CodePenは、ブラウザだけでHTML・CSS・JavaScriptを書いて、結果をすぐに確かめられるオンラインエディタです。無料でできること、始め方とサンプルコード、2026年7月のCodePen 2.0で変わったこと、公開設定などの注意点をまとめました。