Available for work · 2026 畢業

張楷澄
Toby Chang

全端工程師,專注於 Laravel / Nuxt 電商系統開發與機器學習研究。 從資料庫設計、金流安全到中文 NLP 特徵工程,我喜歡把問題拆到根本原因再解決。

中國文化大學 · 資訊工程學系 Laravel 12 / Nuxt 4 PyTorch / MacBERT
01
關於我
About

我是張楷澄,中國文化大學資訊工程學系應屆畢業生。過去幾個月裡,我以外包身份獨立完成了兩個正在上線運作的電商網站——從資料庫、後端 API、前端介面到金流串接與伺服器架構,全部一手包辦;也曾為了一個看似單純的付款失敗問題,一路追到 PHP ksort() 排序邏輯的根本原因。

畢業專題則把我帶往另一個方向:訓練並比較 18 個機器學習模型,教電腦分辨一篇中文文章是「AI 寫的」還是「人寫的」,最終最佳模型準確率達到 92.22%

不管是修一個難纏的 nginx 無限重導向,還是設計一套中文語言特徵工程,我在意的都是同一件事:先搞懂問題真正發生在哪裡,再動手解決。

02
作品
Selected Projects
上線中 · 外包專案 2026.04 — 2026.06
泛海精工 PHI
工業精密品牌電商網站,獨立完成前後端全端開發。Laravel 12 RESTful API + Nuxt 4 SSR,設計工業風格視覺語言並進行 SEO 最佳化,完整串接綠界 ECPay 金流並補強安全驗證。
Laravel 12Nuxt 4 SSRVue 3 TypeScriptMySQLnginx ECPay 金流SSL/TLS
  • 01ECPay 金流三重驗證 — 實作 CheckMacValue + MerchantID + TradeAmt 三重驗證,防止偽造付款攻擊。
  • 02診斷 Callback 驗證根本原因 — PHP ksort() 大小寫排序與綠界規格不符,改用 uksort + strcasecmp 解決。
  • 03雙主機反向代理架構 — SSL 終端主機與應用伺服器分離,設定 Laravel TrustProxies 解決無限 302 轉向。
  • 04Android 相容性修正 — 100vh 空白(改用 svh)、overscroll 橡皮筋效果、輪播圖 object-fit 問題。
  • 05後台輪播圖裁切工具 — Cropper.js 固定 16:6 比例輸出 1600×600,DataTransfer API 無縫整合表單。
2 個月完工時間
全端獨立負責
SSRSEO 最佳化
3 重金流安全驗證
上線中 · 架構升級 2026.04
安莉居家生活館
將舊版 CodeIgniter + 舊版 Nuxt 電商系統全面升級遷移至 Laravel 12 + Nuxt 4,同時完成伺服器搬遷,確保正式網域零停機切換,並建立 GitHub Actions 全自動部署流程。
Laravel 12Nuxt 4 SSRGitHub Actions MySQLnginxrsync ECPay 金流CI/CD
  • 01零停機遷移 — 資料庫(mysqldump)、商品圖片(rsync)、環境設定完整搬移,正式網域無縫切換。
  • 02解決無限重導向 — 診斷雙主機 proxy 造成的 ERR_TOO_MANY_REDIRECTS,正確設定 nginx server block 解決。
  • 03GitHub Actions CI/CD — self-hosted runner,git push 後自動 pull、composer install、npm build、pm2 restart。
  • 04金流安全補強 — 修補前端導回未驗證 CheckMacValue 的漏洞,補強 MerchantID 與 TradeAmt 驗證。
