シラフ株式会社は4月28日、スマートフォン向けWebアプリ「fog mail」を公開したと発表しました。結露した窓ガラスに指でメッセージを書いて送るという体験をブラウザ上で再現したサービスで、インストール不要で利用できます。

• fog mail：https://ciraf.jp/fogmail/

「fog mail」とはどんなサービス？

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

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

メッセージは受信から10分で自動的に消えるため、LINEや通常のメールにはない「消える」という体験が特徴となっています。アプリのインストールは不要で、ブラウザだけで利用できます。

開発のきっかけと技術的な仕組み

電車の窓に息を吹きかけ、曇ったところに指で文字を書くという体験をWebで再現できないかと考えたことが開発の出発点だということです。

送り手が書いた軌跡データをサーバーに保存し、受け取り手の画面でそのまま再描画することで、デバイスが異なっていても同じ窓ガラスの上に同じメッセージが現れる対称性を実現しています。

主な機能と対応環境

「はーっ」ボタンは複数回押すほど画面が濃く曇る仕様で、指でなぞると霧が消えてメッセージを書けます。書いたメッセージはメールまたはLINEで固有URLとして送信でき、受信者側でも同じ操作感でメッセージを確認できます。

対応環境はスマートフォンのみで、iOS SafariおよびAndroid Chromeに対応しています。PCからアクセスした場合はスマートフォン専用の案内が表示されます。

技術スタックにはNext.js、Supabase、Canvas APIが採用されており、開発にはAnthropic社のClaude Codeが活用されました。利用料金は無料です。

開発の詳細はnoteで公開

企画背景・技術的な実装・開発中のつまずきポイントなど、開発の全工程をまとめたnote記事が公開されています。

• 開発記事（note）：https://note.com/ciraf_inc/n/n34cd1e2ff2c7

Source: iPhoneアプリ/iPadアプリをおすすめするAppBank