From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/ja/web/api/worklet/addmodule/index.html | 63 +++++++++++++++++ files/ja/web/api/worklet/index.html | 99 +++++++++++++++++++++++++++ 2 files changed, 162 insertions(+) create mode 100644 files/ja/web/api/worklet/addmodule/index.html create mode 100644 files/ja/web/api/worklet/index.html (limited to 'files/ja/web/api/worklet') diff --git a/files/ja/web/api/worklet/addmodule/index.html b/files/ja/web/api/worklet/addmodule/index.html new file mode 100644 index 0000000000..401bbf988d --- /dev/null +++ b/files/ja/web/api/worklet/addmodule/index.html @@ -0,0 +1,63 @@ +--- +title: Worklet.addModule() +slug: Web/API/Worklet/addModule +translation_of: Web/API/Worklet/addModule +--- +
{{APIRef("Worklets")}}{{SeeCompatTable}}
+ +

{{domxref("Worklet")}} インタフェースで定義される addModule() メソッドを利用することで、指定したJavaScript ファイルで定義されるモジュールを Worklet にロードできます。

+ +

記法

+ +
addPromise = worklet.addModule(moduleURL);
+addPromise = worklet.addModule(moduleURL, options);
+
+ +

パラメータ

+ +
+
moduleURL
+
追加するモジュールが定義されている JavaScript ファイルのURLを表す {{jsxref("String")}}。
+
options {{optional_inline}}
+
次のオプションを指定するためのオブジェクト: +
    +
  • credentials: {{domxref("RequestCredentials")}} に指定するモジュールのロードに必要な クレデンシャル情報 (例: cookies や HTTP 認証)。 "omit"、"same-origin"、 "include"のいずれかの値を指定します。デフォルト値は"same-origin"となっています。詳しくは {{domxref("Request.credentials")}} を参照してください。
    • +
+
+
+ +

返り値

+ +

{{jsxref("Promise")}} オブジェクトが帰ります。このオブジェクトは、URLで指定されたモジュールがロードできた場合に受理状態になります。またコールバック関数は何の引数も与えられず呼び出されます。

+ +

使用例

+ +
const audioCtx = new AudioContext();
+const audioWorklet = audioCtx.audioWorklet;
+await audioWorklet.addModule('modules/bypassFilter.js', {
+  credentials: 'omit',
+});
+
+ +

仕様

+ + + + + + + + + + + + + + +
仕様状況コメント
{{SpecName('Worklets', '#dom-worklet-addmodule', 'addModule()')}}{{Spec2('Worklets')}} 
+ +

ブラウザ互換性

+ + + +

{{Compat("api.Worklet.addModule")}}

diff --git a/files/ja/web/api/worklet/index.html b/files/ja/web/api/worklet/index.html new file mode 100644 index 0000000000..547d5f9396 --- /dev/null +++ b/files/ja/web/api/worklet/index.html @@ -0,0 +1,99 @@ +--- +title: Worklet +slug: Web/API/Worklet +translation_of: Web/API/Worklet +--- +
{{APIRef("Worklets")}}{{SeeCompatTable}}
+ +

The Worklet インタフェースは軽量な {{domxref("Worker", "Web Workers")}} を提供し、開発者がレンダリングパイプラインの低水準な部分をコントロールできるようになります。Worklet ではグラフィックや音声処理といった、性能を必要とする処理を JavaScript や WebAssembly を使って記述できます。

+ +

Worklet の種類

+ +

Worklets の利用はいくつかの用途に限定されています; つまり Web Worker のように好きな計算をさせるといった用途には使えません。Worklet インタフェースは、すべての種類の worklet に共通する属性とメソッドを抽象化する一方、直接インスタンスを作成することはできません。実際にインスタンスを作成するには、以下のクラスを利用します:

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
クラス名説明動作するスレッド仕様
{{domxref("PaintWorklet")}}CSSのカスタムプロパティの描画方法を定義するために使用します。{{DOMxRef("CSS.paintWorklet")}} から利用できます。Chrome: Main thread
+ Gecko: Paint thread		CSS Painting API
{{domxref("AudioWorklet")}} +

カスタムオーディオノードでの音声処理のために使用します

+ 		Web Audio render threadWeb Audio API
{{domxref("AnimationWorklet")}}スクロールに伴うアニメーションや、性能を必要とするアニメーションをプログラミングするために使用しますCompositor threadCSS Animation Worklet API
{{domxref("LayoutWorklet")}}カスタムエレメントのサイズと位置を定義するために使用します CSS Layout API
+ +

 WebGL を用いた 3D グラフィックスには Worklet を使用できません。その代わりにGLSLで記述した頂点シェーダとフラグメントシェーダを 使用します。これらのシェーダコードはグラフィックスカードの上で動作します。

+ +

属性

+ +

Worklet インタフェースでは、属性は定義されていません。

+ +

メソッド

+ +
+
{{domxref("Worklet.addModule()")}} {{experimental_inline}}
+
Worklet にスクリプトモジュールをURLで追加します。
+
+ +

仕様

+ + + + + + + + + + + + + + +
仕様状況コメント
{{SpecName('Worklets', '#worklet', 'Worklet')}}{{Spec2('Worklets')}} 
+ +

ブラウザ互換性

+ +
+ + +

{{Compat("api.Worklet")}}

+
+ +

関連情報

+ + -- cgit v1.2.3-54-g00ecf