結露した窓ガラスに指でメッセージを書いて送る、新感覚Webアプリ「fog mail」を公開　-- 10分で消える、LINEにはできない体験を

シラフ株式会社（東京都）は、スマートフォン向けWebコンテンツ「fog mail」を2026年4月に公開しました。

fog mailとは

「fog mail」は、スマートフォンのブラウザ上で、結露した窓ガラスに息を吹きかけ、指でメッセージを書いて送ることができるWebアプリです。

利用者は「はーっ」ボタンを押すと画面が曇り、指でなぞると霧が消えて文字が浮かびます。書き終えたらメールまたはLINEで固有URLを送信。受け取った人がURLを開くと、同じ窓ガラスの上に同じメッセージが再現されます。メッセージは10分で自動的に消えます。

インストール不要。ブラウザだけで体験できます。

URL: https://ciraf.jp/fogmail/（スマートフォン専用）

画面イメージです。

開発の背景

電車の窓に息を吹きかけて、曇ったところに指で文字を書く--誰もが一度はやったことがある、あの体験をWebで再現できないかと考えたことが出発点です。

LINEやメールにはない「消える」という制約と、「受け取る側も同じ体験をする」という対称性が、このサービスのコンセプトです。送り手が書いた軌跡データをサーバーに保存し、受け取り手の画面でそのまま再描画することで、デバイスが違っても同じ窓ガラスの上に同じメッセージが現れます。

主な機能「はーっ」ボタンで画面が曇る（複数回押すほど濃くなる）指でなぞると霧が消えてメッセージが書けるメールまたはLINEで固有URLを送信受け取った人がURLを開くとメッセージが再現されるメッセージは10分で自動消去

技術概要

対応環境スマートフォン（iOS Safari / Android Chrome）

技術スタック

Next.js / Supabase / Canvas API開発支援Claude Code（Anthropic）

利用料金無料

開発の詳細はnoteで公開中

fog mailの企画背景・技術的な実装・開発中のつまずきポイントまで、

開発の全工程をnote記事で詳しく公開しています。

Claude Codeを使った個人開発に興味のある方はぜひご覧ください。

会社概要

会社名: シラフ株式会社
所在地: 東京都
代表者: 尾上裕典
事業内容: Web・映像・ブランディング制作
URL: https://ciraf.jp/
note: https://note.com/ciraf_inc