JavaScriptのstructuredClone()：入れ子のデータを独立してコピーする
structuredClone()で入れ子のオブジェクトを深くコピーする方法を解説。ブラウザーとNode.jsの対応、実行手順、循環参照、コピーできない値、転送時の注意点をコードで学びます。
EXPLORE THE STACK
JavaScript開発ノート
JavaScriptの入門からクラスを使った上級処理まで。MDNを参考にした詳解ガイドと全7回の実践記事で、型・関数・DOM・非同期処理・クラス設計を学べます。
コードが動く理由から、理解を深める
MDNを参考に、型と比較、クロージャ、参照、クラス、非同期処理を14章で詳しく解説。実行結果つきのコードと練習問題で、仕組みを確かめられます。
- 入門の次に知っておきたい言語の仕組み
- 入力検証・通信失敗・状態管理の落とし穴
- 目的別に選べる実践記事と公式資料
関数・メソッドごとに、使い方を調べる
配列・文字列・オブジェクト・非同期処理など、52項目を1つずつ解説。引数・戻り値・実例・注意点を、ブラウザーとNode.jsで確認できます。
入門からClassの実践まで、順番に学ぶ
初めての方は第1回から。復習したいテーマからも読めます。
記事一覧
63 ARTICLES
JavaScriptのURL.canParse()：URLを解析できるか判定する方法
URL.canParse()で絶対URLと相対URLの解析可否を判定する方法を解説。ブラウザーとNode.jsでの実行手順、基準URLの指定、期待出力、入力検証での注意点を学べます。
JavaScript関数・メソッド一覧：目的別に学ぶ52の個別解説
JavaScriptの主要52関数・メソッドを目的別に紹介。配列・文字列・オブジェクト・数値・日時・Promiseの個別記事から、実行結果付きの使い方と注意点を学べます。
JavaScriptのRegExp.prototype.test()の使い方：引数・戻り値・実例と注意点
RegExp.prototype.test()で正規表現に一致する部分があるか判定する方法を解説。引数と戻り値、実行結果付きのコード、間違えやすい点、ブラウザー・Node.js対応を確認できます。
JavaScriptのdecodeURIComponent()の使い方：引数・戻り値・実例と注意点
decodeURIComponent()でURLの部品をパーセント表記から復元する方法を解説。引数と戻り値、実行結果付きのコード、間違えやすい点、ブラウザー・Node.js対応を確認できます。
JavaScriptのencodeURIComponent()の使い方：引数・戻り値・実例と注意点
encodeURIComponent()でURLの部品として文字列をエンコードする方法を解説。引数と戻り値、実行結果付きのコード、間違えやすい点、ブラウザー・Node.js対応を確認できます。
JavaScriptのDate.prototype.toISOString()の使い方：引数・戻り値・実例と注意点
Date.prototype.toISOString()で日時をUTCのISO形式文字列へ変換する方法を解説。引数と戻り値、実行結果付きのコード、間違えやすい点、ブラウザー・Node.js対応を確認できます。
JavaScriptのDate.now()の使い方：引数・戻り値・実例と注意点
Date.now()で現在時刻をUnixエポックからのミリ秒で取得する方法を解説。引数と戻り値、実行結果付きのコード、間違えやすい点、ブラウザー・Node.js対応を確認できます。
JavaScriptのFunction.prototype.bind()の使い方：引数・戻り値・実例と注意点
Function.prototype.bind()でthisや先頭の引数を固定した新しい関数を作る方法を解説。引数と戻り値、実行結果付きのコード、間違えやすい点、ブラウザー・Node.js対応を確認できます。
JavaScriptのFunction.prototype.apply()の使い方：引数・戻り値・実例と注意点
Function.prototype.apply()でthisと配列風の引数一覧を指定して関数を呼び出す方法を解説。引数と戻り値、実行結果付きのコード、間違えやすい点、ブラウザー・Node.js対応を確認できます。
JavaScriptのFunction.prototype.call()の使い方：引数・戻り値・実例と注意点
Function.prototype.call()でthisと引数を指定して関数を呼び出す方法を解説。引数と戻り値、実行結果付きのコード、間違えやすい点、ブラウザー・Node.js対応を確認できます。
JavaScriptのPromise.any()の使い方：引数・戻り値・実例と注意点
Promise.any()で最初に成功した非同期処理の結果を採用する方法を解説。引数と戻り値、実行結果付きのコード、間違えやすい点、ブラウザー・Node.js対応を確認できます。
JavaScriptのPromise.race()の使い方：引数・戻り値・実例と注意点
Promise.race()で最初に決着した非同期処理の結果を採用する方法を解説。引数と戻り値、実行結果付きのコード、間違えやすい点、ブラウザー・Node.js対応を確認できます。
JavaScriptのPromise.allSettled()の使い方：引数・戻り値・実例と注意点
Promise.allSettled()で複数の非同期処理が成功か失敗かをすべて集める方法を解説。引数と戻り値、実行結果付きのコード、間違えやすい点、ブラウザー・Node.js対応を確認できます。
JavaScriptのPromise.all()の使い方：引数・戻り値・実例と注意点
Promise.all()で複数の非同期処理の成功結果をまとめて待つ方法を解説。引数と戻り値、実行結果付きのコード、間違えやすい点、ブラウザー・Node.js対応を確認できます。
JavaScriptのJSON.stringify()の使い方：引数・戻り値・実例と注意点
JSON.stringify()でJavaScriptの値をJSON文字列へ変換する方法を解説。引数と戻り値、実行結果付きのコード、間違えやすい点、ブラウザー・Node.js対応を確認できます。
JavaScriptのJSON.parse()の使い方：引数・戻り値・実例と注意点
JSON.parse()でJSON文字列をJavaScriptの値へ変換する方法を解説。引数と戻り値、実行結果付きのコード、間違えやすい点、ブラウザー・Node.js対応を確認できます。
JavaScriptのMath.max()の使い方：引数・戻り値・実例と注意点
Math.max()で複数の数値から最大値を求める方法を解説。引数と戻り値、実行結果付きのコード、間違えやすい点、ブラウザー・Node.js対応を確認できます。
JavaScriptのMath.round()の使い方：引数・戻り値・実例と注意点
Math.round()で最も近い整数へ数値を丸める方法を解説。引数と戻り値、実行結果付きのコード、間違えやすい点、ブラウザー・Node.js対応を確認できます。
JavaScriptのMath.ceil()の使い方：引数・戻り値・実例と注意点
Math.ceil()で数値を正の無限大方向へ丸める方法を解説。引数と戻り値、実行結果付きのコード、間違えやすい点、ブラウザー・Node.js対応を確認できます。
JavaScriptのMath.floor()の使い方：引数・戻り値・実例と注意点
Math.floor()で数値を負の無限大方向へ丸める方法を解説。引数と戻り値、実行結果付きのコード、間違えやすい点、ブラウザー・Node.js対応を確認できます。
JavaScriptのNumber.isFinite()の使い方：引数・戻り値・実例と注意点
Number.isFinite()で値が有限の数値かどうかを判定する方法を解説。引数と戻り値、実行結果付きのコード、間違えやすい点、ブラウザー・Node.js対応を確認できます。
JavaScriptのNumber.isNaN()の使い方：引数・戻り値・実例と注意点
Number.isNaN()で値が数値のNaNかどうかを判定する方法を解説。引数と戻り値、実行結果付きのコード、間違えやすい点、ブラウザー・Node.js対応を確認できます。
JavaScriptのparseFloat()の使い方：引数・戻り値・実例と注意点
parseFloat()で文字列の先頭から小数を読み取る方法を解説。引数と戻り値、実行結果付きのコード、間違えやすい点、ブラウザー・Node.js対応を確認できます。
JavaScriptのparseInt()の使い方：引数・戻り値・実例と注意点
parseInt()で文字列の先頭から整数として読める部分を変換する方法を解説。引数と戻り値、実行結果付きのコード、間違えやすい点、ブラウザー・Node.js対応を確認できます。
JavaScriptのObject.hasOwn()の使い方：引数・戻り値・実例と注意点
Object.hasOwn()でオブジェクト自身がキーを持つか調べる方法を解説。引数と戻り値、実行結果付きのコード、間違えやすい点、ブラウザー・Node.js対応を確認できます。
JavaScriptのObject.assign()の使い方：引数・戻り値・実例と注意点
Object.assign()で複数オブジェクトのプロパティを対象へコピーする方法を解説。引数と戻り値、実行結果付きのコード、間違えやすい点、ブラウザー・Node.js対応を確認できます。
JavaScriptのObject.fromEntries()の使い方：引数・戻り値・実例と注意点
Object.fromEntries()でキーと値の組からオブジェクトを作る方法を解説。引数と戻り値、実行結果付きのコード、間違えやすい点、ブラウザー・Node.js対応を確認できます。
JavaScriptのObject.entries()の使い方：引数・戻り値・実例と注意点
Object.entries()でキーと値の組を配列として取得する方法を解説。引数と戻り値、実行結果付きのコード、間違えやすい点、ブラウザー・Node.js対応を確認できます。
JavaScriptのObject.values()の使い方：引数・戻り値・実例と注意点
Object.values()でオブジェクト自身の列挙可能な値を取得する方法を解説。引数と戻り値、実行結果付きのコード、間違えやすい点、ブラウザー・Node.js対応を確認できます。
JavaScriptのObject.keys()の使い方：引数・戻り値・実例と注意点
Object.keys()でオブジェクト自身の列挙可能な文字列キーを取得する方法を解説。引数と戻り値、実行結果付きのコード、間違えやすい点、ブラウザー・Node.js対応を確認できます。
JavaScriptのString.prototype.padStart()の使い方：引数・戻り値・実例と注意点
String.prototype.padStart()で文字列の先頭を埋めて指定の長さにそろえる方法を解説。引数と戻り値、実行結果付きのコード、間違えやすい点、ブラウザー・Node.js対応を確認できます。
JavaScriptのString.prototype.startsWith()の使い方：引数・戻り値・実例と注意点
String.prototype.startsWith()で文字列が指定の文字列から始まるか調べる方法を解説。引数と戻り値、実行結果付きのコード、間違えやすい点、ブラウザー・Node.js対応を確認できます。
JavaScriptのString.prototype.replaceAll()の使い方：引数・戻り値・実例と注意点
String.prototype.replaceAll()で一致するすべての箇所を置換する方法を解説。引数と戻り値、実行結果付きのコード、間違えやすい点、ブラウザー・Node.js対応を確認できます。
JavaScriptのString.prototype.replace()の使い方：引数・戻り値・実例と注意点
String.prototype.replace()で文字列の一致部分を置換する方法を解説。引数と戻り値、実行結果付きのコード、間違えやすい点、ブラウザー・Node.js対応を確認できます。
JavaScriptのString.prototype.trim()の使い方：引数・戻り値・実例と注意点
String.prototype.trim()で文字列の両端の空白を除去する方法を解説。引数と戻り値、実行結果付きのコード、間違えやすい点、ブラウザー・Node.js対応を確認できます。
JavaScriptのString.prototype.split()の使い方：引数・戻り値・実例と注意点
String.prototype.split()で区切りに従って文字列を配列へ分割する方法を解説。引数と戻り値、実行結果付きのコード、間違えやすい点、ブラウザー・Node.js対応を確認できます。
JavaScriptのString.prototype.slice()の使い方：引数・戻り値・実例と注意点
String.prototype.slice()で文字列の指定範囲を切り出す方法を解説。引数と戻り値、実行結果付きのコード、間違えやすい点、ブラウザー・Node.js対応を確認できます。
JavaScriptのString.prototype.includes()の使い方：引数・戻り値・実例と注意点
String.prototype.includes()で文字列に検索文字列が含まれるか調べる方法を解説。引数と戻り値、実行結果付きのコード、間違えやすい点、ブラウザー・Node.js対応を確認できます。
JavaScriptのArray.isArray()の使い方：引数・戻り値・実例と注意点
Array.isArray()で値が配列かどうかを判定する方法を解説。引数と戻り値、実行結果付きのコード、間違えやすい点、ブラウザー・Node.js対応を確認できます。
JavaScriptのArray.from()の使い方：引数・戻り値・実例と注意点
Array.from()で反復可能な値や配列風オブジェクトから配列を作る方法を解説。引数と戻り値、実行結果付きのコード、間違えやすい点、ブラウザー・Node.js対応を確認できます。
JavaScriptのArray.prototype.flatMap()の使い方：引数・戻り値・実例と注意点
Array.prototype.flatMap()で各要素を変換し、結果を1段だけ平坦化する方法を解説。引数と戻り値、実行結果付きのコード、間違えやすい点、ブラウザー・Node.js対応を確認できます。
JavaScriptのArray.prototype.flat()の使い方：引数・戻り値・実例と注意点
Array.prototype.flat()で入れ子の配列を指定の深さまで平坦化する方法を解説。引数と戻り値、実行結果付きのコード、間違えやすい点、ブラウザー・Node.js対応を確認できます。
JavaScriptのArray.prototype.sort()の使い方：引数・戻り値・実例と注意点
Array.prototype.sort()で配列を比較関数に従って並べ替える方法を解説。引数と戻り値、実行結果付きのコード、間違えやすい点、ブラウザー・Node.js対応を確認できます。
JavaScriptのArray.prototype.splice()の使い方：引数・戻り値・実例と注意点
Array.prototype.splice()で配列の途中で要素を削除・挿入する方法を解説。引数と戻り値、実行結果付きのコード、間違えやすい点、ブラウザー・Node.js対応を確認できます。
JavaScriptのArray.prototype.slice()の使い方：引数・戻り値・実例と注意点
Array.prototype.slice()で配列の一部を元配列を変えずに取り出す方法を解説。引数と戻り値、実行結果付きのコード、間違えやすい点、ブラウザー・Node.js対応を確認できます。
JavaScriptのArray.prototype.forEach()の使い方：引数・戻り値・実例と注意点
Array.prototype.forEach()で配列の各要素に対して処理を実行する方法を解説。引数と戻り値、実行結果付きのコード、間違えやすい点、ブラウザー・Node.js対応を確認できます。
JavaScriptのArray.prototype.every()の使い方：引数・戻り値・実例と注意点
Array.prototype.every()ですべての要素が条件を満たすか調べる方法を解説。引数と戻り値、実行結果付きのコード、間違えやすい点、ブラウザー・Node.js対応を確認できます。
JavaScriptのArray.prototype.some()の使い方：引数・戻り値・実例と注意点
Array.prototype.some()で条件を満たす要素が1つでもあるか調べる方法を解説。引数と戻り値、実行結果付きのコード、間違えやすい点、ブラウザー・Node.js対応を確認できます。
JavaScriptのArray.prototype.includes()の使い方：引数・戻り値・実例と注意点
Array.prototype.includes()で配列に特定の値が含まれるか調べる方法を解説。引数と戻り値、実行結果付きのコード、間違えやすい点、ブラウザー・Node.js対応を確認できます。
JavaScriptのArray.prototype.findIndex()の使い方：引数・戻り値・実例と注意点
Array.prototype.findIndex()で条件を満たす最初の要素の位置を調べる方法を解説。引数と戻り値、実行結果付きのコード、間違えやすい点、ブラウザー・Node.js対応を確認できます。
JavaScriptのArray.prototype.find()の使い方：引数・戻り値・実例と注意点
Array.prototype.find()で条件を満たす最初の要素を取得する方法を解説。引数と戻り値、実行結果付きのコード、間違えやすい点、ブラウザー・Node.js対応を確認できます。
JavaScriptのArray.prototype.reduce()の使い方：引数・戻り値・実例と注意点
Array.prototype.reduce()で複数の値を1つの集計結果へまとめる方法を解説。引数と戻り値、実行結果付きのコード、間違えやすい点、ブラウザー・Node.js対応を確認できます。
JavaScriptのArray.prototype.filter()の使い方：引数・戻り値・実例と注意点
Array.prototype.filter()で条件に合う要素だけを新しい配列へ取り出す方法を解説。引数と戻り値、実行結果付きのコード、間違えやすい点、ブラウザー・Node.js対応を確認できます。
JavaScriptのArray.prototype.map()の使い方：引数・戻り値・実例と注意点
Array.prototype.map()で配列の各要素を変換して新しい配列を作る方法を解説。引数と戻り値、実行結果付きのコード、間違えやすい点、ブラウザー・Node.js対応を確認できます。
JavaScript詳解ガイド｜型・関数・クラス・非同期処理を実例で理解する
MDNを参考にJavaScriptの型・比較・クロージャ・参照・クラス・モジュール・非同期処理を詳しく解説。実行結果つきコード、境界条件の練習、公式資料で仕組みを学べます。
JavaScript上級：Classで並列数を制御する非同期タスクキューを作る
JavaScriptのClassとPromiseで同時実行数を制限するタスクキューを実装。同期例外、非同期の失敗、完了待ち、受付終了、デッドロックの注意点を解説します。
JavaScriptのClass入門：constructor・private・継承・thisを理解する
JavaScriptのClassを在庫管理の例で解説。constructor、privateフィールド、getter、static、extends、super、thisと不正な更新を防ぐ設計を学びます。
JavaScriptの非同期処理：Promise・async/await・fetchとエラー処理
JavaScriptの非同期処理をPromiseとasync/awaitで学習。fetchのHTTPエラー、JSONの検証、AbortControllerによる中断、finallyの後始末を解説します。
JavaScriptのDOMとイベント：入力・追加・削除ができるメモ一覧を作る
JavaScriptで入力・追加・削除ができるメモ一覧を実装。DOM取得、createElement、submitイベント、textContent、フォーカスの扱いを学びます。
JavaScriptの配列とオブジェクト：map・filter・reduceでデータを処理する
JavaScriptのmap・filter・reduce・find、オブジェクトのコピー、MapとSetを買い物データで解説。元のデータを変更しない更新方法を学びます。
JavaScriptの関数・スコープ・モジュール：処理を再利用する方法
JavaScriptの関数、引数と戻り値、アロー関数、クロージャー、exportとimportを実例で解説。平均値の計算と独立したカウンターを作ります。
JavaScript入門：ブラウザーとNode.jsで実行する方法と基本文法
JavaScript入門。ブラウザーとNode.jsの2つの実行方法を、準備・操作手順・結果の確認場所から解説。同じコードで変数・型・条件分岐・繰り返しを学び、DOM操作とコマンドライン引数の違い、実行時のエラー対策まで体験します。