Skip to content

Commit

Permalink
2024/05/13 時点の英語版に基づき更新
Browse files Browse the repository at this point in the history
  • Loading branch information
mfuji09 committed Sep 23, 2024
1 parent 70a40d7 commit e2042f0
Show file tree
Hide file tree
Showing 4 changed files with 21 additions and 21 deletions.
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)

0 comments on commit e2042f0

Please sign in to comment.