ハンナソフトバンク・au・ドコモの方は、公式のオンラインショップを利用すれば頭金不要で通常のショップよりお得に購入できます。au公式ショップを見るこんにちは。最近注目を集めているチームコミュニケーションツールの【Slack】のウェブバージョンを見るとプログラムを設置したこともないのにBrowserではなくDesktopにアラームが表示されていることを見たことがありますよね。それは、なぜできるのか?理由はHTML5のNotificationを利用しているからです。HTML5のNotificationDesktopにアラームを権限要求するNotificationと、Desktopにアラーム送るNotificationを利用すれば簡単にできます。下記のDemoを見てください。https://jsfiddle.net/kh0gvpu0/5/embedded/result/とりあえず下のようなHTMLを作成します。Notificationの権限要請はNotification.requestPermission(callback)のMethodで処理ができます。Desktopアラーム権限要請のボタンクリックしてブラウザのラベルでユーザが確認します。アラーム使用許可の結果はcallbackのparameterに送ります。parameterの内容は許可が【granted】、拒絶は【denied】、それと【default】があります。Notificationの権限要請を拒絶しました。Notificationの権限要請がキャンセルなりました。console.log('このブラウザはNoticationを支援していません。window)でNotification支援するブラウザを確認します。サポート・ブラウザであれば下図のようにNotificationの許可を選択するアラートが出ます。options)を利用してメッセージを送ることができます。parameterはアラームタイトル、二番のparameterはoptionになります。option中にはbodyと言うメッセージとアラームイメージのiconと色々ありますが、このPropertiesはMDNのNotificationを参考してください。Notificationでユーザにメッセージとかお知らせなどができて、いろいろと応用できるのではないかと思います。ソフトバンク・au・ドコモの方は、公式のオンラインショップを利用すれば頭金不要で通常のショップよりお得に購入できます。au公式ショップを見る【週刊bitWave】(メルマガ)始めました!登録はこちらからメールアドレスを入力してお申込みください。【週刊bitWave】の更新情報の配信にのみ使用します。個人情報の取扱いに関しては、「プライバシーポリシー」をご確認ください。解除はいつでもこちらから行うことが可能です。普段、あまり利用することのないビット情報。酒怪物改め「ただの酒好き」です。私は主にPHPで開発を行っており、ユニットテストも書いています。普段、あまり利用することのないビット情報。酒怪物改め「ただの酒好き」です。私は主にPHPで開発を行っており、ユニットテストも書いています。