【実験ログ#002】バイブコーディングで「AI×眼精疲労対策アプリ」を0から作った話

2026年7月13日更新: 2026年8月17日

冨岡　優喜冨岡　優喜（トミークリエイト代表）7分で読めます

「作業に集中しすぎて目を壊す」を繰り返していたので、アプリを自作しました。

長時間画面を見ていると目がしょぼしょぼする。休むべきだと分かっていても作業を続けてしまう……。そんな自分に向けた「休憩のきっかけを作るアプリ」が、眼精疲労対策の「アイまーる」です。

ゼロから Cursor を活用した「バイブコーディング」で開発しました。成功談ではなく、作りながら考えたことや、途中で直面した面倒な壁をリアルに残します。

どんなアプリか

「目を休ませるための小さな道具」として、必要な機能をシンプルに揃えました。中心は、画面を見続けたら20秒遠くを見る「20-20-20」のタイマーです。使用傾向から疲労スコアを推定し、休憩間隔を12〜20分で自動可変にしています。オフにすれば固定間隔にもできます。

タイマー以外には、目の体操もあります。ぐるぐる、ピント調節、ギュッ・パッの3種類です。

休憩のあいだに使える、4-4-6の呼吸ガイドもあります。

眼精疲労まわりの読み物も、デスクワーク向けの知識をカテゴリ別にまとめています。

無料・会員登録不要で、データは端末内にのみ保存します。プライバシーを優先した設計です。

ただし、医療機器ではありません。診断や治療を目的としたものではなく、医師の監修も受けていません。誤解を生まないよう、サイト内にも明記しています。

欲しい動きを日本語で書き、Cursor に出力してもらい、動かして違和感をフィードバックする。その繰り返しです。

個人開発として一番痛い目を見たのが、YMYL（Your Money or Your Life）と呼ばれるジャンルの壁です。健康やお金のように、間違った情報が出ると生活に直結しやすい領域で、Google の評価も厳しめです。

検索（SEO）の厳しさ
健康や医療に寄るテーマは、評価基準が非常に厳格です。個人開発かつ医師の監修なしのサイトが、上位表示を狙うのは容易ではありませんでした。
表現の配慮
ガイド記事の作成では AI を活用しつつも、断定的な表現を避け、参考情報の確認や「医療機器ではない」ことの明記を徹底しました。薬機法や医療誤認を避けるためです。
UI/UXの試行錯誤
当初は「統計・設定」を別タブにしていました。項目が増えるほどスマホで押しづらくなったので、ホーム画面にまとめ、導線を削ぎ落としました。