Web Workers

Docs は UniverDocsLayoutWorkerPlugin により文書のレイアウト処理を Web Worker1 で実行できます。Docs コアプラグインの後に登録し、workerFactory でレイアウトサービス用の新しい Worker を作成します。

まずインストールと基本的な使い方を完了してください。以下のコードは既存の設定に追加するものです。コンテンツの作成や読み込み前にプラグインを登録し、登録済みのプラグインは重複登録せず設定を変更してください。

メインスレッド

TypeScript
import { UniverDocsLayoutWorkerPlugin } from '@univerjs/docs'univer.registerPlugin(UniverDocsLayoutWorkerPlugin, {  workerFactory: () => new Worker(new URL('./worker.ts', import.meta.url), { type: 'module' }),})

Worker のエントリー

TypeScript
import { startDocsLayoutWorker } from '@univerjs/docs'startDocsLayoutWorker()

モジュール Worker と専用のエントリーファイルを使用します。Worker とメインスレッドのパッケージバージョンを揃えてください。描画とユーザー操作はメインスレッドで実行されます。

Footnotes

  1. Web Worker はブラウザーのメインスレッド外で JavaScript を実行し、メッセージで通信します。ページの DOM には直接アクセスできません。計算を Worker に移しても、エディター UI は移動しません。 ↩

このガイドはいかがですか?

© 2026 DreamNum Co., Ltd.