aboutsummaryrefslogtreecommitdiff
path: root/files/ja/web/api/abstractworker
diff options
context:
space:
mode:
Diffstat (limited to 'files/ja/web/api/abstractworker')
-rw-r--r--files/ja/web/api/abstractworker/index.html81
-rw-r--r--files/ja/web/api/abstractworker/onerror/index.html59
2 files changed, 140 insertions, 0 deletions
diff --git a/files/ja/web/api/abstractworker/index.html b/files/ja/web/api/abstractworker/index.html
new file mode 100644
index 0000000000..89837e30ff
--- /dev/null
+++ b/files/ja/web/api/abstractworker/index.html
@@ -0,0 +1,81 @@
+---
+title: AbstractWorker
+slug: Web/API/AbstractWorker
+translation_of: Web/API/AbstractWorker
+---
+<p>{{ APIRef("Web Workers API") }}</p>
+
+<p><a href="/en-US/docs/Web/API/Web_Workers_API">Web Workers API</a> の <strong><code>AbstractWorker</code></strong> インタフェースは {{domxref("Worker")}} や {{domxref("SharedWorker")}} に共通の属性やメソッドを定義しています。</p>
+
+<h2 id="属性">属性</h2>
+
+<p><em><code>AbstractWorker</code></em><em> インタフェースには、他から継承している属性はありません。</em></p>
+
+<h3 id="イベントハンドラ">イベントハンドラ</h3>
+
+<dl>
+ <dt>{{domxref("AbstractWorker.onerror")}}</dt>
+ <dd>{{domxref("ErrorEvent")}} イベントの発生時に呼ばれる {{ domxref("EventListener") }} です。</dd>
+</dl>
+
+<h2 id="メソッド">メソッド</h2>
+
+<p><em><code>AbstractWorker</code></em><em> インタフェースには他から継承したメソッドはありません。</em></p>
+
+<h2 id="利用例">利用例</h2>
+
+<p>注意: <code>AbstractWorker</code> を直接呼ぶことはできません。必要な場合は、これを継承している {{domxref("Worker")}} か {{domxref("SharedWorker")}} を利用します。以下の例では、{{domxref("Worker.Worker", "Worker()")}} コンストラクタを利用して、{{domxref("Worker")}} オブジェクトを作成し、利用しています。</p>
+
+<pre class="brush: js">var myWorker = new Worker('worker.js');
+
+first.onchange = function() {
+ myWorker.postMessage([first.value,second.value]);
+ console.log('Message posted to worker');
+}</pre>
+
+<p>このサンプルコードは、以下のページで全コードを参照できます:</p>
+
+<ul>
+ <li><a class="external external-icon" href="https://github.com/mdn/simple-web-worker">Basic dedicated worker example</a> (<a class="external external-icon" href="http://mdn.github.io/simple-web-worker/">run dedicated worker</a>).</li>
+ <li><a class="external external-icon" href="https://github.com/mdn/simple-shared-worker">Basic shared worker example</a> (<a class="external external-icon" href="http://mdn.github.io/simple-shared-worker/">run shared worker</a>).</li>
+</ul>
+
+<h2 id="仕様">仕様</h2>
+
+<table class="standard-table">
+ <thead>
+ <tr>
+ <th scope="col">仕様</th>
+ <th scope="col">状態</th>
+ <th scope="col">コメント</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>{{SpecName("HTML WHATWG", "#the-abstractworker-abstract-interface", "AbstractWorker")}}</td>
+ <td>{{Spec2("HTML WHATWG")}}</td>
+ <td>No change from {{SpecName("Web Workers")}}.</td>
+ </tr>
+ <tr>
+ <td>{{SpecName("Web Workers", "#the-abstractworker-abstract-interface", "AbstractWorker")}}</td>
+ <td>{{Spec2("Web Workers")}}</td>
+ <td>Initial definition.</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="ブラウザ互換性">ブラウザ互換性</h2>
+
+<div>
+
+
+<p>{{Compat("api.AbstractWorker")}}</p>
+</div>
+
+<h2 id="関連項目">関連項目</h2>
+
+<ul>
+ <li>{{domxref("Worker")}} および {{domxref("SharedWorker")}} が、このインタフェースを継承しています。</li>
+</ul>
+
+<p> </p>
diff --git a/files/ja/web/api/abstractworker/onerror/index.html b/files/ja/web/api/abstractworker/onerror/index.html
new file mode 100644
index 0000000000..0f164b482e
--- /dev/null
+++ b/files/ja/web/api/abstractworker/onerror/index.html
@@ -0,0 +1,59 @@
+---
+title: AbstractWorker.onerror
+slug: Web/API/AbstractWorker/onerror
+translation_of: Web/API/AbstractWorker/onerror
+---
+<p>{{ APIRef("Web Workers API") }}</p>
+
+<h2 id="概要">概要</h2>
+
+<p>{{domxref("AbstractWorker")}} の <code><strong>AbstractWorker</strong></code><strong><code>.onerror</code></strong> 属性は {{domxref("EventHandler")}} の一種で、 {{domxref("Worker")}}  から {{event("error")}} イベントが送出された時に呼ばれます。</p>
+
+<h2 id="記法">記法</h2>
+
+<pre class="syntaxbox">myWorker.onerror = function() { ... };</pre>
+
+<h2 id="利用例">利用例</h2>
+
+<p>以下の例では <a href="https://developer.mozilla.org/en-US/docs/Web/API/Worker.Worker" title="The Worker() constructor creates a Worker that executes the script at the specified URL. This script must obey the same-origin policy."><code>Worker()</code></a> コンストラクタを利用して作成した <a href="https://developer.mozilla.org/en-US/docs/Web/API/Worker" title="The Worker interface represents a background task that can be easily created and can send messages back to its creator. Creating a worker is as simple as calling the Worker() constructor and specifying a script to be run in the worker thread."><code>Worker</code></a> オブジェクトに、<code>onerror</code> ハンドラを設定しています。</p>
+
+<pre class="brush: js">var myWorker = new Worker('worker.js');
+
+myWorker.onerror = function() {
+ console.log('There is an error with your worker!');
+}</pre>
+
+<h2 id="仕様">仕様</h2>
+
+<table class="standard-table">
+ <tbody>
+ <tr>
+ <th scope="col">仕様</th>
+ <th scope="col">状態</th>
+ <th scope="col">コメント</th>
+ </tr>
+ <tr>
+ <td>{{SpecName('HTML WHATWG', "#handler-abstractworker-onerror", "AbstractWorker.onerror")}}</td>
+ <td>{{Spec2('HTML WHATWG')}}</td>
+ <td> </td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="ブラウザ互換性">ブラウザ互換性</h2>
+
+<div>
+
+
+<p>{{Compat("api.AbstractWorker.onerror")}}</p>
+</div>
+
+<h3 id="クロスオリジンに関するエラー">クロスオリジンに関するエラー</h3>
+
+<p>過去のブラウザには、ワーカ用のスクリプトを異なるオリジンから読み込もうとすると、<code>SecurityError</code> を送出するものがあります。最近のブラウザは{{event("error")}} イベントを送出します。これは仕様の変更によるものです。この件の詳細と対処方法については、こちらの文書を参照してください: <a href="https://www.fxsitecompat.com/en-CA/docs/2016/loading-cross-origin-worker-now-fires-error-event-instead-of-throwing-worker-in-sandboxed-iframe-no-longer-allowed/">Loading cross-origin worker now fires error event instead of throwing; worker in sandboxed iframe no longer allowed</a>.</p>
+
+<h2 id="関連情報">関連情報</h2>
+
+<ul>
+ <li>{{domxref("AbstractWorker")}} このハンドラを持つインタフェース</li>
+</ul>