「fog mail」新網頁應用程式上線：在霧氣玻璃上用手指寫訊息並傳送，提供LINE無法比擬的10分鐘即逝體驗
Ciraf株式會社推出全新網頁應用程式「fog mail」，重現了在起霧窗戶上用手指寫訊息並傳送的體驗。此應用程式的訊息會在10分鐘後自動消失，提供獨特的短暫通訊體驗，無需安裝即可透過智慧型手機瀏覽器直接使用。
📋 文章處理履歷
- 📰 發表: 2026年4月28日 14:50
- 🔍 收集: 2026年4月28日 08:01
- 🤖 AI分析完成: 2026年4月28日 08:33（收集後31分鐘）
## 什麼是 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株式會社
電子郵件：onoe@ciraf.jp
網址：https://ciraf.jp/contact/
※ fog mail 為 Ciraf株式會社營運的原創網路內容。
※ 本服務僅限智慧型手機使用。若從電腦存取，將會顯示智慧型手機專用引導。
「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株式會社
電子郵件：onoe@ciraf.jp
網址：https://ciraf.jp/contact/
※ fog mail 為 Ciraf株式會社營運的原創網路內容。
※ 本服務僅限智慧型手機使用。若從電腦存取，將會顯示智慧型手機專用引導。