← 一覧に戻る
瞑想アプリ「Serene」

瞑想アプリ「Serene」

制作開始日: 2026.03.15

制作期間: 約1日(2026.03.15、Claude Codeで集中開発)

Next.js 16React 19TypeScriptTailwind CSS 4Howler.jsFramer MotionPWA

「Serene」という名の瞑想・マインドフルネスタイマーアプリ。タイマー・呼吸ガイド・環境音・セッション履歴管理を備え、iOS Safariにも対応したPWA仕様のモバイルフレンドリーなデザインが特徴です。

主な機能

  • 瞑想タイマー(1〜60分、開始・一時停止・リセット)
  • 視覚的な進捗リング表示
  • 呼吸誘導アニメーション
  • 環境音の選択と音量調整
  • セッション履歴の記録・表示・クリア(ローカル保存)
  • PWA対応・iOS Safari対応