made by pii

いま何分ある?

Webブラウザアプリケーション · Next.js

今その場でできそうなことを1つだけ提案します。ログイン不要、保存なしでも使える、5分・10分・20分のすきま時間向けの小さな道具です。やることを並べて管理するのではなく、迷う時間を減らして「次の一手」をすぐ決めることを目的にしています。

いま何分ある? を開く
いま何分ある?のスクリーンショット1
いま何分ある?のスクリーンショット2

設計のポイント

色は「アクション」と「状態表示」で分ける

黒いボタンは次に進む操作(これにする/できた)、青い丸は今の選択状態を示すだけの表示です。同じボタンの見た目でも、色で役割を分けています。

候補が尽きても、空状態を出さない

直近3件を除外して抽選し、候補が足りなければ除外数を2→1→0件と段階的に緩めます。一周したら履歴をリセットしてもう一度抽選するので、「候補がありません」という画面は出ません。

同じ操作に、複数の経路を用意する

「別の候補」ボタンと同じ機能を、カードの左右スワイプでも呼べるようにしています。機能を増やすのではなく、そこへ到達する手段を増やすことで軽快さを出す発想です。

猫は裏テーマ

名前・見出し・ボタン文言には猫要素を出しません。アイコンの手と、カードの角から覗くしっぽ(柄はタスクが変わるたびにランダムに再抽選)だけに、猫の気配を残しています。