
其實一開始只是想把首頁的顏色改一下,覺得原本的配色太普通,想要那種比較深、比較有氛圍感的樣子。結果不知道怎麼就滾雪球滾到現在,整個網站從頭到尾都動過一輪。我不是工程師,CSS 是什麼、JS 是什麼,說真的到現在也沒完全搞懂,全程都是用 Claude 幫忙處理,我大概就是負責「這個感覺不對」「再深一點」「再紫一點」這種話。
一開始講「我想要什麼感覺」,它負責變成程式碼,這部分算順利。改完顏色之後,就開始手癢,想說選單字距是不是可以再有呼吸感一點,手機版選單背景要不要也換成深色,首頁標題要不要加個打字機效果……一路加下去,後來連右下角那個音樂按鈕、滑鼠移過去會變色的自訂游標、還有背景飄雪花的動畫,都是那陣子順便弄的。每次都想說「這個應該是最後一個了吧」,結果沒有。
卡關的那幾次
改完 CSS,網站完全沒變化
重新整理頁面,畫面跟改之前一模一樣。第一個反應是「是不是我剛剛講得不夠清楚」,又重講一次要改哪裡,結果還是一樣。來回試了好幾次才發現,根本不是改的地方錯了,是網站本身有快取,舊版本一直卡在那邊沒被換掉。清掉快取之後畫面才終於變了——那瞬間有點想翻白眼,覺得浪費了半天在一個跟「改對改錯」完全無關的地方。
後台改的內容,前台看不出來
某幾個頁面不管在後台怎麼改文字,前台看到的都對不上,好像在改一個假的分身。後來才知道那幾頁是用別的編輯器做的,內容其實藏在另一個很深的地方,後台顯示的只是備用版本,根本不是網站真正在用的東西。找到對的地方之前,有種一直在對空氣講話的感覺。
帳號一直連不上
錯誤訊息看起來像是密碼不對,查了老半天才發現是帳號名稱設定裡打錯一個字母,跟密碼一點關係都沒有。這種最討厭,因為錯誤訊息把你導去完全錯的方向,讓人一直往密碼、權限那邊想,根本沒想到是自己名字打錯。
手機版跟電腦版對不起來
電腦版看起來好好的,切到手機版排版就跑掉,顏色也跟原本講好的不一樣。後來才發現手機版跟電腦版其實是分開的設定,改一邊不會自動套用到另一邊。這個沒有什麼戲劇性的頓悟時刻,就是純粹麻煩,來回調了好幾次才兩邊都對上。
用 Claude vs 自己摸索
| 面向 | 用 Claude | 自己摸索 |
|---|---|---|
| 學習曲線 | 不太需要先學語法,邊做邊了解 | 要先啃教學、看文件才敢動手 |
| 改一個小地方要多久 | 通常幾分鐘內就能看到結果 | 常常要花上一整晚試錯 |
| 「改了但沒生效」 | 會一路往下追到快取、資料結構等根本原因 | 容易卡住,甚至懷疑自己是不是操作錯誤 |
| 遇到陌生錯誤訊息 | 直接解讀,告訴你真正的原因 | 拿去 Google,比對好幾篇文章才能猜出方向 |
| 維護心態 | 覺得網站是可以持續調整的東西 | 容易因為卡關太久就放著不管 |
| 最終設計判斷 | 還是自己拍板決定 | 也是自己拍板決定(這點真的沒差) |
整體來說,好處是我不用自己去查怎麼寫,講需求就好,而且很多莫名其妙的坑它自己會一路查下去,換作是我大概查到一半就放棄了,直接關掉分頁去做別的事。壞處是我還是得盯著看,因為它改完不代表就是對的,尤其那種「看起來沒生效」的情況,不實際打開網站看根本不知道到底改了沒。而且說到底,最後這個顏色好不好看、選單要不要再往下移兩格,還是得靠自己的判斷,這部分沒辦法外包,講出來的每個「再深一點」「再紫一點」都還是我自己在把關。