診断アプリ

制作に関するエピソード

「睡眠時間の違いを年齢に置き換えるアイデア」

もともと自分がロングスリーパーで、「ショートスリーパーの人と比べて、どれくらい起きている時間の差があるんだろう？」という疑問から、小さな計算を始めたことがスタートです。

計算していく中で、「睡眠時間を除いた覚醒時間を 人生年齢として表せるのではないか」というアイデアが生まれ、コンテンツとして面白くなると感じてWebアプリとして形にしました。

「Chart.js を活用したデータ可視化」

どのくらい覚醒しているかをより理解しやすくするため、Chart.js を用いて、ショートスリーパー／平均／ロングスリーパーの覚醒年齢を比較できる円グラフを実装しました。

計算結果の表示に使用するにあたってグラフの初期表示を非表示にしていたため、うまく反映されず苦戦しましたが、トライアンドエラーを繰り返し解決することができました。

「自分がやりたいことを形にする」

単なる「睡眠時間の計算ツール」ではなく、ユーザーが自分の睡眠タイプを楽しみながら理解できる自己分析コンテンツを目指して作りました。

自分の小さな疑問から始まったアイデアを、UI・アニメーション・グラフを通して「誰かが遊びたくなるWebアプリ」に発展させられたことが大きな成果だと感じています。