メインスレッド

はじめに NTT西日本の中川です。 本記事では、ブラウザのメインスレッドを占有しないようWeb Workerを使って重い処理をバックグラウンドへ逃がす方法を、実験コードつきで解説します。シングルスレッドのJavaScriptでも、UXを落とさずに計算処理と描画を両立するための実装パターンをまとめました。 本記事は2026年3月時点の情報に基づきます。 仕様書やMDNなどを読んでも、「Workerに逃がす」と口で言うのと、画面上で動きの差を一度見るのとでは、腹落ちの深さがかなり違います。私自身も最初の頃はイベントループの説明と体感がなかなか結びつかず、実験用の短いforを回して初めて「占有」の意…