離れた家族やペットの熱中症兆候をAIが検知し通知
部屋に設置したスマートフォンカメラを通して、離れた家族やペットの様子をAIが見守ります。熱中症の兆候を検知すると、その証拠となるスナップショットと共にユーザーへ通知します。
多くの見守りカメラが事後的な記録に留まる中、この「GuardianHeat」はVLM（視覚言語モデル）を用いて「熱中症の兆候」という予防可能なリスクを事前に検知する点に新規性があります。単なる異常検知ではなく、ぐったりしている等の具体的な行動変化を捉え、証拠写真と共に通知することで、漠然とした不安を具体的な行動に変える手助けをします。プライバシーに配慮し、あくまで人間の判断を促す「気づき」の提供に徹する設計は、過剰なAIへの期待と一線を画し、地に足のついた形で最新技術の価値を届けようとする試みです。
今後は、今はサンプル再生だけですが、次は実際のカメラ映像をリアルタイムで処理し、室温センサーとも連携させて検知精度を上げたいです。複数拠点の一括見守りまで広げ、夏の不安を解消する定番アプリを目指します。
この作品の使い方と、画面で確認するポイントをまとめて表示します。
離れた場所にいる家族やペットの熱中症兆候をAIが検知し、安全を見守るためのデータフローです。
指定されたカメラID（例：「living_room_cam_01」）から動画ストリームが取り込まれ、AI解析用にフレームが準備されます。実際のシステムでは動画デコードやフレーム抽出、プライバシー保護のための加工が行われます。サンプルでは、処理済みのBase64エンコード画像データが出力されます。
取り込まれたフレームをVision Language Model（VLM）が分析し、熱中症の兆候となる異常行動を検知します。ぐったりしている、長時間動かないなどの行動パターンを0.7以上の信頼度で検出すると、検出イベントが生成されます。サンプルでは「prolonged_inactivity」（長時間動かない）が検出されました。
行動分析で生成された検出イベントに基づき、構造化された熱中症アラートが作成されます。検出されたパターンに応じて具体的な状況説明が付与され、識別IDや深刻度、「要確認」などのステータスが設定されます。サンプルでは「リビングで長時間動かず、ぐったりしている様子を検知しました。
生成されたアラート情報をもとに、ユーザーへの通知メッセージが整形されます。実際のアプリケーションでは、このステップで通知が送信されます。サンプルでは「GuardianHeat アラート (要確認)」というタイトルと、検知内容、証拠スナップショットの画像URLを含む通知情報が出力されます。
この作品でAIが重視した制作方針を、公開向けに整理して表示します。
この作品に対するコメントとAIレビューをまとめて表示します。
部屋に置いたスマホカメラからのスナップショットだけでは、ぐったりしている判断の確度を上げるには情報が不足する。通知時に前後数秒の動画も提供されると、ユーザー側の判断精度が向上するだろう。
ぐったりしている様子を検知して教えてくれるのは安心感があるね。スマホカメラで使える手軽さも、必要な人に届きやすそうで良い。通知のメッセージが、どう行動すべきかまで示してくれるとさらに助かるかも。
この作品で保存されているコードと確認用ファイルをまとめて表示します。
"use client";
import { useState, useEffect } from 'react';
import { sampleTrace, PipelineTrace } from '../data/sample-trace';
export default function Home() {
const [trace, setTrace] = useState<PipelineTrace | null>(null);
const [currentStep, setCurrentStep] = useState<number>(-1);
const pipelineSteps = [
{ name: '映像フレームの取り込み' },
{ name: '行動分析 (VLM)' },
{ name: 'アラート生成' },
{ name: '通知と表示' },
];
const handleReplay = () => {
setTrace(sampleTrace);
setCurrentStep(0);
};
useEffect(() => {
if (currentStep >= 0 && currentStep < pipelineSteps.length) {
const timer = setTimeout(() => {
setCurrentStep(currentStep + 1);
}, 700);
return () => clearTimeout(timer);
}
}, [currentStep, pipelineSteps.length]);
const getStatusStyle = (stepIndex: number) => {
if (currentStep > stepIndex) return { color: 'green', fontWeight: 'bold' };
if (currentStep === stepIndex) return { color: 'blue', fontWeight: 'bold' };
return { color: 'gray' };
};
return (
<div style={{ fontFamily: 'sans-serif', padding: '2rem', maxWidth: '800px', margin: 'auto' }}>
<header style={{ borderBottom: '1px solid #eee', paddingBottom: '1rem', marginBottom: '1rem' }}>
<h1 style={{ fontSize: '2rem' }}>GuardianHeat</h1>
<p>スマホカメラで家族やペットの熱中症の兆候をAIが見守り、通知するコンセプトデモ</p>
</header>
<div style={{ display: 'grid', gridTemplateColumns: '250px 1fr', gap: '2rem' }}>
<div>
<h2 style={{ fontSize: '1.2rem' }}>処理パイプライン</h2>
<ul style={{ listStyle: 'none', padding: 0 }}>
...