Larma(ラーマ)
Webアプリケーション
使用した技術やツール
TypeScript
React
Emotion
Jest
Testing Library
CircleCI
Cloudflare Pages
概要
止めにくい目覚まし時計です。
機能
- アラーム音の選択、試聴
- ユーザーによる時刻の入力
- アラームの発音、停止
こだわり
無意識にアラームを止められないようにしています。
当目覚まし時計は以下の特徴があります。
- 特徴A: アラームを止めるボタン(以下、ストップボタン)が出現する位置がランダム
- 特徴B: ストップボタンを長押しすることでアラームが止まる
以下は一連の挙動を収めたGIF画像です。
前述の特徴Aにより、目を開けてストップボタンの位置を確認する必要が発生します。
また、特徴Aのみの実装となると画面を無作為に押すことでアラームを止められてしまうので、特徴Bを付与しました。
そのほか以下にこだわりました。
- 繰り返し利用されることを想定して機能性を最優先にするために、一般的なWebサイトやアプリケーションに配置されるヘッダーやフッターを排除
- 睡眠に良い影響を与えるとされる青色系から、当Webアプリケーション作成時の2020年にPANTONEが定めた流行色であるクラシックブルーを基調色に選択