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: [email protected] URL: https://ciraf.jp/contact/

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

FACT BOX ・ 要点整理

  • 出典：PR TIMES
  • 分類：新製品
  • 関連組織：Anthropic
  • 製品・サービス：fog mail / Webアプリ開発