From 835bcfff5b919583af5ac026c86d8cff61c2c0fd Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Thu, 29 Aug 2024 22:50:40 +0900 Subject: [PATCH] =?UTF-8?q?2024/04/12=20=E6=99=82=E7=82=B9=E3=81=AE?= =?UTF-8?q?=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=9F=BA=E3=81=A5=E3=81=8D?= =?UTF-8?q?=E6=9B=B4=E6=96=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../web/api/notificationevent/action/index.md | 4 +-- .../notificationevent/notification/index.md | 30 +++++++++--------- .../notificationevent/index.md | 31 +++++++++++++------ 3 files changed, 39 insertions(+), 26 deletions(-) diff --git a/files/ja/web/api/notificationevent/action/index.md b/files/ja/web/api/notificationevent/action/index.md index c35f70a71e65e4..2bed4db1ce953e 100644 --- a/files/ja/web/api/notificationevent/action/index.md +++ b/files/ja/web/api/notificationevent/action/index.md @@ -3,10 +3,10 @@ title: "NotificationEvent: action プロパティ" short-title: action slug: Web/API/NotificationEvent/action l10n: - sourceCommit: 212e53bbdaf88af59a57ec1f335bde5e828b68c5 + sourceCommit: 28848ba41c082db2a8c55e85c804bd06363afb57 --- -{{APIRef("Web Notifications")}} +{{APIRef("Web Notifications")}}{{AvailableInWorkers("service")}} **`action`** は {{domxref("NotificationEvent")}} インターフェイスの読み取り専用プロパティで、ユーザーがクリックした通知ボタンの文字列 ID を返します。ユーザーがアクションボタン以外の場所で通知をクリックした場合、または通知にボタンがない場合、この値は空の文字列を返します。通知 ID は、アクション配列属性を介した通知の作成中に設定され、通知が置き換えられない限り変更することはできません。 diff --git a/files/ja/web/api/notificationevent/notification/index.md b/files/ja/web/api/notificationevent/notification/index.md index 671446e111e3d2..ba7a928f3abc6b 100644 --- a/files/ja/web/api/notificationevent/notification/index.md +++ b/files/ja/web/api/notificationevent/notification/index.md @@ -1,11 +1,14 @@ --- -title: NotificationEvent.notification +title: "NotificationEvent: notification プロパティ" +short-title: notification slug: Web/API/NotificationEvent/notification +l10n: + sourceCommit: 28848ba41c082db2a8c55e85c804bd06363afb57 --- -{{APIRef("Web Notifications")}} +{{APIRef("Web Notifications")}}{{AvailableInWorkers("service")}} -`notification` は {{domxref("NotificationEvent")}} インターフェイスの読取専用プロパティで、クリックされてイベントを発行した {{domxref("Notification")}} のインスタンスを返します。 {{domxref("Notification")}} は `tag` や `data` 属性など、 Notification のインスタンス化時に設定された多くのプロパティへの読み取り専用アクセスを提供しており、あとで `notificationclick` イベントで使用するための情報を保存することができます。 +**`notification`** は {{domxref("NotificationEvent")}} インターフェイスの読み取り専用プロパティで、クリックされてイベントを発行した {{domxref("Notification")}} のインスタンスを返します。 {{domxref("Notification")}} は `tag` や `data` 属性など、 Notification のインスタンス化時に設定された多くのプロパティへの読み取り専用アクセスを提供しており、あとで `notificationclick` イベントで使用するための情報を保存することができます。 ## 返値 @@ -14,26 +17,25 @@ slug: Web/API/NotificationEvent/notification ## 例 ```js -self.addEventListener("notificationclick", function (event) { +self.addEventListener("notificationclick", (event) => { console.log("On notification click"); - // Data can be attached to the notification so that you - // can process it in the notificationclick handler. - console.log("Notification Tag:", event.notification.tag); - console.log("Notification Data:", event.notification.data); + // 通知にデータを添付することで、notificationclick ハンドラーで + // 処理することができる + console.log(`通知タグ: ${event.notification.tag}`); + console.log(`通知データ: ${event.notification.data}`); event.notification.close(); - // This looks to see if the current is already open and - // focuses if it is + // これは、すでに開いているかどうかを調べて、開いている場合は + // フォーカスする event.waitUntil( clients .matchAll({ type: "window", }) - .then(function (clientList) { - for (var i = 0; i < clientList.length; i++) { - var client = clientList[i]; - if (client.url == "/" && "focus" in client) return client.focus(); + .then((clientList) => { + for (const client of clientList) { + if (client.url === "/" && "focus" in client) return client.focus(); } if (clients.openWindow) return clients.openWindow("/"); }), diff --git a/files/ja/web/api/notificationevent/notificationevent/index.md b/files/ja/web/api/notificationevent/notificationevent/index.md index 229447893068f1..c9ce1aced63d80 100644 --- a/files/ja/web/api/notificationevent/notificationevent/index.md +++ b/files/ja/web/api/notificationevent/notificationevent/index.md @@ -1,31 +1,42 @@ --- -title: NotificationEvent.NotificationEvent() +title: "NotificationEvent: NotificationEvent() コンストラクター" +short-title: NotificationEvent() slug: Web/API/NotificationEvent/NotificationEvent +l10n: + sourceCommit: 28848ba41c082db2a8c55e85c804bd06363afb57 --- -{{APIRef("Web Notifications")}} +{{APIRef("Web Notifications")}}{{AvailableInWorkers("service")}} **`NotificationEvent()`** コンストラクターは、新しい {{domxref("NotificationEvent")}} オブジェクトを生成します。 ## 構文 -``` -var myNotificationEvent = new NotificationEvent(type, NotificationEventInit); +```js-nolint +new NotificationEvent(type, options) ``` ### 引数 - `type` - - : TBD -- `NotificationEventInit` {{optional_inline}} - - : イベントが配信される通知として使用される {{domxref("Notification")}} オブジェクトを含む辞書オブジェクト。この仕様書の後の草稿では、このパラメータはオプションではありません。 + - : イベントの名前の文字列。 + 大文字と小文字が区別され、ブラウザーでは `notificationclick` または `notificationclose` に設定します。 +- `options` + - : オブジェクトで、_{{domxref("ExtendableEvent/ExtendableEvent", "ExtendableEvent()")}} で定義されているプロパティに加え_、以下のプロパティを持つことができます。 + - `notification` + - : イベントが配信される際に通知として使用する {{domxref("Notification")}} オブジェクト。 + - `action` {{optional_inline}} + - : 通知に関連付けられたアクション。既定では `""` です。 + +### 返値 + +新しい {{domxref("NotificationEvent()")}} オブジェクトです。 ## 例 ```js -var n = new Notification("Hello"); -var init = { notification: n }; -var myNotificationEvent = new NotificationEvent(type, init); +const n = new Notification("Hello"); +const myNotificationEvent = new NotificationEvent(type, { notification: n }); ``` ## 仕様書