用 Claude 打造網站:一個不會寫程式的人的實驗記錄

其實一開始只是想把首頁的顏色改一下,覺得原本的配色太普通,想要那種比較深、比較有氛圍感的樣子。結果不知道怎麼就滾雪球滾到現在,整個網站從頭到尾都動過一輪。我不是工程師,CSS 是什麼、JS 是什麼,說真的到現在也沒完全搞懂,全程都是用 Claude 幫忙處理,我大概就是負責「這個感覺不對」「再深一點」「再紫一點」這種話。

一開始講「我想要什麼感覺」,它負責變成程式碼,這部分算順利。改完顏色之後,就開始手癢,想說選單字距是不是可以再有呼吸感一點,手機版選單背景要不要也換成深色,首頁標題要不要加個打字機效果……一路加下去,後來連右下角那個音樂按鈕、滑鼠移過去會變色的自訂游標、還有背景飄雪花的動畫,都是那陣子順便弄的。每次都想說「這個應該是最後一個了吧」,結果沒有。

卡關的那幾次

改完 CSS,網站完全沒變化

重新整理頁面,畫面跟改之前一模一樣。第一個反應是「是不是我剛剛講得不夠清楚」,又重講一次要改哪裡,結果還是一樣。來回試了好幾次才發現,根本不是改的地方錯了,是網站本身有快取,舊版本一直卡在那邊沒被換掉。清掉快取之後畫面才終於變了——那瞬間有點想翻白眼,覺得浪費了半天在一個跟「改對改錯」完全無關的地方。

後台改的內容,前台看不出來

某幾個頁面不管在後台怎麼改文字,前台看到的都對不上,好像在改一個假的分身。後來才知道那幾頁是用別的編輯器做的,內容其實藏在另一個很深的地方,後台顯示的只是備用版本,根本不是網站真正在用的東西。找到對的地方之前,有種一直在對空氣講話的感覺。

帳號一直連不上

錯誤訊息看起來像是密碼不對,查了老半天才發現是帳號名稱設定裡打錯一個字母,跟密碼一點關係都沒有。這種最討厭,因為錯誤訊息把你導去完全錯的方向,讓人一直往密碼、權限那邊想,根本沒想到是自己名字打錯。

手機版跟電腦版對不起來

電腦版看起來好好的,切到手機版排版就跑掉,顏色也跟原本講好的不一樣。後來才發現手機版跟電腦版其實是分開的設定,改一邊不會自動套用到另一邊。這個沒有什麼戲劇性的頓悟時刻,就是純粹麻煩,來回調了好幾次才兩邊都對上。

用 Claude vs 自己摸索

面向用 Claude自己摸索
學習曲線不太需要先學語法,邊做邊了解要先啃教學、看文件才敢動手
改一個小地方要多久通常幾分鐘內就能看到結果常常要花上一整晚試錯
「改了但沒生效」會一路往下追到快取、資料結構等根本原因容易卡住,甚至懷疑自己是不是操作錯誤
遇到陌生錯誤訊息直接解讀,告訴你真正的原因拿去 Google,比對好幾篇文章才能猜出方向
維護心態覺得網站是可以持續調整的東西容易因為卡關太久就放著不管
最終設計判斷還是自己拍板決定也是自己拍板決定(這點真的沒差)

整體來說,好處是我不用自己去查怎麼寫,講需求就好,而且很多莫名其妙的坑它自己會一路查下去,換作是我大概查到一半就放棄了,直接關掉分頁去做別的事。壞處是我還是得盯著看,因為它改完不代表就是對的,尤其那種「看起來沒生效」的情況,不實際打開網站看根本不知道到底改了沒。而且說到底,最後這個顏色好不好看、選單要不要再往下移兩格,還是得靠自己的判斷,這部分沒辦法外包,講出來的每個「再深一點」「再紫一點」都還是我自己在把關。

網站現在還在慢慢調整,偶爾還是會冒出新的小狀況,但已經比一開始淡定很多——大概知道遇到「怎麼改都沒反應」的時候,先別急著懷疑自己講錯話,很可能只是哪裡卡住了。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

返回頂端
0