私の職場のお昼休憩は、自分が好きなタイミングで60分間とってOKなのですが、何時何分から休憩に入ったのか分からなくなってしまうことがあります。
(ほんと記憶力がヤバいですw)
対策として、
- 自分宛てにメール、またはチャットをする
- 時計画面をキャプチャする
- 気力で覚える
ということを試してみたのですが、これすら面倒でした。
ですので、もっと気軽に、その瞬間の時刻だけを超簡単にメモする機能が欲しいな、と。
そんな自分を救うべく、休憩時間の開始時刻をメモすることができるツールを作りました。
むしろ、それしかできません。
それと目的がもう一つありまして、PWAを使ってみたいということです。
PWAというのは、Progressive Web Appsのことで、スマホ用のWebサイトをアプリのように作ることができる技術です。
HTMLとCSS、JavaScriptの知識で、アプリのようなサービスを作ることができます。
この「超休憩マン」はPWA対応しております。
※といいましても、ホーム画面に追加できるだけです
超休憩マンとは?
超休憩マンができることはただ一つ。
その瞬間の時刻をメモするだけです。
アラーム機能もありませんし、カウントダウン機能もありません。
※そのうちつけるかもしれませんが…w
考えられる用途としましては…
- お昼休みの開始時刻のメモ
- 子供に薬を飲ませた時刻のメモ
まぁ、このくらいだと思いますw
一応、メモした時刻はブラウザのlocalStorage(ローカルストレージ)に保存しておりますのでブラウザを更新してもメモが消えることはありません。
PWAで試してみたことはホーム画面に追加機能
PWAでできることのうち、今回実装してみた機能は「ホーム画面に追加」です。
Androidのスマホで「超休憩マン」のWebページを見ていただくと、自動的に下図のような「ホーム画面に 超休憩マン を追加」というポップアップが表示されます。
このポップアップをタップしていただくと、スマホのホーム画面に「超休憩マン」が表示され、次回以降のアクセスが簡単になります。
iOS端末もPWA対応しているのですが、androidのようにポップアップは表示されませんので、safariのメニューから「ホーム画面に追加」をしていただく必要があります。
超休憩マンで、休憩時間に何をしたのかをつぶやく
超休憩マンでは「ツイッターでつぶやく機能」リンクを設置しています。
私は、超休憩マンというツールを、「お昼休憩の開始時刻のメモ」で使おうと思っています。
お昼休憩の過ごし方はだいたい読書です。
お昼ごはんは、出勤途中のコンビニで購入し、できる限り短い時間ですませ、読書の時間を確保するようにしています。
ですので、「お昼休み = インプット時間」となり、何をインプットしたかをメモするためにツイートできるようにしてみようと思いました。
また、もし私以外の方もつぶやいてくだされば、みんなの休憩時間の過ごし方が分かって、刺激になるかな…という淡い期待もあったりします。
よろしければ、「#超休憩マン」のハッシュタグをつけて、あなたの「休憩時間の過ごし方」をつぶやいてもらえたらすごく嬉しいです。
それでは、最高の休憩を!