0停機時間
CI/CD全自動部署
2 台伺服器協作
零遺失資料遷移
上線使用中 · 委託開發 2026.05 — 至今
臨床試驗個案管理系統
為醫院臨床試驗協調師(CRC)打造的個案回診與費用管理系統。無資料庫 serverless 架構,部署於 Cloudflare Workers + KV,依 Protocol 自動計算回診窗口,支援請款單與醫院官方領據格式的 Excel 匯出。
Cloudflare WorkersCloudflare KVServerless HMAC-SHA256ExcelJSVanilla JS
  • 01無資料庫架構 — Cloudflare Pages + Workers + KV 取代傳統資料庫與應用伺服器,零基礎設施成本、自動全球 CDN。
  • 02Stateless HMAC 認證 — projectId 以 HMAC-SHA256 簽進 token,每個請求 O(1) 識別身份、免查 session,多專案資料完全隔離、不可偽造。
  • 03回診窗口自動計算 — 依 Protocol 定義(週次 + 允許天數區間)自動算出每次回診的目標日與窗口,逾期/進行中/即將到期即時標示。
  • 04Excel 比照醫院官方格式 — 請款單與領據逐欄核對官方範本(欄寬、列高、字型、合併儲存格),會計可直接使用。
  • 05真實場域迭代 — 依實際使用者(試驗協調師)回饋持續修正 12+ 項功能:已請領鎖定防重複請款、個案狀態鎖定、整批領據匯出等。
0資料庫 / 伺服器
KV唯一持久層
HMACStateless 認證
12+實際回饋迭代
畢業專題 · 學術研究 2024.09 — 2026.06
AI 與人工文字辨識系統
判別一篇中文新聞文章是「AI 生成」還是「人工撰寫」。以本地 LLM 生成 4,548 筆訓練資料,設計中文特有的 Symbol 特徵工程,系統性比較 18 個模型,最終封裝為可即時呼叫的推論 API。
PythonPyTorchMacBERT XGBoostLightGBMMySQL FastAPI / FlaskLM Studio
  • 01MacBERT Fine-tuning — 準確率 92.22%、F1 92.38%,全模型最佳,驗證 Transformer 對中文語意理解的全面性。
  • 02LightGBM 最佳性價比 — 準確率 90.91%,訓練時間 < 3 秒,成本僅為 MacBERT(13.5 小時)的千分之一。
  • 03本地 LLM 資料生成管道 — LM Studio + OpenAI 相容 API,自動生成並驗證 4,548 筆平衡資料集。
  • 04中文特徵工程 — 成語使用率、量詞多樣性、標點分布;Naive Bayes 加入後 F1 提升 8.15%。
  • 05推論 API — FastAPI/Flask 封裝最佳模型,MySQL 設計完整儲存架構,支援即時段落級檢測。
模型準確率F1訓練時間
MacBERT(深度學習)92.22%92.38%13.5 小時
LightGBM90.91%91.12%< 3 秒
XGBoost90.62%90.78%< 3 秒
Logistic Regression90.47%90.65%0.02 秒
4,548訓練樣本
18模型比較
92.22%最高準確率
+8.15%中文特徵 F1 增益
03
技能
Technical Skills
後端
PHP 8Laravel 12RESTful APIEloquent ORM
前端
Vue 3Nuxt 4TypeScriptSCSSSSR
資料庫 / 搜尋
MySQLElasticsearchRedis索引優化
伺服器 / 維運
Linuxnginxpm2Let's EncryptCloudflare Workers / KV
DevOps
GitHub ActionsGitrsync自動化部署
金流 / 資安
ECPay 綠界HMAC-SHA256CheckMacValueCSRF / XSS
機器學習 / AI
PythonPyTorchMacBERTLLM / RAGscikit-learn
其他
C++Cropper.jsLM Studio
04
歷程
Timeline
2024.09 — 2026.06
畢業專題:AI 與人工文字辨識系統
中國文化大學資訊工程學系 · 模型訓練、資料庫設計、API 開發
2026.04
安莉居家生活館 — 架構升級與伺服器遷移
外包專案 · 零停機切換至 Laravel 12 + Nuxt 4
2026.04 — 2026.06
泛海精工 PHI — 從零建置電商網站
外包專案 · 全端獨立開發,phi.tw 上線
2026.05 — 至今
臨床試驗個案管理系統 — 上線並持續迭代
委託開發 · Cloudflare Workers serverless 架構,依使用者回饋迭代 12+ 項功能
2026
中國文化大學 資訊工程學系 畢業
Bachelor of Computer Science and Information Engineering

一起聊聊?

不論是全職機會、外包合作,或單純想討論某個 nginx bug,歡迎跟我聯絡。