結露した窓ガラスに指でメッセージを書いて送る、新感覚Webアプリ「fog mail」を公開 —— 10分で消える、LINEにはできない体験を
シラフ株式会社が、結露した窓に指でメッセージを書く体験を再現したWebアプリ「fog mail」を公開しました。LINEにはない10分でメッセージが消える特性を持ち、特別なインストールなしでブラウザから利用可能です。
📋 記事の処理履歴
- 📰 発表: 2026年4月28日 14:50
- 🔍 収集: 2026年4月28日 08:01
- 🤖 AI分析完了: 2026年4月28日 08:33（収集から31分後）
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: onoe@ciraf.jp
URL: https://ciraf.jp/contact/
※ fog mailはシラフ株式会社が運営するオリジナルWebコンテンツです。 ※ 本サービスはスマートフォン専用です。PCからアクセスした場合はスマホ専用の案内が表示されます。
「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: onoe@ciraf.jp
URL: https://ciraf.jp/contact/
※ fog mailはシラフ株式会社が運営するオリジナルWebコンテンツです。 ※ 本サービスはスマートフォン専用です。PCからアクセスした場合はスマホ専用の案内が表示されます。