Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Web/API/ServiceWorkerGlobalScope/activate_event 他3件を更新 #23689

Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
@@ -1,19 +1,20 @@
---
title: "ServiceWorkerGlobalScope: activate イベント"
short-title: activate
slug: Web/API/ServiceWorkerGlobalScope/activate_event
l10n:
sourceCommit: e0e09b1df51489867f2e74c18586d168ba5e00d1
sourceCommit: 2ef36a6d6f380e79c88bc3a80033e1d3c4629994
---

{{APIRef("Service Workers API")}}
{{APIRef("Service Workers API")}}{{SecureContext_Header}}{{AvailableInWorkers("service")}}

**`activate`** は {{domxref("ServiceWorkerGlobalScope")}} インターフェイスのイベントで、{{domxref("ServiceWorkerRegistration")}} が新しいアクティブワーカー({{domxref("ServiceWorkerRegistration.active")}} worker)を取得すると発生します。

このイベントはキャンセル不可で、バブリングしません。

## 構文

このイベント名を {{domxref("EventTarget.addEventListener", "addEventListener()")}} 等のメソッドで使用するか、イベントハンドラープロパティを設定するかしてください。
このイベント名を {{domxref("EventTarget.addEventListener", "addEventListener()")}} などのメソッドで使用するか、イベントハンドラープロパティを設定するかしてください。

```js
addEventListener("activate", (event) => {});
Expand All @@ -36,7 +37,7 @@ _固有のプロパティは実装していませんが、親である {{domxref
次のスニペットは、`activate` イベントハンドラーを使用してキャッシュをアップグレードする方法を示しています。

```js
globalScope.addEventListener("activate", (event) => {
self.addEventListener("activate", (event) => {
const cacheAllowlist = ["v2"];

event.waitUntil(
Expand All @@ -52,7 +53,7 @@ globalScope.addEventListener("activate", (event) => {
次のように `onactivate` プロパティを使用してイベントハンドラーを設定することもできます。

```js
globalScope.onactivate = (event) => {
self.onactivate = (event) => {
// ...
};
```
Expand Down
Original file line number Diff line number Diff line change
@@ -1,11 +1,12 @@
---
title: "ServiceWorkerGlobalScope: install イベント"
short-title: install
slug: Web/API/ServiceWorkerGlobalScope/install_event
l10n:
sourceCommit: e910d1f446a8b3fa8c60c7cb34c272f4a13b3892
sourceCommit: 2ef36a6d6f380e79c88bc3a80033e1d3c4629994
---

{{APIRef("Service Workers API")}}
{{APIRef("Service Workers API")}}{{SecureContext_Header}}{{AvailableInWorkers("service")}}

**`install`** は {{domxref("ServiceWorkerGlobalScope")}} インターフェイスのイベントで、 {{domxref("ServiceWorkerRegistration")}} が新しい {{domxref("ServiceWorkerRegistration.installing")}} ワーカーを取得したときに発行されます。

Expand Down Expand Up @@ -36,7 +37,7 @@ _固有のプロパティは実装していませんが、親である {{domxref
以下のスニペットでは、`install`イベントハンドラーを使用して、キャッシュに多くのレスポンスを投入し、サービスワーカーがオフラインで資産を提供するために使用する方法を示しています。

```js
this.addEventListener("install", (event) => {
self.addEventListener("install", (event) => {
event.waitUntil(
caches
.open("v1")
Expand All @@ -61,7 +62,7 @@ this.addEventListener("install", (event) => {
また、 `oninstall` プロパティを使用して、イベントハンドラーを設定することもできます。

```js
globalScope.oninstall = (event) => {
self.oninstall = (event) => {
// ...
};
```
Expand Down
Original file line number Diff line number Diff line change
@@ -1,11 +1,12 @@
---
title: ServiceWorkerGlobalScope.registration
title: "ServiceWorkerGlobalScope: registration プロパティ"
short-title: registration
slug: Web/API/ServiceWorkerGlobalScope/registration
l10n:
sourceCommit: c7aeb96dac3e0ac2864cffe45c02d214ae1a5219
sourceCommit: 2ef36a6d6f380e79c88bc3a80033e1d3c4629994
---

{{APIRef("Service Workers API")}}
{{APIRef("Service Workers API")}}{{SecureContext_Header}}{{AvailableInWorkers("service")}}

**`registration`** は {{domxref("ServiceWorkerGlobalScope")}} インターフェイスの読み取り専用プロパティで、サービスワーカーの登録を表す {{domxref("ServiceWorkerRegistration")}} オブジェクトの参照を返します。

Expand All @@ -25,6 +26,4 @@ l10n:

- [サービスワーカーの使用](/ja/docs/Web/API/Service_Worker_API/Using_Service_Workers)
- [サービスワーカーの基本的なコード例](https://github.com/mdn/dom-examples/tree/main/service-worker/simple-service-worker)
- [Is ServiceWorker ready?](https://jakearchibald.github.io/isserviceworkerready/)
- {{jsxref("Promise")}}
- [ウェブワーカーの使用](/ja/docs/Web/API/Web_Workers_API/Using_web_workers)
13 changes: 6 additions & 7 deletions files/ja/web/api/serviceworkerglobalscope/skipwaiting/index.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,14 @@
---
title: ServiceWorkerGlobalScope.skipWaiting()
title: "ServiceWorkerGlobalScope: skipWaiting() メソッド"
short-title: skipWaiting()
slug: Web/API/ServiceWorkerGlobalScope/skipWaiting
l10n:
sourceCommit: 16e398809d62247dbadc89ff4024a0ffa4781f0e
sourceCommit: 2ef36a6d6f380e79c88bc3a80033e1d3c4629994
---

{{APIRef("Service Workers API")}}
{{APIRef("Service Workers API")}}{{SecureContext_Header}}{{AvailableInWorkers("service")}}

**`ServiceWorkerGlobalScope.skipWaiting()`** は {{domxref("ServiceWorkerGlobalScope")}} のメソッドで、待機しているサービスワーカーがアクティブになるように強制します。
**`skipWaiting()`** は {{domxref("ServiceWorkerGlobalScope")}} インターフェイスのメソッドで、待機しているサービスワーカーがアクティブになるように強制します。

このメソッドは、 {{domxref("Clients.claim()")}} と併用することで、現在のクライアントと他のすべてのアクティブなクライアントの両方で、元となるサービスワーカーの更新が即座に有効になるようにします。

Expand All @@ -23,7 +24,7 @@ skipWaiting()

### 返値

{{jsxref("Promise")}} で、直ちに `undefined` に解決します
{{jsxref("Promise")}} で、新しくインストールされたサービスワーカーを起動しようとした後、`undefined` で解決します

## 例

Expand Down Expand Up @@ -54,7 +55,5 @@ self.addEventListener("install", (event) => {

- [サービスワーカーの使用](/ja/docs/Web/API/Service_Worker_API/Using_Service_Workers)
- [サービスワーカーの基本的なコード例](https://github.com/mdn/dom-examples/tree/main/service-worker/simple-service-worker)
- [Is ServiceWorker ready?](https://jakearchibald.github.io/isserviceworkerready/)
- {{domxref("Clients.claim()")}}
- {{jsxref("Promise", "プロミス", "", 1)}}
- [ウェブワーカーの使用](/ja/docs/Web/API/Web_Workers_API/Using_web_workers)