Skip to content

Commit

Permalink
2024/04/12 時点の英語版に基づき更新
Browse files Browse the repository at this point in the history
  • Loading branch information
mfuji09 committed Aug 29, 2024
1 parent b949470 commit 9c8a571
Show file tree
Hide file tree
Showing 3 changed files with 39 additions and 26 deletions.
4 changes: 2 additions & 2 deletions files/ja/web/api/notificationevent/action/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -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 は、アクション配列属性を介した通知の作成中に設定され、通知が置き換えられない限り変更することはできません。

Expand Down
30 changes: 16 additions & 14 deletions files/ja/web/api/notificationevent/notification/index.md
Original file line number Diff line number Diff line change
@@ -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` イベントで使用するための情報を保存することができます。

## 返値

Expand All @@ -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("/");
}),
Expand Down
31 changes: 21 additions & 10 deletions files/ja/web/api/notificationevent/notificationevent/index.md
Original file line number Diff line number Diff line change
@@ -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 });
```

## 仕様書
Expand Down

0 comments on commit 9c8a571

Please sign in to comment.