作品一覧ABOUT

WORKS

Web Service / Next.js

PerchRoom

PerchRoom

カメラもマイクも使わず、人の気配だけを共有するオンライン自習室。ポモドーロタイマーと学習記録つき。

概要

「同じ空間で、それぞれの集中を。」

カフェや図書館では周りに人がいると集中できるのに、自宅でひとりだと手が止まる。その「人の気配」だけをオンラインに持ち込めないかという発想から生まれた、ブラウザで使えるオンライン自習室です。映像も音声も扱わず、「誰かが今そこにいる」ことと、集中しているかどうかだけを共有します。

  • 使用技術:Next.js(App Router / TypeScript)、Tailwind CSS、Supabase(PostgreSQL・認証)、Stripe、Vercel
  • 担当範囲:企画・設計・デザイン・実装・運用(ひとりで開発)
  • 開発期間:初回コミットから約 10 日で公開

主な機能

  • バーチャル座席:座席を選んで着席。誰がどこにいて、集中中か休憩中かがひと目でわかります。
  • ポモドーロタイマー:25 分集中と 5 分休憩のサイクル。入室中はどのページにも残り時間が表示されます。
  • 学習ダッシュボード:カテゴリごとの作業時間を、日・週・月ごとにグラフで振り返れます。
  • ゲスト利用:アカウントなしですぐ入室できます。気に入ったら登録して記録を残せます。
  • サブスクリプション:Stripe による有料プラン。

こだわったところ

「しないこと」を決める

ランキングで競争させない、サボっても責める通知を送らない、滞在時間を無理に伸ばさない。やることよりも、やらないことでサービスの性格を決めました。

正直な記録

在室していた時間ではなく、実際に集中していた時間を記録します。2 時間ごとに利用中かを確認し、応答がなければ自動で退室するので、つけっぱなしで時間が水増しされることはありません。

小さな部屋

最初の部屋は 12 席です。「今日もあの席の人がいる」と感じられる程度の大きさを大切にしています。