📖 カテゴリー【モダンJavaScript入門】

モダンな JavaScript コードの基本的な書き方について、例を交えて記載しています。

• JavaScriptの進化と“モダン”の意味 （2026-06-07）
  2015 年に登場した ES6（ECMAScript 2015）以降、 JavaScript に発生しきた大きな変化について、概説しています。


• モジュールスクリプトの基本 （2026-06-08）
  ES6（ECMAScript 2015）で追加された新たにモジュールという概念について、通常のスクリプトと何が違うのかについてわかりやすく説明しています。


• importとexportの基本 （2026-06-08）
  ES6（2015）で導入された ES Modules を使用するための import / export の使い方について、コードを明示して解説しています。


• モジュール間のデータ共有の方法 （2026-06-09）
  独立したスコープをもつようになった ES Modules と通常のスクリプト間でのデータ共有方法について、具体例をあげて解説しています。


• 非同期処理のモダンな書き方 （2026-06-09）
  非同期処理の基本である `Promise` と、現代的な書き方である `async` / `await` を、実例を交えながら丁寧に解説しています。


• fetch API（XHR からの進化） （2026-06-12）
  「Web API と通信するための標準手段」として、従来の XMLHttpRequest（XHR）にかわり追加された fetch API の使い方をわかりやすく解説しています。


• クラス構文（class）のモダンな使い方① （2026-06-12）
  本物のクラスらしい機能が揃ったクラス構文（ `class` ）について、その使い方をわかりやすく解説しています。


• クラス構文（class）のモダンな使い方② （2026-06-12）
  本物のクラスらしい機能が揃ったクラス構文（ `class` ）について、その使い方をわかりやすく解説しています。


• JavaScriptで扱えるデータ型まとめ① （2026-06-28）
  ES6 以降で追加された Map / Set などのキー・コレクションも含め、JavaScript で使用できるデータ型をまとめて解説しています。


• JavaScriptで扱えるデータ型まとめ② （2026-06-28）
  ES6 以降で追加された Map / Set などのキー・コレクションも含め、JavaScript で使用できるデータ型をまとめて解説しています。


• JavaScriptで扱えるデータ型まとめ③ （2026-06-28）
  ES6 以降で追加された Map / Set などのキー・コレクションも含め、JavaScript で使用できるデータ型をまとめて解説しています。


• Web Worker の基本 （2026-07-13）
  同期処理や重たい処理を回避するための非同期処理 API である Web Worker について、具体例をあげて概説しています。


• Web Worker の使い方① （2026-07-14）
  Web Worker による平行処理とメインスレッドとの基本的なメッセージ送受信機能について、コードを交えて解説しています。


• Web Worker の使い方② （2026-07-14）
  Web Worker とメインスレッドとのメッセージの受け渡し方法の１つである、転送（データ領域の所有権を受け渡す）という仕組みについて解説しています。


• Web Worker の使い方③ （2026-07-14）
  Web Worker とメインスレッドとのメッセージの受け渡し方法の１つである、共有メモリ領域（ SharedArrayBuffer ）を使用したデータの受け渡しについて解説しています。


• Web Worker の使い方④ （2026-07-14）
  共有メモリ領域（ SharedArrayBuffer ）での競合を避ける技術　Atomics API について、具体的に解説しています。


• Web Worker の使い方⑤ （2026-07-14）
  Web Worker とメインスレッドとのメッセージの受け渡し方法の１つである、ブラウザが実体を管理するオブジェクトを使用したデータの受け渡しについて解説しています。


• Web Worker の深堀 （2026-07-20）
  通常のスクリプトとは異なる Web Worker で、外部スクリプトを使用する方法について、コードを明示して解説しています。


• Web Worker の動作確認① （2026-07-24）
  通常のスクリプトと Web Worker のコードの違いを比較するためのサンプルプログラムを作成し、その使い方について解説しています。


• Web Worker の動作確認② （2026-07-24）
  「Web Worker の動作確認①」で作成したサンプルプログラムを Web Worker 化する方法について解説しています。また、実際に Web Worker 化して動作させた上で、その効果についてもまとめています。