loading

自作ツール

仕事の休憩開始時間をメモする、ただそれだけのWebページ【PWA対応した超休憩マン】

超休憩マン

私の職場のお昼休憩は、自分が好きなタイミングで60分間とってOKなのですが、何時何分から休憩に入ったのか分からなくなってしまうことがあります。
(ほんと記憶力がヤバいですw)

対策として、

  • 自分宛てにメール、またはチャットをする
  • 時計画面をキャプチャする
  • 気力で覚える

ということを試してみたのですが、これすら面倒でした。

ですので、もっと気軽に、その瞬間の時刻だけを超簡単にメモする機能が欲しいな、と。

そんな自分を救うべく、休憩時間の開始時刻をメモすることができるツールを作りました。
むしろ、それしかできません。

超休憩マン

超休憩マンはこちら

それと目的がもう一つありまして、PWAを使ってみたいということです。
PWAというのは、Progressive Web Appsのことで、スマホ用のWebサイトをアプリのように作ることができる技術です。
HTMLとCSS、JavaScriptの知識で、アプリのようなサービスを作ることができます。

この「超休憩マン」はPWA対応しております。
※といいましても、ホーム画面に追加できるだけです

超休憩マンとは?

超休憩マンの画面イメージ

超休憩マンの画面イメージ

超休憩マンができることはただ一つ。

その瞬間の時刻をメモするだけです。

アラーム機能もありませんし、カウントダウン機能もありません。
※そのうちつけるかもしれませんが…w

考えられる用途としましては…

  1. お昼休みの開始時刻のメモ
  2. 子供に薬を飲ませた時刻のメモ

まぁ、このくらいだと思いますw

一応、メモした時刻はブラウザのlocalStorage(ローカルストレージ)に保存しておりますのでブラウザを更新してもメモが消えることはありません。

PWAで試してみたことはホーム画面に追加機能

PWAでできることのうち、今回実装してみた機能は「ホーム画面に追加」です。

Androidのスマホで「超休憩マン」のWebページを見ていただくと、自動的に下図のような「ホーム画面に 超休憩マン を追加」というポップアップが表示されます。

ホーム画面に超休憩マンを追加

このポップアップをタップしていただくと、スマホのホーム画面に「超休憩マン」が表示され、次回以降のアクセスが簡単になります。

iOS端末もPWA対応しているのですが、androidのようにポップアップは表示されませんので、safariのメニューから「ホーム画面に追加」をしていただく必要があります。

超休憩マンで、休憩時間に何をしたのかをつぶやく

超休憩マンでは「ツイッターでつぶやく機能」リンクを設置しています。

私は、超休憩マンというツールを、「お昼休憩の開始時刻のメモ」で使おうと思っています。

お昼休憩の過ごし方はだいたい読書です。
お昼ごはんは、出勤途中のコンビニで購入し、できる限り短い時間ですませ、読書の時間を確保するようにしています。

ですので、「お昼休み = インプット時間」となり、何をインプットしたかをメモするためにツイートできるようにしてみようと思いました。

また、もし私以外の方もつぶやいてくだされば、みんなの休憩時間の過ごし方が分かって、刺激になるかな…という淡い期待もあったりします。

よろしければ、「#超休憩マン」のハッシュタグをつけて、あなたの「休憩時間の過ごし方」をつぶやいてもらえたらすごく嬉しいです

超休憩マン

超休憩マンはこちら

それでは、最高の休憩を!

スポンサーリンク

フォローをお願いします

\ 最新情報はいかがですか? /

ソイエバ
編集部
実は私…、twitterやっています。
新しい記事をお知らせやwebやマーケティング関連のお役立ちニュースをつぶやいていますので、フォローしてもらえたら、めちゃくちゃ嬉しいです。よろしくお願いします!

スポンサーリンク


  • この記事を書いた人
  • 最新記事
ソイエバ編集部

ソイエバ編集部

Web業界歴14年(2005年~)のソイエバです。はじめはWeb制作(デザインとコーディグ)から入り、企画制作・広告管理、Webディレクター、営業、教育部門などを経験してきました。 首都圏で5年働き、地方に移住。現在は個人事業主として企業の社員教育や提案アドバイザー等をしています。 プライベートでは、2児の子育て中。自分の好きな仕事をしながら、ストレスのない生活を送る、ということを心に決めて日々活動しています。 twitterやってます。 詳しいプロフィールはこちら。

-自作ツール

S