Windowsでtrogからプッシュ通知を受け取る方法

テクノロジー
2023/08/02
post-hero-image

trogをご覧いただきありがとうございます。

このページでは、Windows OSを搭載したパソコンを対象として、Chromeブラウザを使用して、trogからプッシュ通知を受け取るための設定について説明します。

Microsoft Edgeからの設定方法は......需要がありそうなら後日書きます。

Chrome

通知を受け取る

TOPページ(https://microayatron.com/)から、[通知設定]を押して、通知設定ページ(https://microayatron.com/settings/notifications/)に移動してください。


[通知を許可する]ボタンを押してください。



Chromeから、通知許可確認ダイアログが出ます。[許可する]ボタンを押してください。


URLバー横にあるサイト情報アイコンが、一瞬許可になります。



しばらく待つと、trog通知設定ページの表示が変わります。

表示が切り替わらない場合はブラウザのリロード(ページ再読み込み)を試してください。
「trogからのお知らせを通知する設定になっています」と表示された状態になっていれば、プッシュ通知の受け取りが可能です。


trogでは記事の更新や、お知らせがある場合に通知します。
個人ブログのため不定期となりますので、ご了承ください。

通知を拒否

URLバー横のサイト情報アイコンから、「通知」のトグルスイッチをOFFにしてください。
設定変更後はブラウザをリロード(ページ再読み込み)してください。


もしかしたら通知関連設定がサイト情報メニューに表示されていないかもしれません。


その場合は、サイトの設定→権限→通知に進んでいただき、通知を「ブロック」を選択してください。


ブラウザをリロード(ページ再読み込み)後、trogの通知設定ページ(https://microayatron.com/settings/notifications)をご確認いただきますと、
「Push通知を拒否しました」という表示に変わります。


これでtrogからのお知らせが通知されない設定になります。

Chrome Webアプリ(PWA)

trogではProgressive Web App(PWA)をご提供しています。

スタートメニューやタスクバーに追加していただくことで、ワンクリックでtrogにアクセスできます。
ブラウザから開くよりもアクセスが簡単でおすすめです。

また、アプリを手動で更新する必要はありません。インターネットに接続された環境でtrogアプリを起動するだけで、最新のアップデートやコンテンツが自動的に反映されます。

PWA版trogからもプッシュ通知が受け取れますので、ご興味がありましたらインストールをお願いします。

(※通常PWAはオフラインでの閲覧が可能ですが、現在対応できておりません。アップデートまでしばらくお待ちください。)

アプリのインストール(追加)

URLバー横の、[trogをインストールします]アイコンを押してください。


確認ダイアログが出ますので、[インストール]を選択してください。



お使いのPCにtrogアプリがインストールされます。このアプリの設定は、Chromeからアクセスしたmicroayatron.comの設定と連携しております。

さきにChrome版trogで通知ONにしている場合、アプリ版trogも同じ設定になっています。
その場合は通知設定は不要となります。


また、インストール後にOSからの通知で「trogをタスクバーにピン留めしますか?」と確認されるかもしれません。お好みで設定をお願いします。

通知を受け取る

アプリのトップページから、[通知設定]を押して、通知設定ページ(https://microayatron.com/settings/notifications/)に移動してください。
[通知を許可する]を押してください。


しばらく待つと、trog通知設定ページの表示が変わります。

表示が切り替わらない場合はブラウザのリロード(ページ再読み込み)を試してください。
「trogからのお知らせを通知する設定になっています」と表示された状態になっていれば、プッシュ通知の受け取りが可能です。

trogでは記事の更新や、お知らせがある場合に通知します。
個人ブログのため不定期となりますので、ご了承ください。

通知を拒否

アプリ上部の縦三点リーダ―を押して「アプリ情報」へ進んでください。


「通知」のトグルスイッチをOFFにしてください。


設定変更後は[再読み込み]ボタンを押してください。もし表示されなければ左上の↻を押してください。


ブラウザをリロード(ページ再読み込み)後、trogの通知設定ページ(https://microayatron.com/settings/notifications)をご確認いただきますと、「Push通知を拒否しました」という表示に変わります。


これでtrogからのお知らせが通知されない設定になります。


* * *


アプリ情報の中に通知がない場合は、設定→通知に進んでいただき、通知のトグルスイッチをOFFにしてください。

アプリのアンインストール(削除)

アプリ上部の縦三点リーダ―を押して「『trog』をアンインストール」を押してください。


「trog」を削除しますか?の確認ダイアログが表示されます。[削除]を選択してください。
Chromeブラウザに残っているアプリのデータも削除する場合は、「Chromeからもデータを削除する」を選択してください。


* * *


(参考)PWA関連情報: プログレッシブ ウェブアプリを利用する - Google Chrome ヘルプ https://support.google.com/chrome/answer/9658361?hl=ja&co=GENIE.Platform%3DDesktop&oco=0#zippy=%2Cwindowsmaclinux-%E3%83%91%E3%82%BD%E3%82%B3%E3%83%B3%E3%81%8B%E3%82%89%E3%82%A2%E3%83%B3%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E3%81%99%E3%82%8B

通知が届かない

trogでは記事の更新や、お知らせがある場合に通知しております。
個人ブログのため、記事の更新は不定期となります。数か月更新がない期間もあります。
あらかじめご了承ください。

また、より操作しやすいアプリを目指して、PWA・プッシュ通知機能アップデートのためにお勉強しております。
更新までしばらくお待ちください。

通知が複数届く

Chrome、Microsoft Edge、Firefoxで、それぞれに通知設定が独立しております。
(登録すればした分だけ、各ブラウザから通知が配信されます。)

お使いのブラウザからtrog通知設定ページ(https://microayatron.com/settings/notifications/)に移動していただき、不要なブラウザからの通知はOFFにしていただくようお願いいたします。


また端末によっては不具合が発生している場合も考えられます。
アプリの場合は、お手数ですが一度アンインストールしていただき、再度インストールをお試しください。
(基本的にPWAというのは、Service Workerに1バイト以上の変更があれば、自動で更新されるのですが...。何事も絶対ということはないので。)

ブラウザの場合は

  • キャッシュクリア([Shift]+[F5]キー、もしくは[Ctrl]+[Shift]+[R]キー)
  • ブラウザバージョンの最新化

をお試しください。




* * *


ここまでお読みいただきありがとうございました。
今後も読者の皆さまに楽しんでいただける記事をご提供できるように継続して活動していきます。
応援していただけますと幸いです🙏

    この記事を共有する
とろ(microayatron)
profile-icon

Webアプリケーションのプログラマ(フロントエンドエンジニア) Angular(TypeScript) / Next.js / Cypress を主に使用。
前職はピアノ技術者(調律師)。2017年からブログ「trog」を運営。
あざらしと音楽が好き。

trogではプッシュ通知機能を提供しています。

新しい記事が投稿されたタイミングで、お使いの端末にお知らせが届きます。

よければ通知設定ページから通知の許可をお願いします。