diff options
author | MDN <actions@users.noreply.github.com> | 2021-06-08 00:58:25 +0000 |
---|---|---|
committer | MDN <actions@users.noreply.github.com> | 2021-06-08 00:58:25 +0000 |
commit | 5e990a17012ff5ed90ae1559a11bbe4bc74c887a (patch) | |
tree | cb5001d2192bc027272aca437d6aa42cbe34212b /files/ja/orphaned/web/api | |
parent | 30628708e318da59965b7c8e0d7fec0d47680909 (diff) | |
download | translated-content-5e990a17012ff5ed90ae1559a11bbe4bc74c887a.tar.gz translated-content-5e990a17012ff5ed90ae1559a11bbe4bc74c887a.tar.bz2 translated-content-5e990a17012ff5ed90ae1559a11bbe4bc74c887a.zip |
[CRON] sync translated content
Diffstat (limited to 'files/ja/orphaned/web/api')
3 files changed, 193 insertions, 0 deletions
diff --git a/files/ja/orphaned/web/api/abstractworker/index.html b/files/ja/orphaned/web/api/abstractworker/index.html new file mode 100644 index 0000000000..07ac4a693c --- /dev/null +++ b/files/ja/orphaned/web/api/abstractworker/index.html @@ -0,0 +1,82 @@ +--- +title: AbstractWorker +slug: orphaned/Web/API/AbstractWorker +translation_of: Web/API/AbstractWorker +original_slug: 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/orphaned/web/api/abstractworker/onerror/index.html b/files/ja/orphaned/web/api/abstractworker/onerror/index.html new file mode 100644 index 0000000000..94e0907b15 --- /dev/null +++ b/files/ja/orphaned/web/api/abstractworker/onerror/index.html @@ -0,0 +1,60 @@ +--- +title: AbstractWorker.onerror +slug: orphaned/Web/API/AbstractWorker/onerror +translation_of: Web/API/AbstractWorker/onerror +original_slug: 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> 属性は {{event("Event_handlers", "event handler")}} の一種で、 {{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> diff --git a/files/ja/orphaned/web/api/element/currentstyle/index.html b/files/ja/orphaned/web/api/element/currentstyle/index.html new file mode 100644 index 0000000000..5f1cfa645e --- /dev/null +++ b/files/ja/orphaned/web/api/element/currentstyle/index.html @@ -0,0 +1,51 @@ +--- +title: Element.currentStyle +slug: orphaned/Web/API/Element/currentStyle +tags: + - API + - NeedsExample + - Non-standard + - Property +translation_of: Web/API/Element/currentStyle +original_slug: Web/API/Element/currentStyle +--- +<p>{{Non-standard_header}}</p> + +<p class="summary"><span class="seoSummary"><strong><code>Element.currentStyle</code></strong> は独自プロパティで、標準化されている {{DOMxRef("window.getComputedStyle()")}} メソッドに似ているものです。</span>古いバージョンの Microsoft Internet Explorer で使用できます。しかし、 <code>window.getComputedStyle()</code> がピクセル数で値を返すのに対し、これは CSS で設定された単位で返します。</p> + +<h2 id="Polyfill">ポリフィル</h2> + +<div class="note"> +<p>このポリフィルは値をピクセル数で返しますが、値を読むたびに {{domxref("window.getComputedStyle()")}} を呼び出さなければならないため、かなり遅くなると思われます。</p> +</div> + +<pre class="brush: js">/* すべての著作権をパブリックドメインに寄贈します。 + * http://creativecommons.org/publicdomain/zero/1.0/ */ + +if (!("currentStyle" in Element.prototype)) { + Object.defineProperty(Element.prototype, "currentStyle", { + get: function() { + return window.getComputedStyle(this); + } + }); +} +</pre> + +<h2 id="Specifications">仕様書</h2> + +<p>どの仕様書にも含まれていません。</p> + +<p>Microsoft は <a href="https://web.archive.org/web/20150629144515/https://msdn.microsoft.com/en-us/library/ms535231(v=vs.85).aspx">MSDN で説明しています</a>。</p> + +<h2 id="Browser_compatibility">ブラウザーの互換性</h2> + +<p>{{Compat("api.Element.currentStyle")}}</p> + +<h2 id="See_also">関連情報</h2> + +<ul> + <li>{{DOMxRef("Element.runtimeStyle")}}</li> + <li>{{DOMxRef("window.getComputedStyle()")}}</li> +</ul> + +<div>{{APIRef("DOM")}}</div> |