AI Coding 新體驗 - 簡單做個「拖檔上傳，暫存交換」網站

過年前，想做一個拖拉檔案上傳，短期暫存方便跨主機交換檔案的小網站，嘗試用 Vibe Coding 方式進行，沒用到 Opus 高級模型，靠 Claude Sonnet 4.5 不到半小時就達到 FB 影片的完成度：自動刪除逾期檔案、檔案異動自動刷新、多瀏覽器間即時狀態同步、刪除時間倒數... 速度及完成度高到讓人又驚又喜。

喜的是原來可以如此輕鬆寫程式，驚的是那我這些年日夜苦練積累的競爭優勢？

FB 影片留言有朋友好奇程式做法 (這個年代要珍惜還想跟你討論程式的朋友，拜 Vibe Coding 之賜，將來寫程式的人愈來愈多，懂程式的人卻愈來愈少)，在後續補齊一些我覺得必要的功能，評估現在版本有達到我心中的安全與強韌門檻，應該還是堪用，就丟上 Github 給有需要或有興趣研究的同學參考囉~

操作展示

這算是我第一個敲 Prompt 跟寫 Code 比例各半的 AI 協作成品，嚴格來說不算 Vibe Coding，因為我有看過每一行 AI 生成的 C#、JavaScript 程式碼 (CSS 則完全放手)，過程中也多次要求或糾正 AI 依我的構想調整，包含：

• 指定 ASP.NET Core Minimal API + 靜態 HTML，靠一個 Program.cs 加一個 index.html 包辦核心功能
• 加入 MiddleWare 層負責檢查 Access Key 做身分驗證，採取多 Access Key 並可綁 IP 提供基本安全管控
• Access Key 使用 Cookie 保存，首次使用彈出設定對話框輸入
• 使用 Server Sent Event 實現狀態即時同步
• 針對大型檔案，採分塊上傳策略，而不是調高網站可接收請求大小
• 中英文顯示切換採用簡單的字典資料結構存多語系字串，而非導入 i18n、.NET .resx 資源檔增加複雜度

基於以上對 AI 的干涉，程式還是保留一定程度我偏愛的「KISS 極簡風」，但很多執行細節我就放手了。例如，前端部分若是我來寫的話應該會走 Vue.js 輕前端，但 AI 超擅長純 CSS + 香草 JavaScript，什麼古怪需求不用第三方程式庫都能硬刻出來，寫得又好又快，程式碼也很平舖直述不難懂，未來維護也不會是問題，所以這部分就隨它了。

而我發現開始 AI 協作後，我的程式寫作習慣也開始改變，像過去我一定無法接受以下圖種程式寫法，通常會弄個 HTML/Excel 編輯維護多語系文字，再配合程式碼產生器或共用模組，絕不可能接受這種依賴 Copy & Paste 再修改的高重複性程式碼：

但當 AI 能自己去程式碼找出需要置換翻譯的字串，整理出對照表，再自己改 Code 抽換寫死字串的部分，還順便再把中文翻成英文；當有項目增減時，AI 也會自動調整好不會有疏漏。我們是否還要像以前一樣，為了降低維護複雜度，減少漏改風險，花時間去打造共用模組框架？是否現在該放手給 AI 去生成這種一目瞭然的高重複性程式碼，以往怕人工修改麻煩會有遺漏，對 AI 完全不是問題，重複但直白的程式是否更易於理解修改？那我們還要堅守過去的 SOLID 原則嗎？軟體工程是否已經開始範式轉移了？這些都是值得思考的好問題。

而這次最爽的一件事是 - 過往寫完專案丟上 Github 要寫專案介紹及使用說明總讓我傷透腦筋，這回我讓 Github Copilot 幫我生好中英文 README.md，再手動微調，三分鐘做完之前最惱人的文件活兒。敲開勳~

2026，寫了幾十年的程式老人，正重新學著融入新時代。

Describes building a drag-and-drop temporary file sharing site using AI-assisted coding. Reflects on Vibe Coding, human–AI collaboration, shifting coding habits, and how AI changes design tradeoffs, productivity, and even documentation writing.