バイブコーディングで、自宅カメラを「自分のアプリ」で使えるようにしました ─ 月額ゼロ・在宅中は通知オフ

MetAI代表のデビットです。

自宅のリビングに、市販のネットワークカメラ（TP-Link Tapo C200）を置いています。これまではメーカーのアプリで見ていましたが、ある晩ふと「このカメラ、自分のアプリで動かせないかな」と思い立ち、バイブコーディングで作ってみました。

バイブコーディングとは、コードを自分で書くかわりに、やりたいことを言葉でAIに伝えて作ってもらう開発スタイルです。今回はClaudeに母語のスペイン語で話しかけながら進め、およそ2時間で形になりました。私はコードを1行も書いていません。

自作の管理画面です。ライブ映像、カメラの向きの操作、録画の設定がひとつの画面にまとまっています（夜間の映像。画面の表示はスペイン語です）。

できるようになったこと

• メーカーのアプリなしで使える：ブラウザで開く自分専用の管理画面から、ライブ映像を見て、カメラの向きを動かせます。
• 録画は自分のPCに：クラウド録画の月額プランにも、microSDカードにも頼らず、映像は自宅のPCに保存されます。
• 動きがあった時だけ録画：24時間ぶんを丸ごと残すのではなく、動きを検知した場面だけを短いクリップにします。動きの5秒前から入るので、「何が起きたか」が分かります。
• 7日で自動削除：古いクリップは自動で消えるので、PCの容量を気にしなくて済みます。
• スマホに動画つきで通知：動きがあると、メッセージアプリにクリップが届きます。
• 外出先からも確認：出先のスマホからライブ映像を見て、カメラを動かせます。

家にいる時は、通知を止める

使いはじめてすぐ困ったのが、自分が部屋を歩くたびに通知が来ることでした。

最初に考えたのは顔認識です。ただ、部屋全体を広く映すカメラでは顔が小さく、後ろ向きや夜間はそもそも顔が映りません。認識できなければ結局通知が来ますし、逆に他の人を私と間違えたら、いちばん大事な通知が止まってしまいます。

そこで、もっと単純で確実な方法にしました。私のスマホが自宅のWi-Fiにつながっているかどうかを見るだけです。

• つながっている（＝家にいる）：クリップは保存するが、通知はしない。
• つながっていない（＝外出中）：これまで通り、動画つきで通知する。

GPSも、スマホへのアプリ追加も不要です。外出してから10分ほどで、通知が自動的に戻ります。

どうやって作ったか（ざっくり）

細かい技術の話は省きますが、流れはこうです。

1. カメラは改造していません。多くのネットワークカメラは、録画機器と連携するための標準的な映像出力を持っています。メーカーのアプリでその機能を有効にしただけです。
2. 自宅のPCで小さなアプリを動かす。このアプリがカメラの映像を受け取り、管理画面に表示し、動きを見張り、クリップを保存します。
3. 動きの検知は、映像のコマを見比べるだけ。前のコマと大きく変わったら「動いた」と判断します。カメラの向きを自分で変えている最中は、検知を止めるようにしました。
4. 外出先からは、暗号化された経路で。自宅のルーターに穴を開けることはせず、本人確認とパスワードの二重の認証を通った時だけ、管理画面にたどり着けます。

うまくいかなかったところも

最初からすべて順調だったわけではありません。

• ライブ映像が数秒で固まる。原因は、カメラが送ってくる音声の時刻情報のずれでした。AIが映像データを調べて原因を突き止め、直しました。直ったあとは、映像の遅れが数秒から0.2秒ほどに縮まりました。
• 自宅のPCは、つけっぱなしが前提。PCがスリープすると、録画も通知も止まります。
• ライブ映像には、まだ音が出ません。保存されるクリップには音声が入ります。

なお、パスワードの入力や各サービスへのログイン、公開範囲の設定は、AIに任せず自分の手で行いました。「何をAIに任せ、何を人が決めるか」を分けることも、バイブコーディングの大事な部分だと感じています。

「こういうものが欲しい」を、そのまま形に

今回のアプリは自宅用ですが、やったことは「既製品をそのまま使う」のではなく、自分の使い方に合わせて道具を作り直すことでした。

MetAIでは、こうした進め方で、業務に合わせた社内ツールやWebツール、ローカル環境で動くAIの導入をお手伝いしています。「うちの場合はどうだろう？」という方は、お気軽にご相談ください。