結露した窓ガラスに指でメッセージを書いて送る、新感覚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: onoe@ciraf.jp
URL: https://ciraf.jp/contact/
※ fog mailはシラフ株式会社が運営するオリジナルWebコンテンツです。 ※ 本サービスはスマートフォン専用です。PCからアクセスした場合はスマホ専用の案内が表示されます。
企業プレスリリース詳細へ
PRTIMESトップへ
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からアクセスした場合はスマホ専用の案内が表示されます。
企業プレスリリース詳細へ
PRTIMESトップへ