最近あなたの暮らしはどう

雑記
2024/01/07
post-hero-image

あけましておめでとうございます。
2024年は大変な災害からの幕開けとなりました。一刻も早い復興をお祈り申し上げます。

今後はどうか素敵なニュースで溢れる一年になりますように🙏


概要

管理人の近況報告と、今後の更新予定のお知らせです。

Q. 昨年8月以降の更新がなかったけど何してた?

A. このブログの実装に費やしてました。RSSの復活と、Push通知機能の改修です。

RSS

Gatsby版trogではGatsbyプラグインでRSSを実装していましたが、いまご覧いただいているNext.js版trog用には、改めてRSS機能を実装し直す必要がありました。

Next.js版trogリリース後、RSS関連ページは「お探しのページは見つかりませんでした」と表示するのみで、RSSが使用不可能であることは非常にわかりづらい状態でした。申し訳ありませんでした。

昨年12月にGatsby版trogと変わりなく、正常に使えるように実装しました。引き続きRSS配信をお楽しみください。


また今回実装した、Next.jsでRSSを画像付きで配信する方法について、記事にまとめる予定です。気長にお待ちください🙋‍♀️

Push通知(延期)

現在のtrogは、わたしが任意のタイミングでFirebase Cloud Message(FCM)のコンソール画面から、通知を配信しています。

通知にはタイトル・説明文・画像(一部端末のみ)を表示しており、通知をクリックするとtrogトップベージに遷移します。

昨年12月からクリックで任意のページに遷移できるように改修していたのですが、納得のいく仕上がりにならず、本機能のリリース延期を決定しました...。


next-pwaっていうパッケージを使用して、Service Workerの実装をサボっての動作をお任せしていたんですが、
このパッケージ、数年更新されてないんですよ。
有志による更新が行われている https://www.npmjs.com/package/@ducanh2912/next-pwa ←これを使うのが良さそうではあるんですが...

プログラムから送信コマンドの実行ではなく「FCMコンソールから配信」したいし、
「クリック時に任意のページに遷移」したいし、
iPhoneでも任意のページに遷移するように...
とかあれこれ実装していたところ、

正常な通知と、クリック時の遷移先情報を持たないオバケ通知が、同時に配信されるようになってしまいました...

これはService Workerのお勉強をもう少しちゃんとしてから、パッケージに頼りきらず、必要な部分を自力で実装した方が良さそう...という判断から、なくなく延期した次第です。



FCMを用いたPush通知実装時のデバッグ方法など、たくさん知見が得られましたので、いくつかに分けて記事にしたいなとは考えています。

おわりに

PWA、いいのになあ。

ソフトウェアアプリケーションを作ろうと思うと、PCであればWindows・Mac・Linux向け、スマホであればiPhone・Android向けにそれぞれアプリを開発する必要があるわけですが、
PWAを採用すればWebサイトを実装するだけで、全端末でネイティブアプリケーションと同様に動かせるんですけどね...

「App Storeからアプリをダウンロードする」っていう操作はもう広く浸透しているのに、
Safariを開いて「ホーム画面に追加」は全然操作してもらえないらしいですね。
わたしには面倒くささの差がわからないんですが、なにが違うんですかね。

それとFCMがWeb Push通知向けの送信JSONと受信JSONオブジェクトを正確にドキュメントに残してくれればなあ。
散々漁ったけど想定した動作にならなくて、コンソールから確認したところ、
全然見たことないオブジェクトが返ってきて憤慨しました🗯️
Firebaseバージョンの違いとかあるのかもですが、それも全部ドキュメントに残してくれー。
これじゃ需要が発生しても、Web Push通知開発者の人口が増えないんだよ!

頼むからPWAもっと普及してくれ!



えー、わたしは今日も元気に生存してます。
次回の記事の更新までどうか気長にお待ちください。

寒い日が続きますがお体に気をつけてお過ごしください。


* * *


※タイトルは邦ロックファン向け釣りタイトルであり、自己満です。本記事との関連は一切ありません。

▲THE NOVEMBERS「最近あなたの暮らしはどう」▲ - Youtube
https://www.youtube.com/watch?v=i_u0DgvYu2I

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

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

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

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

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