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/serviceworkerregistration | |
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/serviceworkerregistration')
14 files changed, 1020 insertions, 0 deletions
diff --git a/files/ja/web/api/serviceworkerregistration/active/index.html b/files/ja/web/api/serviceworkerregistration/active/index.html new file mode 100644 index 0000000000..e615ade109 --- /dev/null +++ b/files/ja/web/api/serviceworkerregistration/active/index.html @@ -0,0 +1,70 @@ +--- +title: ServiceWorkerRegistration.active +slug: Web/API/ServiceWorkerRegistration/active +tags: + - API + - Property + - Reference + - Service Workers + - ServiceWorkerRegistration + - active +translation_of: Web/API/ServiceWorkerRegistration/active +--- +<div>{{APIRef("Service Workers API")}}</div> + +<p><span class="seoSummary">{{domxref("ServiceWorkerRegistration")}} インターフェイスの <strong><code>active</code></strong> プロパティは、{{domxref("ServiceWorker.state")}} がアクティブ化中(<code>activating</code>)またはアクティブ化済み(<code>activated</code>)のサービスワーカーを返します。 このプロパティは、最初は <code>null</code> に設定されています。</span></p> + +<p>クライアントの URL が登録のスコープ内にある場合、アクティブワーカーは {{domxref("ServiceWorkerClient")}} を制御します({{domxref("ServiceWorkerContainer.register")}} が最初に呼び出されたときに設定された <code>scope</code> オプション)。</p> + +<div class="note"> +<p><strong>注</strong>: この機能は <a href="/ja/docs/Web/API/Web_Workers_API">Web Worker</a> で使用できます。</p> +</div> + +<div class="note"> +<p><strong>注</strong>: アクティブワーカーが <code>activating</code> になると、ランタイムスクリプトエラーもアクティブワーカーの強制終了もアクティブワーカーが <code>activated</code> になることを妨げません。</p> +</div> + +<h2 id="Syntax" name="Syntax">構文</h2> + +<pre class="syntaxbox notranslate">var <em>serviceWorker</em> = <em>serviceWorkerRegistration</em>.active; +</pre> + +<h3 id="Value" name="Value">値</h3> + +<p>{{domxref("ServiceWorker")}} オブジェクトのプロパティ(現在アクティブ化中(<code>activating</code>)またはアクティブ化済み(<code>activated</code>)の状態の場合)。</p> + +<h2 id="Specifications" name="Specifications">仕様</h2> + +<div></div> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">仕様</th> + <th scope="col">状態</th> + <th scope="col">コメント</th> + </tr> + <tr> + <td>{{SpecName('Service Workers', '#dom-serviceworkerregistration-active', 'ServiceWorkerRegistration.active')}}</td> + <td>{{Spec2('Service Workers')}}</td> + <td>初期定義<br> + </td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> + + + +<p>{{Compat("api.ServiceWorkerRegistration.active")}}</p> + +<h2 id="See_also" name="See_also">関連情報</h2> + +<ul> + <li><a href="/ja/docs/Web/API/Service_Worker_API/Using_Service_Workers">Service worker の使用</a></li> + <li><a href="https://github.com/mdn/sw-test">サービスワーカーの基本的なコード例</a>(英語)</li> + <li><a href="https://jakearchibald.github.io/isserviceworkerready/">ServiceWorker の準備はできていますか?</a>(英語)</li> + <li>{{jsxref("Promise")}}</li> + <li><a href="/ja/docs/Web/API/Web_Workers_API/Using_web_workers">Web worker の使用</a></li> +</ul> diff --git a/files/ja/web/api/serviceworkerregistration/getnotifications/index.html b/files/ja/web/api/serviceworkerregistration/getnotifications/index.html new file mode 100644 index 0000000000..f2da1b2832 --- /dev/null +++ b/files/ja/web/api/serviceworkerregistration/getnotifications/index.html @@ -0,0 +1,77 @@ +--- +title: ServiceWorkerRegistration.getNotifications() +slug: Web/API/ServiceWorkerRegistration/getNotifications +tags: + - API + - Experimental + - Method + - Notification + - Notifications + - Reference + - Service Worker + - Service Workers + - Service worker API + - ServiceWorker + - ServiceWorkerRegistration + - getNotifications +translation_of: Web/API/ServiceWorkerRegistration/getNotifications +--- +<div>{{APIRef("Service Workers API")}}</div> + +<p><span class="seoSummary">{{domxref("ServiceWorkerRegistration")}} インターフェイスの <code>getNotifications()</code> メソッドは、現在のサービスワーカー登録を介して現在のオリジンから作成された順序で通知のリストを返します。 オリジンには、アクティブではあるがスコープが異なるサービスワーカー登録が多数あります。 同じオリジンの1つのサービスワーカーによって作成された通知は、同じオリジンの他のアクティブなサービスワーカーでは利用できません。</span></p> + +<h2 id="Syntax" name="Syntax">構文</h2> + +<pre class="syntaxbox"><em>serviceWorkerRegistration</em>.getNotifications(<em>options</em>) +.then(function(<em>notificationsList</em>) { ... });</pre> + +<h3 id="Parameters" name="Parameters">パラメーター</h3> + +<dl> + <dt>options {{optional_inline}}</dt> + <dd>返される通知をフィルタするオプションを含むオブジェクト。 使用可能なオプションは次のとおりです。 + <ul> + <li><code>tag</code>: 通知タグを表す {{domxref("DOMString")}}。 指定した場合、このタグを持つ通知のみが返されます。</li> + </ul> + </dd> +</dl> + +<h3 id="Return_value" name="Return_value">戻り値</h3> + +<p>{{domxref("Notification")}} オブジェクトのリストに解決される {{jsxref("Promise")}}。<br> + </p> + +<h2 id="Example" name="Example">例</h2> + +<pre class="brush: js">navigator.serviceWorker.register('sw.js'); + +var options = { tag : 'user_alerts' }; + +navigator.serviceWorker.ready.then(function(registration) { + registration.getNotifications(options).then(function(notifications) { + // notifications で何かをします + }) +});</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('Web Notifications', '#dom-serviceworkerregistration-getnotifications', 'ServiceWorkerRegistration.getNotifications()')}}</td> + <td>{{Spec2('Web Notifications')}}</td> + <td>初期定義</td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> + + + +<p>{{Compat("api.ServiceWorkerRegistration.getNotifications")}}</p> diff --git a/files/ja/web/api/serviceworkerregistration/index.html b/files/ja/web/api/serviceworkerregistration/index.html new file mode 100644 index 0000000000..51cfcce789 --- /dev/null +++ b/files/ja/web/api/serviceworkerregistration/index.html @@ -0,0 +1,148 @@ +--- +title: ServiceWorkerRegistration +slug: Web/API/ServiceWorkerRegistration +tags: + - API + - Interface + - Offline + - Reference + - Service Workers + - Service worker API + - ServiceWorkerRegistration + - Workers +translation_of: Web/API/ServiceWorkerRegistration +--- +<div> +<div>{{APIRef("Service Workers API")}}</div> +</div> + +<p><span class="seoSummary"><a href="/ja/docs/Web/API/Service_Worker_API">Service Worker API</a> の <strong><code>ServiceWorkerRegistration</code></strong> インターフェイスは、サービスワーカー登録を表します。 あなたは同じオリジンを共有する1つ以上のページを制御するサービスワーカーを登録します。</span></p> + +<p>サービスワーカー登録の存続期間は、対応するサービスワーカークライアントの存続期間内でそれらを表す <code>ServiceWorkerRegistration</code> オブジェクトの存続期間を超えています。 ブラウザーは、アクティブな <code>ServiceWorkerRegistration</code> オブジェクトの永続的なリストを維持します。</p> + +<div class="note"> +<p><strong>注</strong>: この機能は <a href="/ja/docs/Web/API/Web_Workers_API">Web Worker</a> で使用できます。</p> +</div> + +<h2 id="Properties" name="Properties">プロパティ</h2> + +<p><em>また、その親インターフェイスである {{domxref("EventTarget")}} からプロパティを実装します。</em></p> + +<dl> + <dt>{{domxref("ServiceWorkerRegistration.scope")}} {{readonlyinline}}</dt> + <dd>サービスワーカー登録の一意の識別子を返します。 これは、{{domxref("ServiceWorker")}} を登録する文書と同じオリジンにある必要があります。</dd> + <dt>{{domxref("ServiceWorkerRegistration.installing")}} <strong style="font-weight: bold;">{{readonlyinline}}</strong></dt> + <dd>状態がインストール中(<code>installing</code>)のサービスワーカーを返します。 これは最初は <code>null</code> に設定されています。</dd> + <dt>{{domxref("ServiceWorkerRegistration.waiting")}} <strong style="font-weight: bold;">{{readonlyinline}}</strong></dt> + <dd>状態がインストール済み(<code>installed</code>)のサービスワーカーを返します。 これは最初は <code>null</code> に設定されています。</dd> + <dt>{{domxref("ServiceWorkerRegistration.active")}} <strong style="font-weight: bold;">{{readonlyinline}}</strong></dt> + <dd>状態がアクティブ化中(<code>activating</code>)またはアクティブ化済み(<code>activated</code>)のサービスワーカーを返します。 これは最初は <code>null</code> に設定されています。 クライアントの URL が登録のスコープ内にある場合、アクティブワーカーは {{domxref("ServiceWorkerClient")}} を制御します({{domxref("ServiceWorkerContainer.register")}} を最初に呼び出したときに設定した <code>scope</code> オプション)。</dd> + <dt>{{domxref("ServiceWorkerRegistration.navigationPreload")}} {{readonlyinline}}</dt> + <dd>現在のサービスワーカー登録に関連する {{domxref("NavigationPreloadManager")}} のインスタンスを返します。</dd> + <dt>{{domxref("ServiceWorkerRegistration.pushManager")}} {{readonlyinline}}</dt> + <dd>購読申し込み、アクティブな購読の取得、プッシュの許可状況へのアクセスなど、プッシュの購読を管理するための {{domxref("PushManager")}} インターフェイスへの参照を返します。</dd> + <dt>{{domxref("ServiceWorkerRegistration.sync")}} <strong style="font-weight: bold; line-height: 19.0909080505371px;">{{non-standard_inline}} </strong>{{readonlyinline}}</dt> + <dd>バックグラウンド同期プロセスを管理する {{domxref("SyncManager")}} インターフェイスへの参照を返します。</dd> +</dl> + +<h3 id="Unimplemented_properties" name="Unimplemented_properties">未実装プロパティ</h3> + +<dl> + <dt>{{domxref("serviceWorkerRegistration.periodicSync")}} {{non-standard_inline}} {{readonlyinline}}</dt> + <dd>定期的なバックグラウンド同期プロセスを管理する {{domxref("PeriodicSyncManager")}} インターフェイスへの参照を返します。 これは、ある時点でサービスワーカーの説明でアイデアとして言及されましたが、まだどこにも実装されていません。</dd> +</dl> + +<h3 id="Event_handlers" name="Event_handlers">イベントハンドラー</h3> + +<dl> + <dt>{{domxref("ServiceWorkerRegistration.onupdatefound")}} {{readonlyinline}}</dt> + <dd>タイプが <code>updatefound</code> のイベントが発生するたびに呼び出される <a href="/ja/docs/Web/API/EventListener"><code>EventListener</code></a> のプロパティ。 {{domxref("ServiceWorkerRegistration.installing")}} プロパティが新しいサービスワーカーを取得するたびに発生します。</dd> +</dl> + +<h2 id="Methods" name="Methods">メソッド</h2> + +<p><em>また、その親インターフェースである {{domxref("EventTarget")}} からメソッドを実装します。</em></p> + +<dl> + <dt>{{domxref("ServiceWorkerRegistration.getNotifications()")}}</dt> + <dd>{{domxref("Notification")}} オブジェクトの配列に解決される {{jsxref("Promise")}} を返します。</dd> + <dt>{{domxref("ServiceWorkerRegistration.showNotification()")}}</dt> + <dd>要求したタイトルの通知を表示します。</dd> + <dt>{{domxref("ServiceWorkerRegistration.update()")}}</dt> + <dd>サービスワーカーの更新されたバージョンを、キャッシュを調べずに、サーバーでチェックします。</dd> + <dt>{{domxref("ServiceWorkerRegistration.unregister()")}}</dt> + <dd>サービスワーカー登録を解除し、{{jsxref("Promise")}} を返します。 サービスワーカーは、登録が解除される前に進行中の操作を完了します。</dd> +</dl> + +<h2 id="Examples" name="Examples">例</h2> + +<p>この例では、コードはまずブラウザーがサービスワーカーをサポートしているかどうかをチェックし、サポートしている場合はそれを登録します。 次に、<code>updatefound</code> リスナーを追加します。 このリスナーでは、サービスワーカー登録を使用して、サービスワーカーの状態のさらなる変更をリッスンします。 サービスワーカーが最後に登録されてから変更されていない場合、<code>updatefound</code> イベントは発生しません。</p> + +<pre class="brush: js">if ('serviceWorker' in navigator) { + navigator.serviceWorker.register('/sw.js') + .then(function(registration) { + registration.addEventListener('updatefound', function() { + // updatefound が発生した場合は、新しいサービスワーカーを + // インストールしていることを意味します。 + var installingWorker = registration.installing; + console.log('新しいサービスワーカーをインストールしています:', + installingWorker); + + // インストール中のサービスワーカーの状態の変更を、 + // installingWorker.onstatechange を介してリッスンできます + }); + }) + .catch(function(error) { + console.log('サービスワーカーの登録に失敗しました:', error); + }); +} else { + console.log('サービスワーカーをサポートしていません。'); +}</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', '#serviceworkerregistration', 'ServiceWorkerRegistration')}}</td> + <td>{{Spec2('Service Workers')}}</td> + <td>初期定義</td> + </tr> + <tr> + <td>{{SpecName('Push API', '#dom-serviceworkerregistration-pushmanager', 'PushManager')}}</td> + <td>{{Spec2('Push API')}}</td> + <td>{{domxref("PushManager","pushManager")}} プロパティを追加。</td> + </tr> + <tr> + <td>{{SpecName('Web Notifications')}}</td> + <td>{{Spec2('Web Notifications')}}</td> + <td>{{domxref("ServiceWorkerRegistration.showNotification()","showNotification()")}} メソッドと {{domxref("ServiceWorkerRegistration.getNotifications()","getNotifications()")}} メソッドを追加。</td> + </tr> + <tr> + <td>{{SpecName('Background Sync')}}</td> + <td>{{Spec2('Background Sync')}}</td> + <td>{{domxref("ServiceWorkerRegistration.sync","sync")}} プロパティを追加。</td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> + + + +<p>{{Compat("api.ServiceWorkerRegistration")}}</p> + +<h2 id="See_also" name="See_also">関連情報</h2> + +<ul> + <li><a href="/ja/docs/Web/API/Service_Worker_API/Using_Service_Workers">Service worker の使用</a></li> + <li><a href="https://github.com/mdn/sw-test">サービスワーカーの基本的なコード例</a>(英語)</li> + <li><a href="https://jakearchibald.github.io/isserviceworkerready/">ServiceWorker の準備はできていますか?</a>(英語)</li> + <li>{{jsxref("Promise")}}</li> + <li><a href="/ja/docs/Web/API/Web_Workers_API/Using_web_workers">Web worker の使用</a></li> +</ul> diff --git a/files/ja/web/api/serviceworkerregistration/installing/index.html b/files/ja/web/api/serviceworkerregistration/installing/index.html new file mode 100644 index 0000000000..f94497b628 --- /dev/null +++ b/files/ja/web/api/serviceworkerregistration/installing/index.html @@ -0,0 +1,61 @@ +--- +title: ServiceWorkerRegistration.installing +slug: Web/API/ServiceWorkerRegistration/installing +tags: + - API + - Installing + - Property + - Reference + - Service Workers + - ServiceWorkerRegistration +translation_of: Web/API/ServiceWorkerRegistration/installing +--- +<div>{{APIRef("Service Workers API")}}</div> + +<p><span class="seoSummary">{{domxref("ServiceWorkerRegistration")}} インターフェイスの <strong><code>installing</code></strong> プロパティは、{{domxref("ServiceWorker.state")}} がインストール中(<code>installing</code>)のサービスワーカーを返します。 このプロパティは、最初は <code>null</code> に設定されています。</span></p> + +<div class="note"> +<p><strong>注</strong>: この機能は <a href="/ja/docs/Web/API/Web_Workers_API">Web Worker</a> で使用できます。</p> +</div> + +<h2 id="Syntax" name="Syntax">構文</h2> + +<pre class="syntaxbox">var <em>serviceWorker</em> = <em>serviceWorkerRegistration</em>.installing; +</pre> + +<h3 id="Value" name="Value">値</h3> + +<p>{{domxref("ServiceWorker")}} オブジェクト(現在インストール中(<code>installing</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('Service Workers', '#dom-serviceworkerregistration-installing', 'ServiceWorkerRegistration.installing')}}</td> + <td>{{Spec2('Service Workers')}}</td> + <td>初期定義</td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> + + + +<p>{{Compat("api.ServiceWorkerRegistration.installing")}}</p> + +<h2 id="See_also" name="See_also">関連情報</h2> + +<ul> + <li><a href="/ja/docs/Web/API/Service_Worker_API/Using_Service_Workers">Service worker の使用</a></li> + <li><a href="https://github.com/mdn/sw-test">サービスワーカーの基本的なコード例</a>(英語)</li> + <li><a href="https://jakearchibald.github.io/isserviceworkerready/">ServiceWorker の準備はできていますか?</a>(英語)</li> + <li>{{jsxref("Promise")}}</li> + <li><a href="/ja/docs/Web/API/Web_Workers_API/Using_web_workers">Web worker の使用</a></li> +</ul> diff --git a/files/ja/web/api/serviceworkerregistration/navigationpreload/index.html b/files/ja/web/api/serviceworkerregistration/navigationpreload/index.html new file mode 100644 index 0000000000..a898e6ced6 --- /dev/null +++ b/files/ja/web/api/serviceworkerregistration/navigationpreload/index.html @@ -0,0 +1,48 @@ +--- +title: ServiceWorkerRegistration.navigationPreload +slug: Web/API/ServiceWorkerRegistration/navigationPreload +tags: + - API + - NavigationPreloadManager + - Offline + - Property + - Service Workers + - ServiceWorkerRegistration + - Workers + - navigationPreload +translation_of: Web/API/ServiceWorkerRegistration/navigationPreload +--- +<p>{{APIRef("Service Workers API")}}</p> + +<p><span class="seoSummary">{{domxref("ServiceWorkerRegistration")}} インターフェイスの <strong><code>navigationPreload</code></strong> 読み取り専用プロパティは、現在のサービスワーカー登録に関連する {{domxref("NavigationPreloadManager")}} を返します。</span></p> + +<h2 id="Syntax" name="Syntax">構文</h2> + +<pre class="syntaxbox">var <em>navigationPreloadManager</em> = <em>serviceWorkerRegistration</em>.navigationPreload;</pre> + +<h3 id="Value" name="Value">値</h3> + +<p>{{domxref("NavigationPreloadManager")}} のインスタンス。</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('Service Workers','#service-worker-registration-navigationpreload','navigationPreload')}}</td> + <td>{{Spec2('Service Workers')}}</td> + <td>初期定義</td> + </tr> + </tbody> +</table> + +<h2 id="Browser_Compatibility" name="Browser_Compatibility">ブラウザーの互換性</h2> + + + +<p>{{Compat("api.ServiceWorkerRegistration.navigationPreload")}}</p> diff --git a/files/ja/web/api/serviceworkerregistration/onupdatefound/index.html b/files/ja/web/api/serviceworkerregistration/onupdatefound/index.html new file mode 100644 index 0000000000..baea4f2581 --- /dev/null +++ b/files/ja/web/api/serviceworkerregistration/onupdatefound/index.html @@ -0,0 +1,56 @@ +--- +title: ServiceWorkerRegistration.onupdatefound +slug: Web/API/ServiceWorkerRegistration/onupdatefound +tags: + - API + - Property + - Reference + - Service Workers + - ServiceWorkerRegistration + - onupdatefound +translation_of: Web/API/ServiceWorkerRegistration/onupdatefound +--- +<div>{{APIRef("Service Workers API")}}</div> + +<p><span class="seoSummary">{{domxref("ServiceWorkerRegistration")}} インターフェイスの <strong><code>onupdatefound</code></strong> プロパティは、<code>statechange</code> 型のイベントが発生するたびに呼び出される {{domxref("EventListener")}} プロパティです。 {{domxref("ServiceWorkerRegistration.installing")}} プロパティが新しいサービスワーカーを取得するたびに発生します。</span></p> + +<div class="note"> +<p><strong>注</strong>: この機能は <a href="/ja/docs/Web/API/Web_Workers_API">Web Worker</a> で使用できます。</p> +</div> + +<h2 id="Syntax" name="Syntax">構文</h2> + +<pre class="syntaxbox"><em>serviceWorkerRegistration</em>.onupdatefound = function() { ... };</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', '#dom-serviceworkerregistration-onupdatefound', 'ServiceWorkerRegistration.onupdatefound')}}</td> + <td>{{Spec2('Service Workers')}}</td> + <td>初期定義</td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> + + + +<p>{{Compat("api.ServiceWorkerRegistration.onupdatefound")}}</p> + +<h2 id="See_also" name="See_also">関連情報</h2> + +<ul> + <li><a href="/ja/docs/Web/API/Service_Worker_API/Using_Service_Workers">Service worker の使用</a></li> + <li><a href="https://github.com/mdn/sw-test">サービスワーカーの基本的なコード例</a>(英語)</li> + <li><a href="https://jakearchibald.github.io/isserviceworkerready/">ServiceWorker の準備はできていますか?</a>(英語)</li> + <li>{{jsxref("Promise")}}</li> + <li><a href="/ja/docs/Web/API/Web_Workers_API/Using_web_workers">Web worker の使用</a></li> +</ul> diff --git a/files/ja/web/api/serviceworkerregistration/periodicsync/index.html b/files/ja/web/api/serviceworkerregistration/periodicsync/index.html new file mode 100644 index 0000000000..72e876c1d6 --- /dev/null +++ b/files/ja/web/api/serviceworkerregistration/periodicsync/index.html @@ -0,0 +1,44 @@ +--- +title: ServiceWorkerRegistration.periodicSync +slug: Web/API/ServiceWorkerRegistration/periodicSync +tags: + - API + - Experimental + - PeriodicSyncManager + - Property + - Reference + - Service Workers + - ServiceWorkerRegistration + - periodicSync +translation_of: Web/API/ServiceWorkerRegistration/periodicSync +--- +<div>{{APIRef("Service Workers API")}}</div> + +<div class="blockIndicator note"> +<p><strong>注</strong>: この機能は、ある時点でサービスワーカーの説明でアイデアとして言及されましたが、まだどこにも実装されていません。</p> +</div> + +<p><span class="seoSummary">{{domxref("ServiceWorkerRegistration")}} インターフェイスの <strong><code>periodSync</code></strong> 読み取り専用プロパティは、定期的なバックグラウンド同期プロセスを管理する {{domxref("PeriodicSyncManager")}} インターフェイスへの参照を返します。</span></p> + +<h2 id="Syntax" name="Syntax">構文</h2> + +<pre class="syntaxbox">var <em>periodicSyncManager</em> = <em>serviceWorkerRegistration</em>.periodicSync; +</pre> + +<h3 id="Value" name="Value">値</h3> + +<p>{{domxref("PeriodicSyncManager")}} オブジェクト。</p> + +<h2 id="Examples" name="Examples">例</h2> + +<pre class="brush: js">// 未定</pre> + +<h2 id="Specifications" name="Specifications">仕様</h2> + +<p>現在、どの仕様にも含まれていません。</p> + +<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> + + + +<p>{{Compat("api.ServiceWorkerRegistration.periodicSync")}}</p> diff --git a/files/ja/web/api/serviceworkerregistration/pushmanager/index.html b/files/ja/web/api/serviceworkerregistration/pushmanager/index.html new file mode 100644 index 0000000000..068acfa63d --- /dev/null +++ b/files/ja/web/api/serviceworkerregistration/pushmanager/index.html @@ -0,0 +1,80 @@ +--- +title: ServiceWorkerRegistration.pushManager +slug: Web/API/ServiceWorkerRegistration/pushManager +tags: + - API + - Property + - Push + - PushManager + - Reference + - Service Workers + - ServiceWorkerRegistration +translation_of: Web/API/ServiceWorkerRegistration/pushManager +--- +<div>{{APIRef("Service Workers API")}}</div> + +<p><span class="seoSummary">{{domxref("ServiceWorkerRegistration")}} インターフェイスの <strong><code>pushManager</code></strong> プロパティは、プッシュ購読を管理するための {{domxref("PushManager")}} インターフェイスへの参照を返します。 これには、購読申し込み、アクティブな購読の取得、プッシュ許可状況へのアクセスのサポートが含まれます。</span></p> + +<h2 id="Syntax" name="Syntax">構文</h2> + +<pre class="syntaxbox">var <em>pushManager</em> = <em>serviceWorkerRegistration</em>.pushManager; +</pre> + +<h3 id="Value" name="Value">値</h3> + +<p>{{domxref("PushManager")}} オブジェクト。</p> + +<h2 id="Examples" name="Examples">例</h2> + +<pre class="brush: js">this.onpush = function(event) { + console.log(event.data); + // ここから、IndexedDB にデータを書き込んだり、いずれかのウィンドウに + // それを送信したり、通知を表示したりできます。 +} + +navigator.serviceWorker.register('serviceworker.js').then( + function(serviceWorkerRegistration) { + serviceWorkerRegistration.pushManager.subscribe().then( + function(pushSubscription) { + console.log(pushSubscription.subscriptionId); + console.log(pushSubscription.endpoint); + // アプリケーションサーバが必要としているプッシュ購読の + // 詳細はここから使用できます。たとえば、XMLHttpRequest を使用して + // これを送信できます。 + }, function(error) { + // 開発中は、コンソールにエラーを表示するのに役立ちます。 + // 本番環境では、アプリケーションサーバにエラー情報を送信 + // するためにも 役立ちます。 + console.log(error); + } + ); + });</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('Push API', '#pushmanager-interface', 'PushManager')}}</td> + <td>{{Spec2('Push API')}}</td> + <td>初期定義。</td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> + +<div class="hidden">このページの互換性テーブルは構造化データから作成されています。データに貢献したい場合、<a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックし、プルリクエストを送ってください。</div> + +<p>{{Compat("api.ServiceWorkerRegistration.pushManager")}}</p> + +<h2 id="See_also" name="See_also">関連項目</h2> + +<ul> + <li><a href="/ja/docs/Web/API/Push_API">Push API</a></li> +</ul> diff --git a/files/ja/web/api/serviceworkerregistration/scope/index.html b/files/ja/web/api/serviceworkerregistration/scope/index.html new file mode 100644 index 0000000000..bd6e7b7b4f --- /dev/null +++ b/files/ja/web/api/serviceworkerregistration/scope/index.html @@ -0,0 +1,56 @@ +--- +title: ServiceWorkerRegistration.scope +slug: Web/API/ServiceWorkerRegistration/scope +tags: + - API + - Property + - Reference + - Service Workers + - ServiceWorkerRegistration + - scope +translation_of: Web/API/ServiceWorkerRegistration/scope +--- +<div>{{APIRef("Service Workers API")}}</div> + +<p>{{domxref("ServiceWorkerRegistration")}} インターフェイスの <strong><code>scope</code></strong> 読み取り専用プロパティは、サービスワーカー登録の一意の識別子を返します。 サービスワーカーは、{{domxref("ServiceWorker")}} を登録する文書と同じオリジンにある必要があります。</p> + +<div class="note"> +<p><strong>注</strong>: この機能は <a href="/ja/docs/Web/API/Web_Workers_API">Web Worker</a> で使用できます。</p> +</div> + +<h2 id="Syntax" name="Syntax">構文</h2> + +<pre class="syntaxbox">var <em>swScope</em> = <em>serviceWorkerRegistration</em>.scope;</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', '#dom-serviceworkerregistration-scope', 'ServiceWorkerRegistration.scope')}}</td> + <td>{{Spec2('Service Workers')}}</td> + <td>初期定義</td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> + + + +<p>{{Compat("api.ServiceWorkerRegistration.scope")}}</p> + +<h2 id="See_also" name="See_also">関連情報</h2> + +<ul> + <li><a href="/ja/docs/Web/API/Service_Worker_API/Using_Service_Workers">Service worker の使用</a></li> + <li><a href="https://github.com/mdn/sw-test">サービスワーカーの基本的なコード例</a>(英語)</li> + <li><a href="https://jakearchibald.github.io/isserviceworkerready/">ServiceWorker の準備はできていますか?</a>(英語)</li> + <li>{{jsxref("Promise")}}</li> + <li><a href="/ja/docs/Web/API/Web_Workers_API/Using_web_workers">Web worker の使用</a></li> +</ul> diff --git a/files/ja/web/api/serviceworkerregistration/shownotification/index.html b/files/ja/web/api/serviceworkerregistration/shownotification/index.html new file mode 100644 index 0000000000..5f18ce75c1 --- /dev/null +++ b/files/ja/web/api/serviceworkerregistration/shownotification/index.html @@ -0,0 +1,106 @@ +--- +title: ServiceWorkerRegistration.showNotification() +slug: Web/API/ServiceWorkerRegistration/showNotification +tags: + - API + - Method + - Reference + - Service Workers + - ServiceWorker + - ServiceWorkerRegistration + - showNotification +translation_of: Web/API/ServiceWorkerRegistration/showNotification +--- +<p>{{APIRef("Service Workers API")}}</p> + +<p><span class="seoSummary">{{domxref("ServiceWorkerRegistration")}} インターフェイスの <strong><code>showNotification()</code></strong> メソッドは、アクティブなサービスワーカー上で通知を作成します。</span></p> + +<div class="note"> +<p><strong>注</strong>: この機能は <a href="/ja/docs/Web/API/Web_Workers_API">Web Worker</a> で使用できます。</p> +</div> + +<h2 id="Syntax" name="Syntax">構文</h2> + +<pre class="syntaxbox"><em>serviceWorkerRegistration</em>.showNotification(<em>title</em>, [<em>options</em>]);</pre> + +<h3 id="Parameters" name="Parameters">パラメーター</h3> + +<dl> + <dt><code>title</code></dt> + <dd>通知内に表示する必要があるタイトル</dd> + <dt><code>options</code> {{optional_inline}}</dt> + <dd>通知の設定を可能にするオブジェクト。 次のプロパティを持つことができます。 + <ul> + <li><code>actions</code>: 通知に表示するアクションの配列。 配列のメンバーはオブジェクトリテラルである必要があります。 次の値が含まれる場合があります。 + <ul> + <li>action: 通知に表示されるユーザーアクションを識別する {{domxref("DOMString")}}。</li> + <li>title: ユーザーに表示されるアクションテキストを含む {{domxref("DOMString")}}。</li> + <li>icon: アクションで表示するアイコンの URL を含む {{domxref("USVString")}}。</li> + </ul> + 適切な応答は、{{event("notificationclick")}} イベント内の <code>event.action</code> を使用して作成されます。</li> + <li><code>badge</code>: Android 通知バーなど、通知自体を表示するのに十分なスペースがない場合に通知を表す画像の URL を含む{{domxref("USVString")}}。 Android デバイスでは、バッジは最大 4x 解像度、約96 x 96 ピクセルのデバイスに対応する必要があり、画像は自動的にマスクされます。</li> + <li><code>body</code>: 通知内に表示する追加のコンテンツを表す文字列。</li> + <li><code>data</code>: 通知に関連付ける任意のデータ。 これは任意のデータ型にすることができます。</li> + <li><code>dir</code> : 通知の方向。 <code>auto</code>、<code>ltr</code>、<code>rtl</code> のいずれかです。</li> + <li><code>icon</code>: 通知でアイコンとして使用される画像の URL を含む {{domxref("USVString")}}。</li> + <li><code>image</code>: 通知に表示される画像の URL を含む {{domxref("USVString")}}。</li> + <li><code>lang</code>: 通知内で使用される言語を指定します。 この文字列は、有効な <a href="http://tools.ietf.org/html/bcp47">BCP 47 言語タグ</a>である必要があります。</li> + <li><code>renotify</code>: <code>tag</code> 値を再利用するときにバイブレーションと可聴アラートを抑制するかどうかを示すブール値。 <em>オプション</em>の <code>renotify</code> が <code>true</code> で、<em>オプション</em>の <code>tag</code> が空の文字列の場合、TypeError がスローされます。 デフォルトは <code>false</code> です。</li> + <li><code>requireInteraction</code>: 画面が十分に大きいデバイスでは、ユーザーがクリックするか閉じるまで通知をアクティブにしておく必要があることを示します。 この値がないか <code>false</code> の場合、デスクトップバージョンの Chrome は約20秒後に通知を自動的に最小化します。 デフォルト値は <code>false</code> です。</li> + <li><code>silent</code>: 設定されている場合、音やバイブレーションは発生しないことを示します。 <em>オプション</em>の <code>silent</code> が <code>true</code> で、<em>オプション</em>の <code>vibrate</code> が存在する場合、TypeError 例外がスローされます。 デフォルト値は <code>false</code> です。</li> + <li><code>tag</code>: 必要に応じてスクリプトを使用して通知を検索、置換、または削除できるようにする所与の通知の ID。</li> + <li><code>timestamp</code>: 通知が作成された時刻を表す {{domxref("DOMTimeStamp")}}。 通知が実際に行われた時刻を示すために使用できます。 例えば、これは過去に、デバイスがオフラインだったためにすぐに配信できなかったメッセージに通知が使用された場合や、これから始まる会議に向けて通知が使用された場合などです。</li> + <li><code>vibrate</code>: 通知の表示で実行するバイブレーションパターン。 バイブレーションパターンは、メンバーが1つしかない配列にすることができます。 値はミリ秒単位の時間で、偶数のインデックス(0、2、4 など)は振動する時間を示し、奇数のインデックスは一時停止する時間を示します。例えば、<code>[300、100、400]</code> は、300ミリ秒振動し、100ミリ秒休止してから、400ミリ秒振動します。</li> + </ul> + </dd> +</dl> + +<h3 id="Return_value" name="Return_value">戻り値</h3> + +<p><code>undefined</code> に解決する {{jsxref('Promise')}}。</p> + +<h2 id="Examples" name="Examples">例</h2> + +<pre class="brush: js">navigator.serviceWorker.register('sw.js'); + +function showNotification() { + Notification.requestPermission(function(result) { + if (result === 'granted') { + navigator.serviceWorker.ready.then(function(registration) { + registration.showNotification('バイブレーションの例', { + body: 'ブンブン! ブンブン!', + icon: '../images/touch/chrome-touch-icon-192x192.png', + vibrate: [200, 100, 200, 100, 200, 100, 200], + tag: 'vibration-sample' + }); + }); + } + }); +}</pre> + +<p>上記の関数を適切なタイミングで呼び出すには、{{domxref("ServiceWorkerGlobalScope.onnotificationclick")}} イベントハンドラーを使用できます。</p> + +<p>{{domxref("ServiceWorkerRegistration.getNotifications()")}} を使用して、現在のサービスワーカーから発生した {{domxref("Notification")}} の詳細を取得することもできます。</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('Web Notifications','#dom-serviceworkerregistration-shownotification','showNotification()')}}</td> + <td>{{Spec2('Web Notifications')}}</td> + <td>初期定義</td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> + + + +<p>{{Compat("api.ServiceWorkerRegistration.showNotification")}}</p> diff --git a/files/ja/web/api/serviceworkerregistration/sync/index.html b/files/ja/web/api/serviceworkerregistration/sync/index.html new file mode 100644 index 0000000000..331625dbac --- /dev/null +++ b/files/ja/web/api/serviceworkerregistration/sync/index.html @@ -0,0 +1,48 @@ +--- +title: ServiceWorkerRegistration.sync +slug: Web/API/ServiceWorkerRegistration/sync +tags: + - API + - Experimental + - Property + - Reference + - Service Workers + - ServiceWorkerRegistration + - Sync +translation_of: Web/API/ServiceWorkerRegistration/sync +--- +<div>{{Non-standard_header}}{{APIRef("Service Workers API")}}</div> + +<p><span class="seoSummary">{{domxref("ServiceWorkerRegistration")}} インターフェイスの <strong><code>sync</code></strong> プロパティは、バックグラウンド同期プロセスを管理する {{domxref("SyncManager")}} インターフェイスへの参照を返します。</span></p> + +<h2 id="Syntax" name="Syntax">構文</h2> + +<pre class="syntaxbox">var <em>syncManager</em> = <em>serviceWorkerRegistration</em>.sync; +</pre> + +<h3 id="Value" name="Value">値</h3> + +<p>{{domxref("SyncManager")}} オブジェクト。</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('Background Sync')}}</td> + <td>{{Spec2('Background Sync')}}</td> + <td>初期定義</td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> + + + +<p>{{Compat("api.ServiceWorkerRegistration.sync")}}</p> diff --git a/files/ja/web/api/serviceworkerregistration/unregister/index.html b/files/ja/web/api/serviceworkerregistration/unregister/index.html new file mode 100644 index 0000000000..ea95d1376e --- /dev/null +++ b/files/ja/web/api/serviceworkerregistration/unregister/index.html @@ -0,0 +1,82 @@ +--- +title: ServiceWorkerRegistration.unregister() +slug: Web/API/ServiceWorkerRegistration/unregister +tags: + - API + - Method + - Reference + - Service Workers + - ServiceWorkerRegistration + - unregister +translation_of: Web/API/ServiceWorkerRegistration/unregister +--- +<div>{{APIRef("Service Workers API")}}</div> + +<p><span class="seoSummary">{{domxref("ServiceWorkerRegistration")}} インターフェイスの <strong><code>unregister()</code></strong> メソッドは、サービスワーカー登録を登録解除し、{{jsxref("Promise")}} を返します。 登録が見つからなかった場合、Promise は <code>false</code> に解決されます。 それ以外の場合は、登録解除したかどうかに関係なく、<code>true</code> に解決されます(誰かが同じスコープで {{domxref("ServiceWorkerContainer.register()")}} をちょうど呼び出した場合は登録解除されない場合があります)。 サービスワーカーは、登録解除される前に進行中の操作を完了します。</span></p> + +<div class="note"> +<p><strong>注</strong>: この機能は <a href="/ja/docs/Web/API/Web_Workers_API">Web Worker</a> で使用できます。</p> +</div> + +<h2 id="Syntax" name="Syntax">構文</h2> + +<pre class="syntaxbox"><em>serviceWorkerRegistration</em>.unregister().then(function(<em>boolean</em>) { +});</pre> + +<h3 id="Parameters" name="Parameters">パラメーター</h3> + +<p>なし。</p> + +<h3 id="Return_value" name="Return_value">戻り値</h3> + +<p>{{jsxref("Promise")}} は、サービスワーカーが登録解除されているかどうかを示すブール値で解決します。</p> + +<h2 id="Example" name="Example">例</h2> + +<p>次の簡単な例では、サービスワーカーの例を登録していますが、すぐに再び登録を解除しています。</p> + +<pre class="brush: js">if ('serviceWorker' in navigator) { + navigator.serviceWorker.register('/sw-test/sw.js', {scope: 'sw-test'}).then(function(registration) { + // 登録しました + console.log('登録に成功しました。'); + registration.unregister().then(function(boolean) { + // boolean = true ならば、登録解除は成功 + }); + }).catch(function(error) { + // 登録に失敗しました + console.log('登録に失敗しました:' + error); + }); +};</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', 'navigator-service-worker-unregister', 'ServiceWorkerRegistration.unregister()')}}</td> + <td>{{Spec2('Service Workers')}}</td> + <td>初期定義</td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> + + + +<p>{{Compat("api.ServiceWorkerRegistration.unregister")}}</p> + +<h2 id="See_also" name="See_also">関連情報</h2> + +<ul> + <li><a href="/ja/docs/Web/API/Service_Worker_API/Using_Service_Workers">Service worker の使用</a></li> + <li><a href="https://github.com/mdn/sw-test">サービスワーカーの基本的なコード例</a>(英語)</li> + <li><a href="https://jakearchibald.github.io/isserviceworkerready/">ServiceWorker の準備はできていますか?</a>(英語)</li> + <li>{{jsxref("Promise")}}</li> + <li><a href="/ja/docs/Web/API/Web_Workers_API/Using_web_workers">Web worker の使用</a></li> +</ul> diff --git a/files/ja/web/api/serviceworkerregistration/update/index.html b/files/ja/web/api/serviceworkerregistration/update/index.html new file mode 100644 index 0000000000..b1542c16b9 --- /dev/null +++ b/files/ja/web/api/serviceworkerregistration/update/index.html @@ -0,0 +1,81 @@ +--- +title: ServiceWorkerRegistration.update() +slug: Web/API/ServiceWorkerRegistration/update +tags: + - API + - Method + - Reference + - Service Worker + - ServiceWorkerRegistration + - Update +translation_of: Web/API/ServiceWorkerRegistration/update +--- +<div>{{APIRef("Service Workers API")}}</div> + +<p>{{domxref("ServiceWorkerRegistration")}} インターフェイスの <strong><code>update()</code></strong> メソッドは、サービスワーカーの更新を試みます。 ワーカーのスクリプト URL をフェッチし、新しいワーカーが現在のワーカーとバイト単位で同一でない場合は、新しいワーカーをインストールします。 前回のフェッチが24時間以上前に行われた場合、ワーカーのフェッチはブラウザーキャッシュをバイパスします。</p> + +<div class="note"> +<p><strong>注</strong>: この機能は <a href="/ja/docs/Web/API/Web_Workers_API">Web Worker</a> で使用できます。</p> +</div> + +<h2 id="Syntax" name="Syntax">構文</h2> + +<pre class="syntaxbox"><em>serviceWorkerRegistration</em>.update();</pre> + +<h3 id="Parameters" name="Parameters">パラメーター</h3> + +<p>なし。</p> + +<h3 id="Return_value" name="Return_value">戻り値</h3> + +<p>{{domxref("ServiceWorkerRegistration")}} オブジェクトで解決する {{jsxref("Promise")}}。</p> + +<h2 id="Example" name="Example">例</h2> + +<p>次の簡単な例では、サービスワーカーの例を登録し、次にイベントハンドラーをボタンに追加して、必要に応じてサービスワーカーを明示的に更新できるようにします。</p> + +<pre class="brush: js">if ('serviceWorker' in navigator) { + navigator.serviceWorker.register('/sw-test/sw.js', {scope: 'sw-test'}).then(function(registration) { + // 登録しました + console.log('登録に成功しました。'); + button.onclick = function() { + registration.update(); + } + }).catch(function(error) { + // 登録に失敗しました + console.log('登録に失敗しました:' + error); + }); +};</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', '#service-worker-registration-update', 'ServiceWorkerRegistration.update()')}}</td> + <td>{{Spec2('Service Workers')}}</td> + <td>初期定義</td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> + + + +<p>{{Compat("api.ServiceWorkerRegistration.update")}}</p> + +<h2 id="See_also" name="See_also">関連情報</h2> + +<ul> + <li><a href="/ja/docs/Web/API/Service_Worker_API/Using_Service_Workers">Service worker の使用</a></li> + <li><a href="https://github.com/mdn/sw-test">サービスワーカーの基本的なコード例</a>(英語)</li> + <li><a href="https://jakearchibald.github.io/isserviceworkerready/">ServiceWorker の準備はできていますか?</a>(英語)</li> + <li>{{jsxref("Promise")}}</li> + <li><a href="/ja/docs/Web/API/Web_Workers_API/Using_web_workers">Web worker の使用</a></li> +</ul> diff --git a/files/ja/web/api/serviceworkerregistration/waiting/index.html b/files/ja/web/api/serviceworkerregistration/waiting/index.html new file mode 100644 index 0000000000..d00bfa83d5 --- /dev/null +++ b/files/ja/web/api/serviceworkerregistration/waiting/index.html @@ -0,0 +1,63 @@ +--- +title: ServiceWorkerRegistration.waiting +slug: Web/API/ServiceWorkerRegistration/waiting +tags: + - API + - Property + - Reference + - Service Workers + - ServiceWorkerRegistration + - waiting +translation_of: Web/API/ServiceWorkerRegistration/waiting +--- +<div>{{APIRef("Service Workers API")}}</div> + +<p><span class="seoSummary">{{domxref("ServiceWorkerRegistration")}} インターフェイスの <strong><code>waiting</code></strong> プロパティは、{{domxref("ServiceWorker.state")}} がインストール済み(<code>installed</code>)のサービスワーカーを返します。 このプロパティは、最初は <code>null</code> に設定されています。</span></p> + +<div class="note"> +<p><strong>注</strong>: この機能は <a href="/ja/docs/Web/API/Web_Workers_API">Web Worker</a> で使用できます。</p> +</div> + +<h2 id="Syntax" name="Syntax">構文</h2> + +<pre class="syntaxbox">var <em>serviceWorker</em> = <em>serviceWorkerRegistration</em>.waiting; +</pre> + +<h3 id="Value" name="Value">値</h3> + +<p>{{domxref("ServiceWorker")}} オブジェクト(現在インストール済み(<code>installed</code>)の状態の場合)。</p> + +<h2 id="Specifications" name="Specifications">仕様</h2> + +<div></div> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">仕様</th> + <th scope="col">状態</th> + <th scope="col">コメント</th> + </tr> + <tr> + <td>{{SpecName('Service Workers', '#navigator-service-worker-waiting', 'ServiceWorkerRegistration.waiting')}}</td> + <td>{{Spec2('Service Workers')}}</td> + <td>初期定義</td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> + + + +<p>{{Compat("api.ServiceWorkerRegistration.waiting")}}</p> + +<h2 id="See_also" name="See_also">関連情報</h2> + +<ul> + <li><a href="/ja/docs/Web/API/Service_Worker_API/Using_Service_Workers">Service worker の使用</a></li> + <li><a href="https://github.com/mdn/sw-test">サービスワーカーの基本的なコード例</a>(英語)</li> + <li><a href="https://jakearchibald.github.io/isserviceworkerready/">ServiceWorker の準備はできていますか?</a>(英語)</li> + <li>{{jsxref("Promise")}}</li> + <li><a href="/ja/docs/Web/API/Web_Workers_API/Using_web_workers">Web worker の使用</a></li> +</ul> |