diff options
author | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:40:17 -0500 |
---|---|---|
committer | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:40:17 -0500 |
commit | 33058f2b292b3a581333bdfb21b8f671898c5060 (patch) | |
tree | 51c3e392513ec574331b2d3f85c394445ea803c6 /files/ja/web/api/workerglobalscope | |
parent | 8b66d724f7caf0157093fb09cfec8fbd0c6ad50a (diff) | |
download | translated-content-33058f2b292b3a581333bdfb21b8f671898c5060.tar.gz translated-content-33058f2b292b3a581333bdfb21b8f671898c5060.tar.bz2 translated-content-33058f2b292b3a581333bdfb21b8f671898c5060.zip |
initial commit
Diffstat (limited to 'files/ja/web/api/workerglobalscope')
6 files changed, 713 insertions, 0 deletions
diff --git a/files/ja/web/api/workerglobalscope/caches/index.html b/files/ja/web/api/workerglobalscope/caches/index.html new file mode 100644 index 0000000000..5d4002bd19 --- /dev/null +++ b/files/ja/web/api/workerglobalscope/caches/index.html @@ -0,0 +1,82 @@ +--- +title: WorkerGlobalScope.caches +slug: Web/API/WorkerGlobalScope/caches +tags: + - API + - Experimental + - Property + - Read-only + - Reference + - Service Workers + - Web Workers + - Window + - WindowOrWorkerGlobalScope +translation_of: Web/API/WindowOrWorkerGlobalScope/caches +--- +<div>{{APIRef()}}{{SeeCompatTable}}</div> + +<p>{{domxref("WindowOrWorkerGlobalScope")}} インターフェイスの <code><strong>caches</strong></code> 読み取り専用プロパティは、現在のワーカーコンテキストに関連する {{domxref("CacheStorage")}} オブジェクトを返します。このオブジェクトにより、オフライン利用のために資産 (assets、アセット) を保存したり、リクエストに対するカスタムレスポンスを生成したりするなどの機能を使用できます。</p> + +<h2 id="Syntax" name="Syntax">構文</h2> + +<pre class="syntaxbox">var <em>myCacheStorage</em> = self.caches; // または単に caches +</pre> + +<h3 id="Value" name="Value">値</h3> + +<p>{{domxref("CacheStorage")}}。</p> + +<h2 id="Example" name="Example">例</h2> + +<p>次の例では、アセットをオフラインで利用できるようにするために、<a href="/ja/docs/Web/API/Service_Worker_API">ServiceWorker</a> コンテキストでキャッシュを使う方法を示しています。</p> + +<pre class="brush: js">this.addEventListener('install', function(event) { + event.waitUntil( + caches.open('v1').then(function(cache) { + return cache.addAll( + '/sw-test/', + '/sw-test/index.html', + '/sw-test/style.css', + '/sw-test/app.js', + '/sw-test/image-list.js', + '/sw-test/star-wars-logo.jpg', + '/sw-test/gallery/', + '/sw-test/gallery/bountyHunters.jpg', + '/sw-test/gallery/myLittleVader.jpg', + '/sw-test/gallery/snowTroopers.jpg' + ); + }) + ); +});</pre> + +<h2 id="Specifications" name="Specifications">仕様</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">仕様</th> + <th scope="col">ステータス</th> + <th scope="col">コメント</th> + </tr> + <tr> + <td>{{SpecName('Service Workers')}}</td> + <td>{{Spec2('Service Workers')}}</td> + <td>初期定義。</td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザー実装状況</h2> + + + +<p>{{Compat("api.WindowOrWorkerGlobalScope.caches")}}</p> + +<h2 id="See_also" name="See_also">関連項目</h2> + +<ul> + <li><a href="/ja/docs/Web/API/ServiceWorker_API">Service Workers</a></li> + <li><a href="/ja/docs/Web/API/Web_Workers_API">Web Workers</a></li> + <li>{{domxref("CacheStorage")}}</li> + <li>{{domxref("Cache")}}</li> +</ul> diff --git a/files/ja/web/api/workerglobalscope/console/index.html b/files/ja/web/api/workerglobalscope/console/index.html new file mode 100644 index 0000000000..17626a7181 --- /dev/null +++ b/files/ja/web/api/workerglobalscope/console/index.html @@ -0,0 +1,50 @@ +--- +title: WorkerGlobalScope.console +slug: Web/API/WorkerGlobalScope/console +tags: + - API + - ウェブワーカー + - リファレンス + - リファレンス(2) + - ワーカーグローバルスコープ + - 読み込み専用 +translation_of: Web/API/WorkerGlobalScope/console +--- +<p>{{APIRef("Web Workers API")}}{{Non-standard_header}}</p> + +<p>{{domxref("Console")}} インターフェイスの読み取り専用 <code>console</code> プロパティは、ワーカーにブラウザコンソールへのアクセスを提供する {{domxref("Console")}} オブジェクトを返します。</p> + +<h2 id="構文">構文</h2> + +<pre class="brush: js">var consoleObj = self.console;</pre> + +<h3 id="Specifications" name="Specifications">値</h3> + +<p>{{domxref("Console")}} オブジェクト</p> + +<h2 id="例">例</h2> + +<p>このプロパティはワーカー内でデバッグのためにブラウザコンソールへアクセスすることを可能にします。よって、例えばこのようにコールできます</p> + +<pre class="brush: js">console.log('test');</pre> + +<p>inside a worker (which would basically be the equivalent of <code>self.console.log('test');</code>, as these are being called on the worker scope, which can be referenced with {{domxref("WorkerGlobalScope.self")}}), to return a test message out to the browser console.</p> + +<p>If you are calling <code>console.log()</code> from a {{domxref("DedicatedWorkerGlobalScope")}} or other worker scope that acts on a single loaded window, that tab's web console will receive the logs. However, If you are calling <code>console.log()</code> from a {{domxref("SharedWorkerGlobalScope")}}, the global browser console will receive the logs.</p> + +<h2 id="Specifications" name="Specifications">仕様</h2> + +<p>仕様の一部ではありません。</p> + +<h2 id="Browser_compatibility">Browser compatibility</h2> + + + +<p>{{Compat("api.WorkerGlobalScope.console")}}</p> + +<h2 id="関連">関連</h2> + +<ul> + <li>{{domxref("Console")}}</li> + <li>{{domxref("WorkerGlobalScope")}}</li> +</ul> diff --git a/files/ja/web/api/workerglobalscope/importscripts/index.html b/files/ja/web/api/workerglobalscope/importscripts/index.html new file mode 100644 index 0000000000..8d3f2252e5 --- /dev/null +++ b/files/ja/web/api/workerglobalscope/importscripts/index.html @@ -0,0 +1,75 @@ +--- +title: WorkerGlobalScope.importScripts() +slug: Web/API/WorkerGlobalScope/importScripts +tags: + - API + - Method + - Reference + - Web Workers + - WorkderGlobalScope + - importScripts + - ウェブワーカー + - メソッド + - ワーカーグローバルスコープ +translation_of: Web/API/WorkerGlobalScope/importScripts +--- +<p>{{APIRef("Web Workers API")}}</p> + +<p><code><strong>importScripts()</strong></code> は {{domxref("WorkerGlobalScope")}} インターフェースのメソッドで、1つ以上のスクリプトをワーカーのスコープ内に同期的に読み込みます。</p> + +<h2 id="Syntax" name="Syntax">構文</h2> + +<pre class="brush: js notranslate">self.importScripts('foo.js'); +self.importScripts('foo.js', 'bar.js', ...);</pre> + +<h3 id="Parameters" name="Parameters">引数</h3> + +<p>インポートされるスクリプト表す {{domxref("DOMString")}} オブジェクトのカンマ区切りのリストです。これらは <em>HTML 文書のベース URL</em> からの相対パスです。</p> + +<h3 id="Return_value" name="Return_value">返値</h3> + +<p><em>なし。</em></p> + +<h3 id="Exceptions" name="Exceptions">例外</h3> + +<dl> + <dt><code>NetworkError</code></dt> + <dd>インポートされたスクリプトが妥当な JavaScript の MIME 型 (すなわち <code>text/javascript</code>) で提供されていなかった場合。</dd> +</dl> + +<h2 id="Examples" name="Examples">例</h2> + +<p><code>foo.js</code> という別なスクリプトで書かれた機能を worker.js の内部で使用したい場合、以下のような行でインポートして使用することができます。</p> + +<pre class="brush: js notranslate">importScripts('foo.js');</pre> + +<p><code>importScripts()</code> と <code>self.importScripts()</code> は実質的に同じです。 — 両方とも <code>importScripts()</code> をワーカーの内部スコープの中から呼び出すことを表します。</p> + +<h2 id="Specifications" name="Specifications">仕様書</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', '#dom-workerglobalscope-importscripts', 'importScripts()')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td></td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> + +<div class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 <a class="external" href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</div> + +<p>{{Compat("api.WorkerGlobalScope.importScripts")}}</p> + +<h2 id="See_also" name="See_also">関連情報</h2> + +<ul> + <li>{{domxref("WorkerGlobalScope")}}</li> +</ul> diff --git a/files/ja/web/api/workerglobalscope/index.html b/files/ja/web/api/workerglobalscope/index.html new file mode 100644 index 0000000000..ed9affc439 --- /dev/null +++ b/files/ja/web/api/workerglobalscope/index.html @@ -0,0 +1,284 @@ +--- +title: WorkerGlobalScope +slug: Web/API/WorkerGlobalScope +tags: + - API + - Interface + - NeedsBrowserCompatibility + - Reference + - WorkerGlobalScope + - Workers +translation_of: Web/API/WorkerGlobalScope +--- +<p>{{APIRef("Web Workers API")}}</p> + +<p><a href="/ja/docs/Web/API/Web_Workers_API">Web Workers API</a> の <code><strong>WorkerGlobalScope</strong></code> インターフェースは、いずれかの worker のスコープを表すインターフェースです。worker はブラウジングコンテクストを持ちません; このスコープには、通常 {{domxref("Window")}} オブジェクトによって伝えられた情報が含まれます — この場合、イベントハンドラやコンソール、関連する {{domxref("WorkerNavigator")}} オブジェクトのことです。ぞれぞれの <code>WorkerGlobalScope</code> は独自のイベントループを持ちます。</p> + +<p>このインターフェースは通常、 それぞれの work タイプによって特化されます: dedicated workers のための {{domxref("DedicatedWorkerGlobalScope")}} と shared workers のための {{domxref("SharedWorkerGlobalScope")}}、<a href="/ja/docs/Web/API/ServiceWorker_API">ServiceWorker</a> のための {{domxref("ServiceWorkerGlobalScope")}} です。<code>self</code> プロパティはそれぞれのコンテキストに特化したスコープを返します。</p> + +<h2 id="プロパティ">プロパティ</h2> + +<p><em>このインターフェースは、 {{domxref("EventTarget")}} インターフェースから継承したプロパティと、 {{domxref("WindowTimers")}}、 {{domxref("WindowBase64")}}、 {{domxref("WindowEventHandlers")}} からのプロパティを実装しています。</em></p> + +<h3 id="標準プロパティ">標準プロパティ</h3> + +<dl> + <dt>{{domxref("WorkerGlobalScope.caches")}} {{readOnlyinline}}</dt> + <dd>現在のコンテキストに関連した {{domxref("CacheStorage")}} オブジェクトを返す。このオブジェクトは、オフラインで使用するために資産を保存することやリクエストに対してカスタムレスポンスを生成するなどの <a href="/ja/docs/Web/API/ServiceWorker_API">service worker</a> の機能を使用できる。</dd> + <dt>{{domxref("WorkerGlobalScope.navigator")}} {{readOnlyinline}}</dt> + <dd>worker に関連した {{domxref("WorkerNavigator")}} を返す。これは特定の navigator オブジェクト、主にブラウジングスコープの {{domxref("Navigator")}} ではなく、worker に適合する。</dd> + <dt>{{domxref("WorkerGlobalScope.self")}} {{readOnlyinline}}</dt> + <dd><code>WorkerGlobalScope</code> 自身の参照を返す。ほとんどの場合、 {{domxref("DedicatedWorkerGlobalScope")}} や {{domxref("SharedWorkerGlobalScope")}} 、{{domxref("ServiceWorkerGlobalScope")}} のような特定のスコープである。</dd> + <dt>{{domxref("WorkerGlobalScope.location")}} {{readOnlyinline}}</dt> + <dd>worker に関連した {{domxref("WorkerLocation")}} を返す。これは特定の location オブジェクト、主にブラウジングスコープの {{domxref("Location")}} ではなく、worker に適合する。</dd> +</dl> + +<h3 id="非標準プロパティ">非標準プロパティ</h3> + +<dl> + <dt>{{domxref("WorkerGlobalScope.performance")}} {{readOnlyinline}}</dt> + <dd>work に関連した {{domxref("Performance")}} を返す。これは、プロパティとメソッドのサブセットのみが worker で利用できることを除いて、通常の performance オブジェクトである。</dd> + <dt>{{domxref("WorkerGlobalScope.console")}} {{readOnlyinline}} {{Non-standard_inline}}</dt> + <dd>worker に関連した {{domxref("Console")}} オブジェクトを返す。</dd> +</dl> + +<h3 id="イベントハンドラ">イベントハンドラ</h3> + +<p><em>このインターフェースは、{{domxref("EventTarget")}} インターフェースから継承したイベントハンドラと {{domxref("WindowTimers")}} と {{domxref("WindowBase64")}} のイベントハンドラを実装しています。</em></p> + +<dl> + <dt>{{domxref("WorkerGlobalScope.onerror")}}</dt> + <dd>{{event("error")}} イベントが発生したときに呼び出されるコードを表す {{domxref("EventHandler")}}。</dd> + <dt>{{domxref("WorkerGlobalScope.onoffline")}}</dt> + <dd>{{event("offline")}} イベントが発生したときに呼び出されるコードを表す {{domxref("EventHandler")}}。</dd> + <dt>{{domxref("WorkerGlobalScope.ononline")}}</dt> + <dd>{{event("online")}} イベントが発生したときに呼び出されるコードを表す {{domxref("EventHandler")}}。</dd> + <dt>{{domxref("WorkerGlobalScope.onlanguagechange")}}</dt> + <dd>ユーザーの選択言語を変更したときに、 global/worker スコープオブジェクトで発火する {{domxref("EventHandler")}}。</dd> +</dl> + +<dl> + <dt>{{domxref("WorkerGlobalScope.onclose")}} {{non-standard_inline}}</dt> + <dd>{{event("close")}} イベントが発生したときに呼び出されるコードを表す {{domxref("EventHandler")}}。</dd> + <dt>{{domxref("WorkerGlobalScope.onrejectionhandled")}} {{non-standard_inline}}</dt> + <dd><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise" title="The Promise object is used for deferred and asynchronous computations. A Promise represents an operation that hasn't completed yet, but is expected in the future."><code>Promise</code></a> の rejection イベントを制御するためのイベントハンドラ。</dd> + <dt>{{domxref("WorkerGlobalScope.onunhandledrejection")}} {{non-standard_inline}}</dt> + <dd>制御されていない <a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise" title="The Promise object is used for deferred and asynchronous computations. A Promise represents an operation that hasn't completed yet, but is expected in the future."><code>Promise</code></a> の rejection イベントのためのイベントハンドラ。</dd> +</dl> + +<h2 id="メソッド">メソッド</h2> + +<p><em>このインターフェースは、{{domxref("EventTarget")}} インターフェースから併称したメソッドと{{domxref("WindowTimers")}}、 {{domxref("WindowBase64")}}、 {{domxref("WindowEventHandlers")}}、 {{domxref("GlobalFetch")}} のメソッドを実装しています。</em></p> + +<h3 id="標準メソッド">標準メソッド</h3> + +<dl> + <dt>{{domxref("WorkerGlobalScope.close()")}}</dt> + <dd>効果的に特定のスコープを閉じ、 <code>WorkerGlobalScope</code> のイベントループにキューされているタスクを破棄する。</dd> + <dt>{{domxref("WorkerGlobalScope.importScripts()")}}</dt> + <dd>worker のスコープに 1 つ以上のスクリプトをインポートする。カンマ区切りで任意の数を指定できる。例:<code> importScripts('foo.js', 'bar.js');</code></dd> +</dl> + +<h3 id="非標準メソッド">非標準メソッド</h3> + +<dl> + <dt>{{domxref("WorkerGlobalScope.dump()")}} {{non-standard_inline}}</dt> + <dd>標準出力にメッセージを記述できる — たとえば、ターミナルに。これは Firefox の {{domxref("window.dump")}} と同様に worker のためのものである。</dd> +</dl> + +<h3 id="ほかで実装されているメソッド">ほかで実装されているメソッド</h3> + +<dl> + <dt>{{domxref("WindowBase64.atob()")}}</dt> + <dd>base-64 エンコーディングを使用してエンコードされた文字データをデコードする。</dd> + <dt>{{domxref("WindowBase64.btoa()")}}</dt> + <dd>バイナリデータ文字列から base-64 エンコードされた ASCII 文字列を生成する。</dd> + <dt>{{domxref("WindowTimers.clearInterval()")}}</dt> + <dd>{{domxref("WindowTimers.setInterval()")}} を使用して設定された繰り返し処理をキャンセルする。</dd> + <dt>{{domxref("WindowTimers.clearTimeout()")}}</dt> + <dd>{{domxref("WindowTimers.setTimeout()")}} を使用して設定された繰り返し処理をキャンセルする。</dd> + <dt>{{domxref("ImageBitmapFactories.createImageBitmap()")}}</dt> + <dd>異なるさまざまな画像ソースを受け入れ、{{domxref("ImageBitmap")}} を解決する {{domxref("Promise")}} を返す。</dd> + <dt>{{domxref("GlobalFetch.fetch()")}}</dt> + <dd>リソースの取得プロセスを開始する。</dd> + <dt>{{domxref("WindowTimers.setInterval()")}}</dt> + <dd>X ミリ秒ごとの処理実行をスケジューリングする。</dd> + <dt>{{domxref("WindowTimers.setTimeout()")}}</dt> + <dd>遅延処理を設定する。</dd> +</dl> + +<h2 id="例">例</h2> + +<p>コード内で <code>WorkerGlobalScope</code> に直接アクセスすることはありません; しかし、{{domxref("DedicatedWorkerGlobalScope")}} や {{domxref("SharedWorkerGlobalScope")}} のような特定のグローバルスコープからプロパティやメソッドが継承されています。たとえば、worker にほかのスクリプトをインポートして、次の 2 行を使用して worker スコープの <code>navigator</code> オブジェクトのコンテンツを表示できます:</p> + +<pre class="brush: js">importScripts('foo.js'); +console.log(navigator);</pre> + +<div class="note"> +<p><strong>ノート:</strong> worker スクリプトのグローバルスコープは、実行している worker グローバルスコープ({{domxref("DedicatedWorkerGlobalScope")}} やそのほか)と <code>WorkerGlobalScope</code> からメソッドやプロパティなどを継承している すべての worker グローバルスコープで有効であるため、上記のように親オブジェクトを指定しなくとも実行できます。</p> +</div> + +<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', '#workerglobalscope', 'WorkerGlobalScope')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td>{{SpecName("Web Workers")}} から変更なし。</td> + </tr> + <tr> + <td>{{SpecName('Service Workers')}}</td> + <td>{{Spec2('Service Workers')}}</td> + <td><code>caches</code> を定義。</td> + </tr> + <tr> + <td>{{SpecName('Web Workers', '#workerglobalscope', 'WorkerGlobalScope')}}</td> + <td>{{Spec2('Web Workers')}}</td> + <td>初期定義。</td> + </tr> + </tbody> +</table> + +<h2 id="ブラウザ実装状況">ブラウザ実装状況</h2> + +<p>{{CompatibilityTable}}</p> + +<div id="compat-desktop"> +<table class="compat-table"> + <tbody> + <tr> + <th>機能</th> + <th>Chrome</th> + <th>Firefox (Gecko)</th> + <th>Internet Explorer</th> + <th>Opera</th> + <th>Safari</th> + </tr> + <tr> + <td>基本サポート</td> + <td>{{CompatChrome(4)}}</td> + <td>{{CompatGeckoDesktop("1.9.1")}}</td> + <td>10</td> + <td>10.6</td> + <td>4</td> + </tr> + <tr> + <td><code>ononline</code>, <code>onoffline</code></td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoDesktop("29")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td><code>console</code> {{Non-standard_inline}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoDesktop("29")}}<sup>[1]</sup><br> + {{CompatGeckoDesktop("30")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td><code>performance</code></td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoDesktop("34")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td><code>caches</code></td> + <td>{{CompatChrome(40)}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatNo}}</td> + </tr> + </tbody> +</table> +</div> + +<div id="compat-mobile"> +<table class="compat-table"> + <tbody> + <tr> + <th>機能</th> + <th>Android</th> + <th>Chrome for Android</th> + <th>Firefox Mobile (Gecko)</th> + <th>Firefox OS (Gecko)</th> + <th>IE Mobile</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>基本サポート</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoMobile("1.9.1")}}</td> + <td>1.0.1</td> + <td>10</td> + <td>11.5</td> + <td>5.1</td> + </tr> + <tr> + <td><code>ononline</code>, <code>onoffline</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoMobile("29")}}<sup>[1]</sup><br> + {{CompatGeckoMobile("30")}}</td> + <td>1.4</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td><code>console</code> {{Non-standard_inline}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoMobile("29")}}</td> + <td>1.4</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td><code>performance</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoMobile("34")}}</td> + <td>2.1</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td><code>caches</code></td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<p>[1] Gecko 29 ではこれを <code>WorkerConsole</code> として実装しています。バージョン 30 からは通常の <code>Console</code> を使用しています。</p> + +<h2 id="関連項目">関連項目</h2> + +<ul> + <li>そのほかのグローバルオブジェクトインターフェース: {{domxref("Window")}}、 {{domxref("DedicatedWorkerGlobalScope")}}、 {{domxref("SharedWorkerGlobalScope")}}、 {{domxref("ServiceWorkerGlobalScope")}}</li> + <li>そのほかの Worker 関連インターフェース: {{domxref("Worker")}}、{{domxref("WorkerLocation")}}、 {{domxref("WorkerGlobalScope")}}、 {{domxref("ServiceWorkerGlobalScope")}}</li> + <li><a href="/ja/docs/Web/Guide/Performance/Using_web_workers">Web Worker を使用する</a></li> +</ul> diff --git a/files/ja/web/api/workerglobalscope/languagechange_event/index.html b/files/ja/web/api/workerglobalscope/languagechange_event/index.html new file mode 100644 index 0000000000..0a04fac139 --- /dev/null +++ b/files/ja/web/api/workerglobalscope/languagechange_event/index.html @@ -0,0 +1,81 @@ +--- +title: 'WorkerGlobalScope: languagechange イベント' +slug: Web/API/WorkerGlobalScope/languagechange_event +tags: + - API + - Event + - Reference + - WorkerGlobalScope + - イベント +translation_of: Web/API/WorkerGlobalScope/languagechange_event +--- +<div>{{APIRef}}</div> + +<p><strong><code>languagechange</code></strong> イベントはグローバルスコープオブジェクトで、ユーザーの推奨言語が変更されたときに発生します。</p> + +<table class="properties"> + <tbody> + <tr> + <th scope="row">バブリング</th> + <td>なし</td> + </tr> + <tr> + <th scope="row">キャンセル</th> + <td>不可</td> + </tr> + <tr> + <th scope="row">インターフェイス</th> + <td>{{domxref("Event")}}</td> + </tr> + <tr> + <th scope="row">イベントハンドラー</th> + <td>{{domxref("WorkerGlobalScope/onlanguagechange", "onlanguagechange")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Examples" name="Examples">例</h2> + +<p><code>languagechange</code> は {{domxref("EventTarget/addEventListener", "addEventListener")}} メソッドで使用することができます。</p> + +<pre class="brush: js">worker.addEventListener('languagechange', function() { + console.log('languagechange event detected!'); +});</pre> + +<p>または、 {{domxref("WorkerGlobalScope/onlanguagechange", "onlanguagechange")}} イベントハンドラープロパティを使用することもできます。</p> + +<pre class="brush: js">worker.onlanguagechange = function(event) { + console.log('languagechange event detected!'); +};</pre> + +<h2 id="Specifications" name="Specifications">仕様書</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">仕様書</th> + <th scope="col">状態</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{ SpecName('HTML WHATWG', 'workers.html#the-workerglobalscope-common-interface:event-languagechange', 'languagechange') }}</td> + <td>{{ Spec2('HTML WHATWG') }}</td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> + +<div class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 <a class="external" href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</div> + +<p>{{Compat("api.WorkerGlobalScope.languagechange_event")}}</p> + +<h2 id="See_also" name="See_also">関連情報</h2> + +<ul> + <li>{{domxref("NavigatorLanguage.language", "navigator.language")}}</li> + <li>{{domxref("NavigatorLanguage.languages", "navigator.languages")}}</li> + <li>{{domxref("Navigator")}}</li> + <li>{{domxref("WorkerGlobalScope.onlanguagechange")}}</li> +</ul> diff --git a/files/ja/web/api/workerglobalscope/self/index.html b/files/ja/web/api/workerglobalscope/self/index.html new file mode 100644 index 0000000000..5d951e1448 --- /dev/null +++ b/files/ja/web/api/workerglobalscope/self/index.html @@ -0,0 +1,141 @@ +--- +title: WorkerGlobalScope.self +slug: Web/API/WorkerGlobalScope/self +tags: + - API + - Property + - Reference + - Web Worker + - WorkerGlobalScope + - self +translation_of: Web/API/WorkerGlobalScope/self +--- +<div>{{APIRef("Web Workers API")}}</div> + +<p>{{domxref("WorkerGlobalScope")}} インターフェースの <code><strong>self</strong></code> 読み取り専用プロパティは、<code>WorkerGlobalScope</code> 自体への参照を返します。ほとんどの場合、これは {{domxref("DedicatedWorkerGlobalScope")}} や {{domxref("SharedWorkerGlobalScope")}}、{{domxref("ServiceWorkerGlobalScope")}} などの特定のスコープです。</p> + +<h2 id="構文">構文</h2> + +<pre class="brush: js">var selfRef = self;</pre> + +<h3 id="値">値</h3> + +<p>グローバルスコープオブジェクト (上に示したように、扱っている worker の種類によって異なる)。</p> + +<h2 id="例">例</h2> + +<p>以下を呼び出した場合、</p> + +<pre class="brush: js">console.log(self);</pre> + +<p>worker 内で、コンソールに書き込まれたワーカーオブジェクトと同じタイプのワーカーグローバルスコープが取得されます — ある時は次のようになります:</p> + +<pre class="brush: js">DedicatedWorkerGlobalScope { +undefined: undefined, Infinity: Infinity, Math: MathConstructor, NaN: NaN, Intl: Object…} + Infinity: Infinity + Array: function Array() { [native code] } + arguments: null + caller: null + isArray: function isArray() { [native code] } + length: 1 + name: "Array" + observe: function observe() { [native code] } + prototype: Array[0] + unobserve: function unobserve() { [native code] } + __proto__: function Empty() {} + <function scope> + ArrayBuffer: function ArrayBuffer() { [native code] } + Blob: function Blob() { [native code] } + Boolean: function Boolean() { [native code] } + DataView: function DataView() { [native code] } + Date: function Date() { [native code] } + DedicatedWorkerGlobalScope: function DedicatedWorkerGlobalScope() { [native code] } + Error: function Error() { [native code] } +<em>// etc. etc.</em> +</pre> + +<p>これは、そのワーカースコープで利用可能なオブジェクトの完全なリストを提供するため、ワーカーが何かを利用できるかを確認したい場合には、非常に便利なテストです。リストを<a href="/ja/docs/Web/API/Worker/Functions_and_classes_available_to_workers">Web Workers が使用できる関数とクラス</a>でもメンテナンスしています。</p> + +<div class="note"> +<p><strong>ノート</strong>: Firefox には <code>console.log</code> を shared/service worker 内で使用したときのバグがあり ({{Bug("1058644")}} を見てください)、おかしな結果を返します。これはすぐに修正されるはずです。</p> +</div> + +<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', '#dom-workerglobalscope-self', 'self')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td>{{SpecName("Web Workers")}} から変更なし。</td> + </tr> + <tr> + <td>{{SpecName('Web Workers', '#dom-workerglobalscope-self', 'self')}}</td> + <td>{{Spec2('Web Workers')}}</td> + <td>初期定義。</td> + </tr> + </tbody> +</table> + +<h2 id="ブラウザー実装状況">ブラウザー実装状況</h2> + +<p>{{ CompatibilityTable() }}</p> + +<div id="compat-desktop"> +<table class="compat-table"> + <tbody> + <tr> + <th>機能</th> + <th>Chrome</th> + <th>Firefox (Gecko)</th> + <th>Internet Explorer</th> + <th>Opera</th> + <th>Safari</th> + </tr> + <tr> + <td>基本サポート</td> + <td>{{CompatChrome(4)}}</td> + <td>{{CompatGeckoDesktop("1.9.1")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>11.5</td> + <td>4</td> + </tr> + </tbody> +</table> +</div> + +<div id="compat-mobile"> +<table class="compat-table"> + <tbody> + <tr> + <th>機能</th> + <th>Android</th> + <th>Chrome for Android</th> + <th>Firefox Mobile (Gecko)</th> + <th>Firefox OS (Gecko)</th> + <th>IE Mobile</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>基本サポート</td> + <td>{{CompatUnknown}}</td> + <td>40</td> + <td>{{CompatGeckoMobile("1.9.1")}}</td> + <td>1.0.1</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>5.1</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="関連項目">関連項目</h2> + +<p>{{domxref("WorkerGlobalScope")}}</p> |