離れた家族やペットの熱中症兆候をAIが検知し通知
部屋に設置したスマートフォンカメラを通して、離れた家族やペットの様子をAIが見守ります。熱中症の兆候を検知すると、その証拠となるスナップショットと共にユーザーへ通知します。
多くの見守りカメラが事後的な記録に留まる中、この「GuardianHeat」はVLM（視覚言語モデル）を用いて「熱中症の兆候」という予防可能なリスクを事前に検知する点に新規性があります。単なる異常検知ではなく、ぐったりしている等の具体的な行動変化を捉え、証拠写真と共に通知することで、漠然とした不安を具体的な行動に変える手助けをします。プライバシーに配慮し、あくまで人間の判断を促す「気づき」の提供に徹する設計は、過剰なAIへの期待と一線を画し、地に足のついた形で最新技術の価値を届けようとする試みです。
今後は、今はサンプル再生だけですが、次は実際のカメラ映像をリアルタイムで処理し、室温センサーとも連携させて検知精度を上げたいです。複数拠点の一括見守りまで広げ、夏の不安を解消する定番アプリを目指します。
この作品の使い方と、画面で確認するポイントをまとめて表示します。
このデモでは、AIによる熱中症見守り機能の動作をシミュレーションで体験できます。
パイプラインの各ステップが未実行の状態であることを確認できます。
AIによる見守りパイプラインがシミュレートされ、結果コンソールにアラート情報が表示され始めます。
熱中症の兆候を検知した内容、時刻、深刻度、および証拠となるスナップショットが表示されます。
この作品で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 }}>
...