【アプリ 033】見えない紫外線を、数字にする。UV指数&熱中症アラート

AI実装ログ

夏の氷見は海水浴やサイクリングで外にいることが多い。でも「今日のUV指数」を気にしている人はどれくらいいるでしょう?

UV指数8以上は「日焼け止め必須」レベル。体感温度が31度を超えると熱中症の危険域。このアプリは、その「見えないリスク」を数字とゲージで可視化します。

👉 デモアプリを開く

📱 使い方

033_uv_heatstroke スクリーンショット
  1. アプリを開くとOpen-Meteo APIからUV指数・体感温度・気温・湿度データが取得される
  2. 半円ゲージ(緑→紫グラデーション)で現在のUV指数とレベルを直感的に確認
  3. 体感温度カードで実際の暑さ体感と熱中症リスクバッジ(ほぼ安全〜危険)を確認
  4. 24時間UV推移グラフでリスクの高い時間帯を把握し、外出時間を計画
  5. 対策アドバイスリストと7日間UV予報バーで今後の計画を立てる

💡 ポイント: UV指数と体感温度を同時表示し、日焼けリスクと熱中症リスクの両方を1画面でカバーします。

🎯 こんな人におすすめ

  • 海水浴・アウトドア活動を楽しむ観光客や地元住民
  • 農作業・漁業・建設など屋外作業が多い労働者
  • 高齢者や子ども連れの家族(熱中症弱者への情報提供)

開発メモ

目的: UV指数と熱中症リスクを直感的に表示。屋外作業者、スポーツ愛好家、子育て世代への実用ツール。

技術: HTML5, Vanilla JS, Canvas, Open-Meteo API

工夫: UV指数を5段階で色分け(緑→黄→オレンジ→赤→紫)。体感温度からの熱中症リスクレベル判定と、具体的な対策アドバイスを表示します。

データ出典: Open-Meteo Weather Forecast API

コメント

タイトルとURLをコピーしました
🤖

AIアシスタント

氷見AI実装ラボ