看懂它在動網站的哪一半
前四週都是你在叫它做事,這一週的重點在它回你的那幾行字。看不懂它在講什麼的時候,你只剩下一個選擇:按同意。上半場是十個它天天在用的詞,下半場離開專案,叫它做電腦上的雜事,再把做出來的東西推上 GitHub。
一個網站切成兩半,程式怎麼上線
外場跟廚房,客人只進得去一半
前端是使用者瀏覽器裡的畫面、按鈕、互動,全世界都看得到;後端是伺服器上的資料、邏輯與權限,客人進不去。API 是兩邊講好的點餐窗口,你照格式送請求,對方照格式回資料。叫它把按鈕改成圓角是外場的事,叫它做一個會員登入就進廚房了。
改壞了的代價,兩邊差很多
前端改壞是跑版、按鈕沒反應;後端改壞是資料錯亂、登入失效、資料外洩。上週做出來的那個資料夾現在全是外場的東西:html 是骨架、css 是裝潢、js 是動作,三種都跑在瀏覽器裡,還沒有廚房,資料也還沒有地方存。
資料夾裡那些副檔名,各裝什麼
前端的程式碼,任何人都打得開
它跑在使用者自己的電腦上,按 F12 就攤在眼前。金鑰寫在前端等於貼在店門口,價格怎麼算寫在前端客人可以自己改數字,「這個按鈕只有管理員看得到」也不等於別人做不到那個動作。看不出來是哪一半的時候,直接問它這段跑在瀏覽器還是伺服器。
從瀏覽器送來的資料,都當成被改過
這叫前端零信任,是後端最基本的一條規矩。最貴的一種是價格:前端顯示 3,000 元,送到後端的那筆數字被改成 1 元,後端沒有再算一次就照單全收。後端至少要自己驗身分、權限、資料、次數這四件。AI 預設常常只做前端檢查,畫面上擋住了看起來很正常,實際上後端什麼都沒驗。前端的檢查是使用者體驗,後端的檢查才是安全。
F12 那三個分頁,出事都在裡面
Elements 是外場的骨架,滑到哪一行畫面上那一塊就亮起來;Console 印程式出錯的紅字;Network 記錄頁面每一次對外要資料,點開看送了什麼、回了什麼。跟它說「網站壞了」它只能猜,把 Console 的紅字或 Network 那筆失敗的請求貼給它,它一次就找得到位置。
環境變數是貼在後台的一張小抄
程式跑起來的時候偷看一眼拿到密碼跟設定,小抄本身不裝訂進程式碼裡。金鑰寫死在檔案上,換一台機器就要改程式,而且這份檔案會跟著上傳,爬蟲每天都在自動掃公開倉庫裡的金鑰。實務上的固定姿勢是三步:本機放 .env、平台後台填正式值、.env 寫進 .gitignore。第三步漏掉,前面兩步就白做。
.env 長這樣,放在你自己的電腦裡
# 不上傳,也不進版本紀錄 OPENAI_API_KEY=sk-•••••••••••• DATABASE_URL=postgres://•••••• SITE_URL=http://localhost:3000
三個舞台,跟中間的搬運
開發環境是你電腦上的排練室,網址通常是 localhost,只有你看得到;測試環境是部署平台給的預覽網址;正式環境是你對外公布的那個。部署就是搬程式碼、裝套件、套環境變數、啟動、綁網址這五段,失敗最常見的原因是正式那張小抄沒填齊,不是程式寫錯。
網站掛掉的時候,先救活再查原因
Rollback 就是讀上一個存檔,多數部署平台點一下重新部署上一個正常版本就好。順序不要顛倒:先 rollback 讓網站活過來,再慢慢查哪裡壞,本機修好、測試過,才部署新版。一邊查錯誤訊息一邊讓網站躺著,是最常付的學費。
叫它做只有你會用的小工具
你在畫面上點的每一下,底下都是一條指令
滑鼠是給人用的介面,電腦本來就聽文字。開資料夾、排序、選取、右鍵重新命名兩百次,跟一行指令兩百個檔案同時改完,是同一台電腦、同一批檔案、同一個結果,差別只在誰負責把指令想出來。剛裝好還沒摸熟它脾氣的時候,拿雜事練比拿專案練划算,一件事講清楚就好,五分鐘跑完,對不對當場看得出來。
三個條件都成立才交給它
你能用中文把做完長什麼樣說清楚、檔案就在這台電腦上、做完你一眼驗收得了。第三題最重要,驗收不了的任務做完你也不敢用。
六個用得到的方向
掃 C 槽列出最佔空間的前 20 名、用檔名內容日期一起找舊檔、下載資料夾依副檔名分類改名、幾百張圖批次改尺寸轉檔壓縮、合併三十份格式一樣的 Excel、影片轉檔剪片抽音軌。共同點是步驟固定、重複很多次、做錯了你看得出來。改圖那類要注意界線,它處理已經存在的圖片,不憑空生一張。
講師本機掃一次的結果,2026-08,全程只讀不刪
刪除永遠分兩步
先列清單、你看過、再執行,中間那一步不能省。「幫我把沒用的檔案清一清」裡的「沒用」是它自己猜的;改成「列出候選清單給我看,我點名之後你再刪」,決定權就留在你手上。Windows 資料夾、登錄檔、Program Files、雲端同步資料夾這四個地方不要讓它自己判斷,同步資料夾裡的刪除還會傳染到你其他台電腦。
好用的那一次要留下來
同一件事講到第三次會覺得煩,那時候就叫它把做法存成一支檔案。可以留成腳本、寫進規則檔,或包成一個雙擊就跑的 .bat 放桌面。做 bat 有三件事要先講:路徑寫死不要靠目前所在位置、第一版先只印出會做什麼不要真的動檔案、不要內建刪除,會刪的動作改成搬到待刪資料夾。
一個階段的需求要一次講完
它像一個手很快的工讀生,差別在工讀生講到一半會抬頭問你,它收到就動。一句一句加,每一輪它都重新產一版,上一輪改好的地方這一輪可能被蓋掉。一個階段講完要有五件:對象與用途、內容、規則、界線、節奏。界線最常漏,節奏最少人講,講了整個過程會順很多。例外是 plan mode,連按兩下 Shift+Tab 切過去,它只讀、只問、只提計畫,不動任何檔案,這時候才可以邊聊邊想。
一次講完,以做一張海報為例
幫我做一張講座海報,直式 A4,要印出來也要放 IG 限動。 主題「Claude 實戰訓練營說明會」,時間地點照我給你的那一行, 右下角留一塊白給 QR code。 深色底、螢光青綠當重點色,字要大,站遠一點也看得到。 標題最大,時間地點第二層,其他都小。 不要漸層字,不要放沒有意義的裝飾圖示。 先做一版給我看,我確認方向再調細節。
留下來的東西推上 GitHub
Git 記錄這個資料夾每一次改了什麼,GitHub 把記錄放到雲端,名字很像但是兩件事。存一版只有三個動作:開一本記事本、挑出這次要存的、蓋章存檔附一句說明,你只要講「這個功能寫完了,幫我存一個版本,訊息寫某某某」。推之前先把金鑰、含個資的測試檔、會變動的個人設定排除進 .gitignore;推上去之後才發現的話,把檔案刪掉沒有用,歷史紀錄裡還留著,只能到那個服務後台重新產一組新的。
第一版是壞的,然後一起修
這門課的每一份簡報都是先做成網頁再轉成 PPTX,一句「把這份 HTML 簡報每一頁截圖,組成 16:9 的 PPTX」換到一支 120 行的腳本,之後每一份改一個檔名就好。第一版截出來內容全部擠在上面、下面一大塊空白、字也比瀏覽器裡小,把這幾個現象講回去,它自己查出是無視窗模式的瀏覽器外框吃掉高度、導致版面算錯。

