facebooktweetはてブLINEPocketfeedlyこんにちは、hgmです。今回は、WEBサイトへ簡単にプッシュ通知をつけることができる「Push.js」をご紹介させていただきます。くじプッシュ通知とは実装デモ実装方法まとめプッシュ通知とはスマホのアプリの通知と同じように、WEBサイトから通知できます。正確には、WEBサイトというよりブラウザからの通知となります。ユーザーはWEBサイト上で通知の許可をすると有効になり、通知を受け取ることができるようになります。APIを使用し簡単に実装することができるjQueryプラグインです。ユーザーが一度プッシュ通知の許可を出せば、変更されるまで通知を送ることが可能です。実際に公式のデモで確認してみましょう。Demo」ボタンをクリックします。ブラウザのアドレスバー下に下記のような表示が出るので、「許可」をクリックします。許可するとブラウザ右上に通知が届きます。実装方法それでは具体的な実装方法をご紹介いたします。1.ライブラリを読み込むGithubよりpush.min.jsをダウンロードするか、CDNで簡単に読み込みましょう。・CDNhttps://cdnjs.cloudflare.com/ajax/libs/push.js/1.0.12/push.min.js1https://cdnjs.cloudflare.com/ajax/libs/push.js/1.0.12/push.min.js2.通知メッセージの作成Push.createメソッドを呼び出し、メッセージの作成を行います。下記コピペで部分的に変更して使用可能です。//通知を消す}});他のオプションについては、公式サイトをご確認ください。まとめプッシュ通知は実装が難しいと思っていましたが、ライブラリを使用することで簡単に実装できます。44以上と限られますが、ブログやECサイトなど、更新頻度の高いWEBサイトで使用するメリットは充分あるのではないかと思います。facebooktweetはてブLINEPocketfeedly関連記事この記事を書いた人hgm農業高校出身フロントエンドエンジニアの社員hgmです。猫センサー搭載済みの愛猫家。株式会社ユニバースです。ホームページデザイン、ECサイトデザインなどWEB制作のトータルサポートを行っております。ホームページ制作やネットショップ運営代行などwebに関するご相談・お見積は、お気軽にお問い合わせください。MAX】2018年10月19日10今話題のLINEのオープンチャットとは?実際に参加してみた2019年09月11。