前言
老實說，最近只要想到離出社會的時間越來越近，心裡的煩惱跟對未來的迷茫就直線上升。每天睜開眼睛就是面對寫不完的程式碼、各種專題死線，還有同儕之間那種無形的比較壓力，常常覺得腦內電池隨時處在快要見底的狀態。

但是，日子總還是得過嘛！與其天天坐在那裡大喊好累然後繼續焦慮，我一直在想，能不能乾脆找個方法把這股心情抒發掉？ 剛好這時候遇到了 30 天資訊鐵人賽，我就想說：對啊！為什麼不乾脆把自己的煩惱、加上一直很想練的前端技術，直接揉成一個專案來玩玩看？於是，「賽博紓壓診所」就這樣誕生了。

為什麼我想做一個「很不一樣」的心理測驗？
市面上其實有很多很棒的心理測驗，陪伴大家度過不少自我探索的時光。但是因為我自己平常寫程式、解 bug 已經夠嚴肅了，所以當初在規劃這個專題時，就暗自決定：我不要那種看完了會讓人更想睡覺的制式長條圖結果！

我想要做一個會讓人忍不住嘴角上揚、甚至帶點惡搞趣味的小天地。所以，我在這個專題裡加了幾個很不一樣的小巧思：
1. 點擊破壞壓力： 因為每次心情煩躁時，都會很想把眼前看到的東西亂槌一通。所以乾脆在畫面上設計一些飄來飄去的日常負面字眼（像是「論文死線」），點下去「砰」一聲幫你把它炸碎，順便扣掉壓力值，玩起來超級紓壓。
2.儀式感滿點的抽籤盲選： 因為傳統的選項太無聊了，所以結合了廟宇抽籤的互動，讓每次選擇都帶有一點點期待感。
3.具象化的雷達圖與惡搞戳章： 測驗結束不給你冰冷的數字，而是專屬的六角形能力雷達圖，再加上「無藥可救」或是「躺平就好」的紅色病歷戳章，讓情緒有個地方可以好好宣洩。

為什麼堅持不用框架，全部都用純前端？
因為這次的主題是「賽博紓壓診所」，所以我從頭到尾都堅持只用最純粹的純前端技術（HTML5、CSS3、Vanilla JavaScript）來刻。

老實說，一開始朋友還問我說：「幹嘛不用 React 或是 Vue 來寫？比較快啊！」
但因為我希望這個網頁可以做到「零門檻、點開秒玩」，不管誰只要拿手機或電腦點進網址就能直接玩，不用等伺服器渲染。再加上，從 DOM 操作、Canvas 繪圖、多國語系切換到用 Web Audio API 寫音效，全部自己手刻一遍，那種對程式碼底層邏輯的掌握感，真的是用現成套件換不到的爽快感！

今日結語與明日預告
今天我們一起梳理了專案的誕生初衷，也確立了「賽博紓壓診所」想傳遞的獨特體驗。在接下來的日子裡，這個網頁將逐步加入許多趣味互動跟專業知識，明天，我們要進入 Day 02 了，我想帶大家看看我是怎麼把這個賽博診所的骨架給架出來的，我們明天見！