讓心情有地方放。 A place to put how you feel.
這不是一個記錄情緒的工具，是一個幫情緒歸位的工具。
每天問一句「今天，有話沒說出口嗎？」，把沒說出口的那句話、對象、場合、身體反應放下來。累積之後，看見自己對誰特別說不出口，並用「如果」與「遇到」練習下一次真的開口。
單機、本機儲存、不需要帳號、可離線。所有內容只有你看得到。
這不是一句行銷詞，是這個產品的實作方式。
- 沒有帳號、沒有伺服器、沒有雲端同步。 沒有地方可以登入，因為沒有東西在別的地方。
- 沒有分析、沒有追蹤、沒有遙測。 專案裡沒有任何一行統計或回報的程式碼。
- 沒有任何使用者資料離開這台裝置。 你寫的每一句話、每一個對象、每一次賭注，都只存在瀏覽器的 localStorage 裡。想帶走就用「⋯ → 匯出」，那是把 Markdown 複製到你自己的剪貼簿，不經過任何人。
- 連空白也是私密的。 哪幾天你沒寫、哪幾天寫了「今天還好」，同樣只有你知道。留白是資訊，那份資訊也是你的。
- 沒有任何對外請求。 字體自己託管，不經過 Google Fonts CDN；整個 app 從第一次載入開始，只跟自己的網域說話。
代價是：沒有帳號也沒有同步，清掉瀏覽器資料或換一台裝置，東西就沒了。所以側欄的「⋯ → 備份」可以存成一個 JSON 檔到你自己的裝置上，需要時再還原回來。那個檔案是未加密的純文字，跟你的記錄一樣私密，放在哪裡由你決定。
日後若真的做雲端同步，資料必須先加密才能離開裝置。
原點・亞洲家長。「忍一下就過去了。」我們是被這樣帶大的：別吵、別給人添麻煩、別人會怎麼看。情緒不是不被允許，是從來沒有被分配到位置。於是那句話就留在原地——不會消失，只會在半夜、在洗澡的時候、在下一次同樣的場合，自己跑出來。
方法・整理術。 佐藤可士和說，整理不是把東西丟掉，是先問出真正的核心，再讓每一樣東西回到它該在的位置。房間亂，不是因為東西太多，是因為沒有位置。心情也一樣。所以流程固定為三步：
- 拿出來 — 把那句沒說出口的話，原封不動寫下來。不修飾、不解釋。
- 歸位 — 問三個問題就好：對誰、什麼場合、身體怎麼了。這是給它一個座標。
- 留白 — 空著的日子不補、不催、不獎勵。留白本身也是資訊。
四個分頁不是四個功能，是同一個整理動作的四個階段。
| 分頁 | 階段 | 做什麼 |
|---|---|---|
| 今天 | 拿出來 | 記錄今天沒說出口的那句話 |
| 模式 | 歸位後的觀察 | 看出對誰特別說不出口 |
| 如果 | 校正預期 | 把腦裡演的最壞情況寫下來，事後對答案 |
| 遇到 | 備用 | 整理好的句子，下次直接拿出來用 |
- 不做連續天數、進度百分比、完成率、徽章、推播催促。
- 「今天還好」不是灰色的「跳過」，它是平權的答案，會被記成一筆資料。
- 使用者寫完之後不給鼓勵、分析或建議。
- 不用漸層、大圓角、插畫角色來「柔化」介面。溫柔來自留白與文案，不是視覺裝飾。
它應該安靜、像一張紙、不催你。
npm install
npm run dev # 開發伺服器
npm run build # tsc -b && vite build
npm run preview # 預覽 build 產物（含 service worker）
npm test # vitest
npm run check # 型別檢查 + 測試
node scripts/generate-icons.mjs # 重新產生 PWA 圖示
node scripts/fetch-fonts.mjs # 重新抓字體分片（平常不用跑）Vite + React 19 + TypeScript + Tailwind v4，純前端 SPA，無後端。
src/
constants.ts copy.ts types.ts 常數、全部 UI 文案、資料模型
styles/ theme.css（色彩 token）、type.css（三層字體制度）
store/ persist（localStorage）、useAppStore、selectors（衍生值）
lib/ date、markdown（匯出）、clipboard
components/ Chip、ChipGroup、BarChart、Button、Field…
views/ AppShell ＋ desktop（四分頁）／mobile（逐題流程）
兩件實作上的原則：
entries是唯一真實來源。 對象排行、條狀圖、趨勢句、賭注戰績一律由selectors.ts算出來，不另存。- 字級不是自由值。 三層字體制度（引句層／機器層／介面層）收斂成
type.css的語意 class，不在 JSX 裡寫text-[13.5px]/[1.95]。
public/fonts/ 是自己託管的 Noto Serif TC 與 Noto Sans TC（各只有 400 一個字重，全站用不到 500）。中文字體全集太大，不能整包塞給使用者，所以沿用 Google 自己的切法：213 個帶 unicode-range 的分片，瀏覽器只抓真正需要的那幾片（實測首次載入 15 片）。分片與 public/fonts.css 由 scripts/fetch-fonts.mjs 產生，service worker 以 CacheFirst 收著，抓過哪片就留哪片。
字體授權為 SIL Open Font License 1.1，全文見 public/fonts/OFL.txt。
Place is not a tool for recording feelings. It is a tool for putting them back where they belong.
Once a day it asks one question — "Anything you didn't say out loud today?" — and lets you put down the sentence you swallowed, who it was for, what the situation was, and what your body did. Over time you start to see who you specifically can't speak up to, and two practice tools — 如果 ("what if") and 遇到 ("when it comes up") — help you actually say it next time.
Local-first, stored on your device, no account, works offline. Nobody else can see any of it.
That isn't a marketing line. It's how the thing is built.
- No account, no server, no cloud sync. There is nowhere to log in, because nothing is anywhere else.
- No analytics, no tracking, no telemetry. There is not a single line of reporting code in this project.
- No user data ever leaves your device. Every sentence, every name, every bet lives in your browser's localStorage. "⋯ → 匯出" copies Markdown to your own clipboard — it passes through no one.
- The blanks are private too. Which days you skipped, which days you answered "today was fine" — that's yours as well. A blank is information, and that information belongs to you.
- No outbound requests at all. Fonts are self-hosted rather than loaded from the Google Fonts CDN; from the first load onward, the app only ever talks to its own domain.
The cost of that: no account and no sync, so clearing browser data or switching devices loses everything. Hence "⋯ → 備份" in the sidebar — it writes a JSON file to your own device, and restores from one later. That file is unencrypted plain text; it is as private as the entries it holds, and where it lives is your call.
If cloud sync is ever built, data must be encrypted before it leaves the device.
Where it comes from: Asian parenting. "Just put up with it and it'll pass." That's how many of us were raised: don't make noise, don't be a burden, think about how it looks. Feelings weren't forbidden — they were simply never assigned a place to go. So the sentence stays where it is. It doesn't disappear; it comes back at midnight, in the shower, the next time you're in the same room with the same person.
The method: Kashiwa Sato's approach to organizing. Sato argues that tidying isn't about throwing things away — it's about finding the true core first, then letting every object return to where it belongs. A messy room isn't messy because there's too much stuff; it's messy because nothing has a place. Feelings work the same way. So the flow is fixed at three steps:
- Take it out — write the unsaid sentence down exactly as it was. No polishing, no explaining.
- Put it in place — three questions only: to whom, in what situation, what your body did. That gives it coordinates.
- Leave it blank — empty days are not backfilled, nagged about, or rewarded. The blank is information too.
Not four features — four stages of the same act of tidying.
| Tab | Stage | What it does |
|---|---|---|
| Today | Take it out | Record the sentence you didn't say |
| Pattern | Observation | See who you specifically can't speak up to |
| 如果 (what if) | Recalibration | Write down the worst case you rehearsed, then check it against reality |
| 遇到 (when it comes up) | Spare parts | Sentences prepared in advance, ready to use |
- No streaks, no progress percentages, no completion rates, no badges, no nagging notifications.
- "Today was fine" is not a greyed-out "skip". It is an equal answer and is stored as an entry.
- No encouragement, analysis, or advice after you finish writing.
- No warm gradients, big rounded corners, or illustrated mascots to "soften" the interface. The gentleness comes from whitespace and wording, not decoration.
It should be quiet, like a sheet of paper, and it should never rush you.
npm install
npm run dev # dev server
npm run build # tsc -b && vite build
npm run preview # preview the build, service worker included
npm test # vitest
npm run check # typecheck + tests
node scripts/generate-icons.mjs # regenerate PWA icons
node scripts/fetch-fonts.mjs # re-fetch font shards (rarely needed)Vite + React 19 + TypeScript + Tailwind v4. Front-end only, no backend.
Two implementation rules worth knowing:
entriesis the single source of truth. The person ranking, bar chart, trend sentence, and bet record are all derived inselectors.tsand never stored.- Type sizes are not free-form. A three-layer type system (quote / machine / interface) is collapsed into semantic classes in
type.css; notext-[13.5px]/[1.95]in JSX.
public/fonts/ holds self-hosted Noto Serif TC and Noto Sans TC (weight 400 only — nothing in the app uses 500). A full Chinese font is far too large to hand a visitor in one piece, so the slicing follows what Google itself does: 213 shards keyed by unicode-range, of which a browser fetches only the handful it actually needs (15 on first load, measured). The shards and public/fonts.css are generated by scripts/fetch-fonts.mjs; the service worker keeps them with a CacheFirst strategy, so whatever has been fetched stays available offline.
The fonts are licensed under the SIL Open Font License 1.1 — full text in public/fonts/OFL.txt.