1万円のデジタルフォトフレームを、わが家専用のダッシュボードに ─ 天気・電車・ニュース・照明を3か国語で

MetAI代表のデビットです。

Amazonで約1万円で買った10.1インチのデジタルフォトフレーム（Frameo対応、1920×1200）を、写真を映す代わりに 「わが家専用のダッシュボード」 として使えるようにしました。天気、雨雲レーダー、最寄り駅の電車、ニュース、地震情報、そして照明の操作まで。表示は 日本語・スペイン語・英語 をワンタッチで切り替えられます。

作り方は、AIと会話しながら作る「バイブコーディング」です。きっかけは、海外の開発者 Wes Bos さんの Hacking smart photo frames という記事でした。

ホーム画面。時計・天気・ニュース・電車・予定をひと目で。（駅名とニュース写真はぼかしています）

できること

• 3か国語で表示：日本語・スペイン語・英語を右上でいつでも切り替え。日付には令和の年号も。
• 天気と「この後の雨」：今の天気、12時間ごと、週間予報。「15:20頃から雨の見込み」のように、2時間以内の雨を一行で教えてくれます。
• 雨雲レーダー：気象庁の降水ナウキャストを、自宅を中心にした地図でアニメーション表示。45分前から1時間後まで。
• 電車：よく使う3路線の運行状況（平常運転・遅延・見合わせ）と、最寄り2駅の次の電車を「あと何分」で。平日・土曜・休日ダイヤも自動で切り替え。
• ニュース：NHK・El País・BBC・Hacker Newsの見出しを写真つきで。タップすると、フレームの中で記事を読めます。
• 地震と警報：大きな地震や、住んでいる区に警報・注意報が出たら、画面の上に帯で表示。
• 照明（Philips Hue）：部屋ごとのオン・オフ、明るさ、シーン、「すべて消灯」。
• 朝モードと夜モード：平日の朝7〜9時は電車と雨を大きく表示。夜は画面を暗くして、触ると5分だけ明るく。

天気の詳細。24時間の気温と降水確率、週間予報。

雨雲レーダー。ピンクの点が自宅のあたり。気象庁の降水ナウキャストと地理院タイルを使っています。

電車。3路線の運行状況と、最寄り2駅の次の電車（駅名はぼかしています）。

パソコンなしで、フレーム単体で動く

最初は自宅のMacで小さなサーバーを動かし、フレームはそれを表示するだけでした。ただ、それだとMacがスリープしたり、IPアドレスが変わったりするたびに表示が止まります。

そこで、データを集める仕組みをまるごとフレームの中に入れました。いまはリビングに置いて電源とWi‑Fiにつなぐだけ。天気は10分ごと、電車は1分ごと、ニュースは15分ごとに、フレームが自分で更新します。設定の変更（ニュースの追加や駅の変更など）は、ネット上の設定ファイルを書き換えるだけで、数分後にフレームに反映されます。

照明（Philips Hue）。部屋ごとのオン・オフ、明るさ、シーン。

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

• 改造や分解はしていません。Frameoの設定にある「ベータプログラム」をオンにすると、「ADBアクセス」という開発者向けのスイッチが出てきます。メーカー公式の機能です。
• パソコンとケーブルでつなぎ、小さな表示アプリを入れる。Wes Bosさんが公開しているアプリをもとに、画面いっぱいにダッシュボードを表示し、電源を入れるとすぐ立ち上がるようにしました。
• データは公開されている情報源から。天気はOpen‑Meteo、雨雲レーダー・警報は気象庁、地震はP2P地震情報、都営線の時刻表は公共交通オープンデータ、ニュースは各社のRSSです。
• 古いブラウザに合わせる。フレームの中のブラウザは数年前のものなので、使える機能を選んで作っています。
• デザインはMetAIのサイトに合わせて。紺の背景に青→紫→マゼンタのグラデーション。

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

• 最初はパソコンが認識しない。付属のケーブルは充電専用で、USB‑C同士でもダメ。USB‑A→USB‑Cのデータ用ケーブルと変換アダプタで、ようやくつながりました。
• ある朝、再起動を繰り返すように。フレームが自動でファームウェアを更新した結果、以前のアプリのインストール途中の残りファイルを読み込んで止まるようになっていました。AIがフレームに残っていたエラーの記録を読み、原因のファイルだけを消して復旧。いまは自動更新を止めています。
• 声では話しかけられない。このフレームにはマイクがありません。音声で質問するには、Bluetoothのマイクなど別の機器が必要です。
• 気象庁のデータ形式が変わっていた。2026年5月の「新たな防災気象情報」で、警報データの置き場所が変わっていました。

なお、USBデバッグの許可、照明のブリッジのボタンを押すこと、アカウントやネット上に何を置くかの判断は、AIに任せず自分で行いました。

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

安いフォトフレームでも、中身はAndroidの小さなタブレットです。既製品の使い方に合わせるのではなく、自分の暮らしに合わせて道具を作り直す。今回は、その小さな実験でした。

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

データ提供：Open‑Meteo、気象庁、P2P地震情報、公共交通オープンデータセンター、Yahoo!路線情報、国土地理院（地理院タイル）、NHK、El País、BBC、Hacker News。電車の時刻表は個人での利用にとどめています。