Get to know MDN better
このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。
This feature is not Baseline because it does not work in some of the most widely-used browsers.
安全なコンテキスト用: この機能は一部またはすべての対応しているブラウザーにおいて、安全なコンテキスト (HTTPS) でのみ利用できます。
メモ: この機能はウェブワーカー内で利用可能です。
Notification() コンストラクターは、ユーザー通知を表す新しい Notification オブジェクトのインスタンスを生成します。
メモ: ServiceWorkerGlobalScope 内で Notification() コンストラクターを使用して通知を作成しようとすると、TypeError が発生します。代わりに ServiceWorkerRegistration.showNotification() を使用してください。
通知ウィンドウの最上部に表示される、通知のためのタイトルを定義します。
options 省略可通知に適用するカスタム設定を含むオプションオブジェクトです。使用できるオプションは以下のとおりです。
dir 省略可通知を表示する方向です。既定値は auto で、ブラウザーの言語設定の振る舞いが適用されますが、 ltr と rtl の値で振る舞いを上書きできます (ただし、ほとんどのブラウザーがこれらの設定を無視しているようですが)。
lang 省略可RFC 5646: 言語を識別するタグ(BCP 47 とも)を表す文字列を使って指定される通知の言語です。 簡単なリファレンスとして ISO 2 letter language codes ページを参照してください。 既定値は空文字列です。
badge 省略可文字列で、通知自体を表示する充分な空間がない場合に通知の表現に使用される画像の URL を指定します。
body 省略可文字列で、タイトルの下側に表示される通知の本文を表します。 既定値は空文字列です。
tag 省略可通知のための識別タグを表す 文字列です。
icon 省略可通知の一部として表示されるアイコンのURLを含む文字列です。
image 省略可文字列で、通知に表示される画像の URL を指定します。
data 省略可通知に関連付ける任意のデータです。これはどのデータ型でも可能です。 既定値は null です。
vibrate 省略可通知が発生したときに端末のバイブレーションハードウェアに通知するバイブレーションパターンです。指定された場合、silent は true にできません。
timestamp 省略可数値で、通知が作成された時点または適用される時点(過去、現在、未来)を表します。
renotify 省略可古い通知が新しい通知に置き換えられた後、ユーザーに通知するかどうかを指定する論理値です。既定値は false で、通知しないことを意味します。true の場合、tag も設定する必要があります。
requireInteraction 省略可通知が自動的に閉じるのではなく、ユーザーがクリックするか解除するまでアクティブな状態を維持すべきであることを示します。 既定値は false です。
actions 省略可通知で表示するアクションの配列です。配列内のそれぞれの要素は、以下のメンバーを持つオブジェクトです。
action通知上に表示されるユーザーアクションを特定する文字列。
titleユーザーに表示するアクションテキストを含む文字列。
icon 省略可アクションとともに表示されるアイコンの URL を含む文字列。
適切なレスポンスは event.action を使用して notificationclick イベント内で構築されます。
silent 省略可通知をサイレントにするかどうかを指定する論理値です。端末の設定にかかわらず、音やバイブレーションを発しないようにします。 既定値は null です。true の場合、 vibrate が存在してはいけません。
Notification オブジェクトのインスタンスです。
以下の場合に例外が発生します。
何らかの理由で data オプションのシリアライズに失敗した場合に発生します。
この例は、その権限がすでに付与されている場合にのみ通知を表示させるという最も基本的なものです。より完全な例については、Notification ページをご覧ください。
| Notifications API # dom-notification-notification |
Enable JavaScript to view this browser compatibility table.
Chrome 49 以降では、 incognito モードでは通知が動作しません。
Android 版 Chrome は Notification コンストラクターを呼び出すと TypeError を発生させます。サービスワーカーからの通知の作成にのみ対応しています。詳しくは Chromium issue tracker をご覧ください。
This page was last modified on 2025年7月22日 by MDN contributors.
Your blueprint for a better internet.
Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998–2026 by individual mozilla.org contributors. Content available under a Creative Commons license.