aiden. 一點程式，一點日常。
打個招呼

嗨，我是 Aiden。
把想法，
做成好用的網站。

一位軟體工程師，持續探索網站開發與 AI。
寫程式，也當貓奴。

在台中探索新生活
小豆在筆電旁理毛。
小豆工作監督員
瑋杰的黑白線條半身插畫，身旁坐著虎斑貓小豆。
瑋杰負責寫，小豆負責盯。

我是瑋杰，
旁邊這位是我的主管。

目前住在台中，
做軟體開發、玩 AI。

小豆是我在家的督導。
我研究程式怎麼跑，
牠研究鍵盤上哪裡最好躺。

adadjiofdjbklgfnbkljqwioejqowie
看來主管剛剛睡得很甜
小豆枕著前爪，在鍵盤和滑鼠旁睡得香甜。

寫 Code 這件事，
我一直滿喜歡的。

同一個工程師，
兩種工作日常。

Agent 出現前好，我來寫。

從切版到 AJAX，從 jQuery 寫到 Vue，
畫面上的事要管，畫面後面的事也得管。

前端寫一寫，轉身繼續寫 C#、PHP。
全端工程師嘛，大概就是
「這個也歸我」的意思。

嘴上偶爾認命，手倒是很誠實。
還是喜歡自己敲 Code，
把一個想法慢慢寫到能用。

「好了，能動了。」
是當天的小小成就。

Agent 出現後好，我們來寫。

現在，編輯器旁邊
多了一個可以討論的對象。

遇到問題，先一起拆一拆；
有了想法，就試著把第一版做出來。
看它寫、改它寫的，偶爾也得問一句：
「等等，你確定這樣對？」

我還是喜歡寫 Code。
只是現在，也很享受把問題講清楚，
再一起把答案做出來的過程。

小豆照常監工，
偶爾直接坐在鍵盤上。

我的工具箱，
偶爾有貓毛。

從畫面上的互動，
到背後的功能與資料。

前端基礎

  • HTML
  • CSS
  • JavaScript
  • jQuery
  • GSAP
  • Three.js

日常使用，能獨立完成一般網站切版、響應式調整與頁面動態互動。

能處理的工作

  • 從設計稿拆解頁面結構與共用樣式，建立可維護的響應式版型，兼顧語意化標記以及跨瀏覽器一致性。
  • 將頁面互動拆成獨立模組，管理事件、非同步請求與畫面狀態，處理重複送出、回應順序與錯誤回復。
  • 使用 GSAP 編排動畫時序與捲動互動，調整轉場節奏。
  • 以 Three.js 整合 3D 場景與滑鼠互動，依裝置能力調整渲染負載，管理動畫迴圈與資源釋放。
  • 透過瀏覽器開發工具定位載入與繪製瓶頸，調整資源載入、DOM 更新及事件處理，驗證優化前後的差異。

前端框架與模板

  • Vue
  • React
  • Blade
Vue
有實作經驗，能處理資料綁定、事件與既有頁面的功能擴充。
React
頁面及元件實作。
Blade
用於 Laravel 頁面開發，整合共用版型、資料顯示與表單。

能處理的工作

  • 依功能責任拆分元件與共用模板，明確定義輸入、事件及資料流，避免畫面邏輯彼此耦合。
  • 整理複雜表單與列表的狀態管理，處理驗證、篩選、分頁及非同步更新，維持資料與介面的一致性。
  • 在 Blade 與前端元件之間劃分職責，依互動需求選擇伺服器渲染或局部更新，控制維護成本。
  • 追查既有專案的元件依賴與更新流程，分階段重構重複邏輯，並檢查重新渲染與事件清理問題。

PHP／Laravel

  • PHP
  • Laravel

PHP 是日常開發工具；Laravel 用於網站與後台功能開發，能把頁面、資料與功能流程整合起來，一般功能可獨立處理。

能處理的工作

  • 將 CMS 與後台需求拆成可維護的功能模組，劃分 Controller、業務邏輯與資料存取的責任。
  • 設計表單驗證、權限檢查與檔案處理流程，明確處理異常與資料邊界，避免只在前端限制操作。
  • 依查詢需求設計資料表、關聯與索引，排查 N+1 與慢查詢，並以交易維持多筆寫入的一致性。
  • 設計及串接 API，統一資料格式與錯誤回應，處理逾時、重試及重複請求，避免重複寫入。
  • 接手既有系統時，先釐清相依關係與風險，再分階段重構；依錯誤紀錄與重現步驟定位問題。
  • 規劃資料搬遷的欄位對應、清理與分批匯入，安排試跑、筆數及關聯核對，保留失敗後可重跑的流程。

