什麼是 fog mail？

「fog mail」是一款新穎的網路應用程式，讓使用者可以在智慧型手機瀏覽器上，透過對著起霧的窗戶玻璃哈氣，然後用手指寫下訊息並傳送。

使用者按下「哈——」按鈕後，螢幕會起霧，再用手指劃過，霧氣便會消散，文字隨之浮現。寫完後，可透過電子郵件或LINE傳送專屬連結。收件人開啟連結後，同樣的訊息便會重現在其裝置上相同的窗戶玻璃上。訊息會在10分鐘後自動消失。

無需安裝。僅需透過瀏覽器即可體驗。

網址：https://ciraf.jp/fogmail/（僅限智慧型手機使用）

畫面示意圖

開發背景

對著電車窗戶哈氣，然後在起霧的地方用手指寫字——這是一個每個人都至少玩過一次的經驗，我們思考是否能將這種體驗在網路上重現，這便是開發的起點。

本服務的理念核心是LINE和電子郵件所沒有的「消失」限制，以及「接收者也能體驗同樣感受」的對稱性。透過將發送者書寫的軌跡資料儲存於伺服器，並直接在接收者的螢幕上重新繪製，即使裝置不同，相同的訊息也會出現在相同的窗戶上。

主要功能

- 按下「哈——」按鈕即可讓螢幕起霧（按越多下霧氣越濃） - 用手指劃過即可消除霧氣並寫下訊息 - 透過電子郵件或LINE傳送專屬連結 - 收件人開啟連結後，訊息會重現 - 訊息會在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

公司簡介

公司名稱：Ciraf株式會社 所在地：東京都 代表人：尾上裕典 事業內容：網頁、影像、品牌製作 網址：https://ciraf.jp/ Note：https://note.com/ciraf_inc

有關本案的聯繫方式

Ciraf株式會社 電子郵件：[email protected] 網址：https://ciraf.jp/contact/

※ fog mail 為 Ciraf株式會社營運的原創網路內容。 ※ 本服務僅限智慧型手機使用。若從電腦存取，將會顯示智慧型手機專用引導。

FACT BOX · 重點整理

  • 來源：PR TIMES
  • 分類：新品
  • 相關組織：Anthropic
  • 產品、服務：fog mail