👁️ 老眼シミュレーター

50代以上の見え方を体験できる無料Webツール

🔗 今すぐ使う → https://keitaro-code.github.io/presbyopia-simulator/

---

どんなツール？

バナーやWebデザインが 50代以上の老眼の方にどう見えるか をリアルタイムで体験できます。

老眼は年齢とともに近くにピントが合いにくくなる症状。実際に体験しないと、どれだけ文字が読みにくいか、コントラストが足りないかがわかりにくいです。このツールで疑似体験することで、ターゲットユーザーに寄り添ったデザインができます。

---

使い方

📱 カメラモード（おすすめ）

スマホ2台で使うのが最も効果的です。

1. 1台目 → FigmaやXDでデザインを表示
2. 2台目 → このツールをブラウザで開いてカメラを向ける
3. 年齢スライダーをターゲット年齢（例: 50歳）に合わせる

🖼️ 画像モード

Figmaからスクリーンショットをエクスポートして読み込むと、フィルターをかけた状態で確認できます。

---

年齢と老眼の関係

年齢	度数	症状の目安
40歳	+1.0D	小さい文字がたまに読みにくい
45歳	+1.5D	手を遠ざけないと読みづらい
50歳	+2.0D	老眼鏡がほぼ必需品
55歳	+2.5D	老眼鏡なしでは新聞も辛い
60歳	+3.0D	かなり強い老眼
65歳+	+3.5D	最大レベル付近

---

特徴

• ✅ 無料・インストール不要 — ブラウザだけで動く
• ✅ スマホ対応 — iOS Safari / Android Chrome どちらでもOK
• ✅ HTTPS対応 — カメラ機能が正常に動作
• ✅ 年齢ベースのスライダー — 難しい数値設定は不要
• ✅ リアルタイムカメラ — 画面を直接カメラで見て体験

---

こんな人に

• バナー・広告クリエイティブの見やすさを確認したい方
• Webサイト・アプリの表示を実機に近い感覚でチェックしたい方
• 50代以上をターゲットにしたプロダクトに関わる方
• アクセシビリティを考慮した設計をしたい方

---

技術情報

• 単一HTMLファイル（依存ライブラリゼロ）
• Vanilla JS + CSS
• PWA対応（ホーム画面に追加可能）
• getUserMedia API によるリアルタイムカメラ

---

ライセンス

MIT License — 自由に使用・改変・再配布できます。