主機環境維護

  • Linux
  • VM
  • cPanel
  • Plesk
  • Cloudflare
  • DNS

從 Linux／VM 環境配置、cPanel／Plesk 站台管理，到 Cloudflare 與 DNS 設定，能處理網站上線、日常維運與異常排查。

能處理的工作

  • Linux／VM：規劃主機資源、網路與磁碟配置，設定 SSH、帳號權限與防火牆，處理服務啟停及系統更新。
  • cPanel／Plesk：管理站台、網域與資料庫，調整 PHP 版本、擴充套件及排程，處理 SSL 憑證與服務設定。
  • Cloudflare／DNS：設定 DNS 紀錄、代理與 SSL/TLS 模式，規劃快取及重新導向規則，排查解析、憑證與來源主機連線問題。
  • 效能與故障排查：從 CPU、記憶體、磁碟及服務紀錄定位網站異常，區分應用程式、Web Server 與資料庫瓶頸，驗證修正結果。
  • 備份與還原：規劃網站檔案、資料庫與設定的備份週期及異地保存，執行還原驗證，確認資料完整性與服務可用性。

AI 協作

  • Claude Code
  • Codex
  • Orca
  • Cursor

開發工作流以 Claude Code 作為主要開發協作工具，搭配 Codex 輔助程式審查、問題排查與交叉驗證。從需求釐清、專案脈絡整理到分階段實作，能規劃 Agent 的任務範圍與驗收條件，並透過程式差異、測試結果與實際操作確認修改品質。

能處理的工作

  • 開發流程整合：運用 mattpocock/skills 建立從需求釐清、規格設計到實作驗證的完整開發流程，並透過 Orca 組織跨 AI 工具的工作流與任務交接。
  • 團隊協作規範：建立團隊共用的 Skills、Hooks 與 Rules，統一開發規範、執行流程與檢查標準，讓團隊成員與 AI Agent 在一致的專案脈絡下協作。
  • 任務拆解與實作：以 Claude Code 為主，將需求轉成有依賴順序、修改邊界與驗收條件的任務，分階段完成跨檔案開發與重構。
  • 審查與交叉驗證：以 Codex 輔助檢查差異、挑戰實作假設與追查錯誤，針對邊界條件、資料一致性和回歸風險安排驗證。
  • 流程維護與交接：記錄技術決策、測試證據與未解問題，將反覆出現的失誤整理成檢查規則，讓跨工具與跨成員的任務能接續執行。

工作經驗。

一路寫 Code，一路把想法做出來。

  1. 義大樂園與購物廣場

    Web Engineer E-DA DEVELOPMENT CORP

    —

    維護樂園與購物廣場的數位服務，
    從官網、App 到內部營運系統。

    • 重建官網，維護對外服務

      負責義大樂園官網重建，持續開發與維護購物廣場官網、App 及電商網站。

    • 內部系統與作業自動化

      開發後台、桌面應用與 Windows 背景服務，製作網站監控排程工具，支援內部作業。

    • 營運資料與報表建置

      運用 Oracle、MSSQL 與 SQLite，完成數據整理與報表建置，支援營運資訊彙整。

  2. 愛貝斯網路 iBest

    研發主管 iBest Website Design

    — 至今

    負責共用 CMS、AI 服務與團隊規範，
    讓客戶專案持續交付與維護。

    看我在 iBest 做的網站

    • 讓共用 CMS 持續演進

      維護 Laravel CMS 母版，將功能與修正同步至數十個客戶專案；建立 JSON-LD 產生器，讓編輯人員能設定結構化資料。

    • 把 AI 做成正式服務

      將產文、排版與產圖服務整合進 CMS 編輯器及計費中心，完成容器化部署，建立程式審查與修正同步工作流。

    • 把交付與資安一起做好

      曾於半年內負責超過 30 個網站上線，交付最多 8 組語系的網站；處理 Fortify／SonarQube 掃描修復，並參與 ISO 27001 導入。

    • 把開發經驗變成團隊規範

      制定母版 MR 審查與合併準則，主講 Laravel 與主機維運內部課程，開發挑版、SEO 檢測與部署工具。