背景

筆者が務める会社でも、昨年からテレワーク勤務が標準化された。
しかし、社内のシステムやら制度やらはなかなか追いついていかず、
色々面倒くさいことがあった。。

というわけで、、、
打刻ができ、チームメンバーの勤務状態がリアルタイムに見える化され、打刻ついでにToDoも整理でき、
朝一番に伝えたいちょっとしたお知らせをチャットで共有できるような、
「テレワーク向けの出退勤時にやること一元化アプリ」を作りたかった。

作ったアプリ

ログインID : test〇@test.co.jp　(test1@test.co.jp ~ test10@test.co.jpまで用意。test5@test.co.jpまでがAdminユーザ。)
パスワード： passowrd

※公開用ということで一部バックエンドに制限を設けており、エラーが返る箇所があります。

こんな感じのWebアプリ。メインとなる出退勤ページでは、

カレンダーページで

が可能。

ToDoページでは

が可能。

Requestページは、組織内のAdmin権限を持ったユーザのみが利用できる。
部長とかに割り当てるような想定。

が可能。

他に、Settingページで細かい設定変更もできる。（admin権限の割り当てやパスワードの変更など）

テレワークでも繋がれる
テレワークで困るポイント、寂しさを感じるポイントとして、誰がどこで何をやっているのかが分かりにくい、コミュニケーションを取る場が少ないことが挙げられる。
本アプリはただの勤怠管理システムではなく、上記の悩みを解決する機能を持っており、更にチームメンバーの状況もリアルタイムに更新されるため、「繋がっている」気分になれる。
また、勤怠管理のついでに触れることが大きなポイントであり、出勤地報告やToDoの整理、朝一の挨拶などをそれぞれのシステムから強制される煩わしさを感じさせない。

ワクワクを感じさせるUI
ダサさMAXかもしれないが、最近よくあるオシャレなUIではなく、個性的なUIにしたかった。
目指していたのは、ゲーム性を感じる、ワクワクさせるようなUI、朝一出勤からテンションが上がるようなUIにしたかった。
筆者はワクワクするが、どうだろうか。

今回かかった開発期間は約1か月半。
Firebaseとか使えば、小規模の中でも少し大きめのシステムを割と短期間で作ることができるのが最高！
Webアプリの開発楽しい。
思いついたものどんどん作れるようになりたい。