こんにちは、五足のわらじです。

前回の続きです。

ブラウザのタブに通知機能を追加することを決めたのはよいのですが、どうやって実現するかちょっと悩みました。

ページ自体はPHPで作ってあり、条件に合った情報を表示する件数(データベースの条件に合った情報の件数)は変数に持たせてあるので、その変数をtitleタグに入れればよいだけというところまではすぐに思いつきました。

ページは10分間隔でリロードさせているので、titleタグも10分置きに書き換わることになり、タブに表示件数を通知するというところまでは問題なくできそう。

でも、実際やってみると、最初からそういう考えで作っていたわけではないので案外うまくいかず、最終的にPHPからjavascriptに変数を渡してjavascriptからtitleタグを書き換えることにしました。

また、0件のときはタイトルのみを表示し、1件以上のときはタイトルの後にUnicode絵文字のベルのマークを表示してさらにそのあとに件数を表示するようにしてみました。

タブに絵文字があるととても目立ち、しかもベルが黄色なので余計に目立ちます。

これで、わずらわしくなく、かつ、すぐに気づける通知をブラウザのタブに実現することができました。

やってみればなんてことないんですけど、なんで今まで思いつかなかったのかなーという感じです。

これほんと想像以上に便利なんで、今後もいろいろなWEBツールに採用していきたいと思います。

著者

五足のわらじ
五足のわらじ
在宅ワークを4つと、サラリーマンを1つ、合計五足のわらじを履いて走り回ってます⇒2017年7月より在宅ワークで独立しました

在宅ワークは、アフィリエイト、アプリ制作、LINEスタンプ・着せかえ制作、ライターの4つをやっていて、サラリーマンは辞めましたが、それに替えて法人化を目指して新規事業を立ち上げ中です。

自宅では、デザイン、コーディング、プログラミング、ライティング、写真、イラスト、アニメーション、音楽、マーケティングなど、ひとりですべて行っているマルチクリエイターです。
事務所では、単純作業からマネージャー職といった包括的な業務まで、幅広い分野の受託業務を行ってます。

もともと在宅ワークは副業でしたが、収入を普通のサラリーマン並みに増加させることができたので、いまは在宅ワークと事務所での受託業務のみで生活しています。

在宅ワークはすべて独学でやってきましたので、これから独学で在宅ワークを始めようと思っている方の参考になればと思ってブログを始めました。

いいことばかりじゃなくて、辛いことや失敗したことなども正直に書いていきますので、これから始めたいと思っている人もぜひ参考にしてください!