結露した窓ガラスに指でメッセージを書いて送る、新感覚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を使った個人開発に興味のある方はぜひご覧ください。

👉 https://note.com/ciraf_inc/n/n34cd1e2ff2c7

 会社概要 

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

 本件に関するお問い合わせ 

シラフ株式会社
Email: [e-mail]
URL: https://ciraf.jp/contact/

※ fog mailはシラフ株式会社が運営するオリジナルWebコンテンツです。 ※ 本サービスはスマートフォン専用です。PCからアクセスした場合はスマホ専用の案内が表示されます。