椅子に座って、何時間も画面を見る。
デスクワークの人なら、毎日やっていることだと思います。
気づくと、背中が丸まって、首が前に出ている。
思い当たる人、多いのではないでしょうか。
姿勢が崩れた状態が続くと、体に負担がかかります。
なので、姿勢が崩れたら、そっと教えてくれる道具があれば、体が楽な状態で仕事を続けられるのでは？ と考えました。
それが、今作っている Shrimpy（シュリンピー） です。
Shrimpy って何？
パソコンのカメラで、横からの姿勢を見て、崩れてきたら知らせてくれる Web アプリです。
- ブラウザで動くので、インストールしなくても使えます
- カメラの映像は、サーバーに送りません。保存もしません。処理はブラウザの中だけです
- サーバーに残るのは、姿勢の数値、計測の履歴、設定、ログインに使うメールアドレスと表示名だけです
「カメラで見られるのはちょっと…」と思う人が多そうなので、ここは最初に決めました。
どうやって姿勢を見ているの？
体の位置を読み取る MediaPipe Pose Landmarker を使っています。
Google が出している道具で、映像から「肩はここ、耳はここ」という点（ランドマーク）を取り出してくれます。
流れはこうです。
- 自然に座った姿勢を、基準の姿勢として登録する
- 見守っている間、いまの姿勢を基準と比べる
- 崩れた状態がしばらく続いたら、知らせる
ポイントは、「ほんの一瞬、前かがみになっただけ」では知らせないことです。
しばらく続いたときだけ知らせるようにしています。
人によって、座り方も体格も違います。
だから「正しい姿勢はこれ」と決めるのではなく、その人の基準と比べる形にしました。
作業の邪魔をしないために
見守ってくれても、通知がうるさいと使われなくなります。
そこで、こんな工夫をしています。
- 別のタブを見ていても、ブラウザ通知で気づける（タブが隠れているときだけ通知）
- 長く座りっぱなしのときは、休憩のお知らせも出せる（間隔は設定で選べる）
- 見守っている間は、画面が消えないようにしている（Screen Wake Lock という仕組みです）
- 小さな 浮かせ窓 に、状態と経過時間だけを出せる
Shrimpy でできること
困りごとごとに、まとめてみました。
| こんなとき | Shrimpy ではこうなる |
|---|---|
| 集中していて、姿勢が崩れたことに気づかない | 崩れた状態がしばらく続くと、知らせてくれる |
| 別のタブで調べものをしていて、通知を見逃す | タブが隠れているときは、ブラウザ通知で知らせてくれる |
| 気づくと何時間も座りっぱなし | 休憩のお知らせを、設定した間隔で出せる |
| 自分の姿勢が良くなったのか分からない | 履歴と、状態の移り変わりの帯で振り返れる |
| 三日坊主になりがち | 週の目標と、続けた日数が出る |
| カメラで見られるのが不安 | 映像はサーバーに送らず、保存もしない |
| 座り方が人によって違う | 「正しい姿勢」ではなく、自分の基準の姿勢と比べる |
| 机や椅子、カメラの位置を変えた | 基準の姿勢を複数登録して、使い分けられる |
使う手間は少ないです。
ブラウザで開いて、基準の姿勢を登録して、あとは作業するだけです。
姿勢を良く保てると、体の負担が減って、作業を続けやすくなる。
そう考えて作っています。
使っている技術
Nuxt 4（Vue 3）、MediaPipe、Prisma です。
まだ作っている途中で、足りないところも多いです。
こんな機能がほしい、ここが使いにくい、というご意見があれば、コメントで教えてください！
試してみる
👉 Shrimpy: https://next-my-app-sandy.vercel.app/