🔖 タグ【#WebWorker】

ブラウザで利用できるバックグラウンド処理のためのAPIに関する記事をまとめて整理しています。

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


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


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


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


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


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


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


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


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