URL
https://healthdata-dashboad.vercel.app/概要
iPhoneのヘルスケアアプリからエクスポートした export.xml をブラウザ内だけで解析し、アクティビティ・心拍・睡眠・身体・歩行など10カテゴリの健康データを日次や週次のトレンドとして可視化するダッシュボード
解決する課題
- ・ヘルスケアアプリのエクスポートデータ(export.xml)は数百MB規模のXMLで、そのままでは長期的な傾向を読み取ることができない
- ・健康データは機微な個人情報であり、外部サーバーにアップロードして解析するサービスには抵抗があった
使用技術
TypeScriptReactViteTailwindCSSRechartsIndexedDB
開発背景
標準のヘルスケアアプリは直近データの閲覧が中心で、年単位の変化を横断的に把握できなかったため、Web Workerによる非同期解析とIndexedDBキャッシュを組み合わせ、巨大なXMLでもブラウザ内で解析が完結し高速に再表示できる仕組みを構築(サーバーにデータは一切送信されない)