蘇祥育 Eliot Su · 全端工程師

a7868783@gmail.com · github.com/Eliot5566 · linkedin.com/in/eliot-su-6a834227b · eliot5566.github.io/Su-Xiangyu-Portfolio

現任 金全益 MasterPiece 全端工程師

全端工程師企業系統整合與流程數位化

我是蘇祥育（Eliot），一名 Full Stack Engineer，主要投入企業內部系統、流程數位化與跨系統整合。工作內容橫跨前後端開發、REST API、資料庫設計、ERP / WMS 串接、管理報表與 production issue 排查。

看我的作品 線上履歷

技術定位

Full Stack Engineer
前端
Next.jsReactJavaScript / TypeScript
後端
Node.jsASP.NET (VB.NET)REST API
資料庫
OracleSQL ServerMySQL
企業系統
ERPWMS簽核流程管理報表
其他
LINE BotLLM 應用系統整合
差異
企業流程與製造業 domain knowledge
  • 近 3 年企業系統全端開發
  • 3 種資料庫跨庫整合
    Oracle · SQL Server · MySQL
  • 40+GitHub 公開專案
  • 96.9%Paper Radar
    文獻篩選召回率

01關於我

從完整系統的角度解決問題

開發經驗涵蓋 Next.js、React、Node.js、ASP.NET，以及 Oracle、SQL Server、MySQL。我習慣從完整系統的角度處理問題：理解業務流程、拆解資料與規則，再完成前端、後端及既有系統之間的整合。

除了企業系統，也獨立做出上線營運的網站產品（上班族小算盤、週末島），並持續開發 LINE Bot 與 LLM 應用，從需求、架構、實作到部署與驗證，累積獨立完成產品的能力。

過去的醫務管理與製造業經驗，讓我更熟悉實際營運流程，也能更有效地把使用者需求轉換成工程解法。

  • 台灣
  • 弘光科技大學 醫務管理系
  • 中文（母語）· 英文 CEFR B1

企業流程數位化

多層簽核、權限與代理、SLA、Email 通知、PDF 匯出與歷程追蹤，把 Excel 流程變成可追蹤的系統。

ERP / WMS 資料整合

串接鼎新 TIPTOP ERP 與智能物流 WMS，跨 Oracle、SQL Server、MySQL 整合資料並做成管理報表。

LINE Bot 與 LLM 應用

停車神隊友、Paper Radar、Jev Arena：從需求、架構、實作到部署與驗證獨立完成，並量測成本與準確率。

我的工作方式

  1. 走進現場

    先跟使用部門釐清實際作業流程、例外狀況與痛點，而不只是看需求單。

  2. 設計資料與流程

    把需求翻譯成資料欄位、流程規則與權限，先弄清楚資料從哪裡來、流向哪裡。

  3. 開發與串接

    前後端與資料庫一起處理，串接 ERP、WMS 與既有系統，並驗證跨系統的資料一致性。

  4. 上線後持續優化

    從實際使用狀況與 Log 找問題，依使用部門回饋調整功能，讓系統真的被用起來。

02經歷

工作經歷

企業內部系統的全端開發：簽核流程、ERP / WMS 串接、管理報表與正式環境排錯。

線上履歷 下載 PDF

全端工程師 現職

金全益股份有限公司 · MasterPiece

2023.11 – 至今

負責企業內部資訊系統從需求訪談、資料庫設計、前後端開發到正式環境排錯的完整流程，連接 ERP、WMS 與現場作業。

查看系統整合架構（簡化示意）
企業系統整合架構（簡化示意） 內部 WEB 系統Linked server跨庫比對入庫 · 回寫使用部門現場作業 · 主管簽核Next.js / React 系統多層簽核 · 代理 · SLAEmail 通知 · PDF · 歷程ASP.NET Web FormsVB.NET內部管理與報表SQL ServerOPENQUERY · CTE彙總與管理報表鼎新 TIPTOP / TTOP ERPOracle料件 · BOM · 工單 · 採購 · 庫存鼎新智能物流 WMSMySQL · WMS APIJava Adapter · JDBC
依公開的職務內容繪製的簡化示意圖，不含公司內部細節。

流程數位化

  • 以 Next.js / React 開發多層簽核系統：權限控管、代理簽核、SLA、Email 通知、PDF 匯出與歷程追蹤。
  • 將品質異常、樣品開發、採購與工單等人工或 Excel 流程轉為 Web 系統，並依使用部門回饋持續優化。

ERP 整合與管理報表

  • 串接鼎新 TIPTOP / TTOP ERP（Oracle），以 SQL Server OPENQUERY 與多表 JOIN 整合料件、BOM、工單、採購、收貨與庫存資料。
  • 以 CTE、暫存表與彙總運算建置採購交期、供應商達交率、設備產能與維護達成率等報表。
  • 以 ASP.NET Web Forms、VB.NET 開發內部管理與報表系統。

WMS 整合與問題排查

  • 參與鼎新智能物流 WMS 整合，串接 WMS API 與 Oracle ERP，追蹤工單入庫與 ERP 回寫流程。
  • 跨 Oracle、SQL Server、MySQL 比對資料，找出數量差異、遺漏、重複轉入與同步失敗。
  • 從 API、Application Log、Java Adapter / JDBC 連線池到資料庫，逐層定位服務異常。
  • Next.js
  • React
  • ASP.NET Web Forms
  • VB.NET
  • SQL Server
  • Oracle
  • MySQL
  • REST API
  • JDBC
  • 鼎新 TIPTOP ERP
  • 鼎新智能物流 WMS

志工經歷

網站更新組 志工

光復救災資訊整合網 · 光復超人 GuangFu Hero

2025.09 – 2025.10

2025 年 9 月 23 日，樺加沙颱風的豪雨讓馬太鞍溪堰塞湖溢流，花蓮光復鄉市區被泥流淹沒，造成 19 人罹難。數萬名「鏟子超人」湧進災區，現場卻缺少一個能即時對上需求與人力的地方。來自台灣、日本、美國與加拿大的民間志工在幾天內組成團隊，做出「光復救災資訊整合網」，我加入網站更新組，負責前端頁面的功能調整。

  • 12 萬活躍使用者（9/11 – 10/8，28 天）
  • 116 萬事件數；人力媒合頁瀏覽 7.1 萬次
  • 9.1 萬上線首週活躍使用者（10/1 – 10/7）
  • 平台整合人力媒合、物資配給、行前必讀、地點總覽與志工社群，讓外地志工出發前就知道要去哪、要帶什麼、要注意什麼。
  • 負責前端頁面相關功能調整：現場需求每天在變，頁面要跟著快速改版，志工才能找到正確的任務與站點，不會白跑一趟。
  • 團隊全程遠端協作，新功能從構想到上線約兩天；平台上線一個月媒合超過 9,000 名志工（新聞報導）。
  • 前端開發
  • 災害應變
  • 遠端協作
  • 資訊整合
  • Google Analytics

網站團隊名單（Wayback Machine 存檔）

更早的經歷

  1. 2023.05 – 2023.10

    前端工程師就業養成班

    資展國際股份有限公司

    獨立設計並實作全端電商網站「拾月菓」（React、Node.js、MySQL），並帶領團隊完成全端專案。

  2. 2021.04 – 2023.05

    助理

    立育實業有限公司

    協調印刷專案所需的原料、設備與人力，與供應商及團隊合作確保資源準時到位。

  3. 2019.04 – 2020.01

    醫檢助理

    彰化基督教醫院

    管理院內外研究計畫與委外檢驗專案，籌辦各類會議並撰寫會議紀錄。

  4. 2014 – 2018

    醫務管理系 學士

    弘光科技大學

03作品

精選作品

工作之外的作品：兩個上線營運中的網站，加上開源工具與全端專案，都能直接打開來用。

012026 · 上線營運中 · 免費資源網收錄

上班族小算盤 WorkSuan

台灣上班族的錢和假，一次算清楚：薪資實領、請假攻略、加班費、特休與資遣費。

  • 20+薪資、請假與勞保試算工具
  • 37計算規則的單元測試檔
  • 0伺服器與資料庫，資料不離開瀏覽器
  • 涵蓋薪資實領、請假攻略、加班費、特休、資遣費、失業給付、育嬰津貼與勞保年金；每個工具都附計算過程、法源與官方試算連結，費率依勞動部、勞保局、健保署公告更新。
  • 請假攻略演算法依人事總處辦公日曆表排出最划算的連假，可匯出行事曆（ICS）或產生分享圖卡；試算條件寫在網址裡，傳到 LINE 就能直接打開同一組結果。
  • Next.js 靜態輸出部署在 Cloudflare Pages，可加到手機主畫面離線使用；GitHub Actions 每天同步政府開放資料的連假活動，並在每年 7 月檢查次年資料是否到位。

獲「免費資源網」專文介紹：「免費、免註冊的台灣試算網站」，閱讀文章。

  • Next.js
  • TypeScript
  • React
  • Vitest
  • PWA
  • Cloudflare Pages
  • GitHub Actions
前往網站 免費資源網介紹

022026 · 上線營運中

週末島 Weekend Island

這週末去哪？台灣 22 縣市與日本的活動、景點和行程，一次找齊。

  • 1,168筆觀光署活動自動同步
  • 6,182筆全台景點資料
  • 22 + 日本縣市與日本重點地區
  • 日期、縣市、類型、情境、費用與室內外條件可自由組合並存在網址；一句話搜尋（「這週末台中有什麼活動」）用規則解析成篩選條件，讀不懂的部分再退回關鍵字搜尋。
  • 收藏與行程不用登入：可拖曳排序（滑鼠、觸控、鍵盤都行）、檢查時間衝突、產生分享連結並開啟 Google Maps 導航，另有 MapLibre 地圖與活動月曆。
  • 同步管線串接觀光署、臺北旅遊網與 TDX，經過驗證、正規化、去重與冪等更新，同步失敗也不會清空資料；/admin 後台有 CMS、樂觀鎖、操作紀錄與投稿審核。
  • Next.js
  • TypeScript
  • PostgreSQL
  • Prisma
  • Zod
  • MapLibre
  • Playwright
  • Vercel
前往網站

032026 · 開源工具 · 28★

Paper Radar

每天早上讀完 arXiv 上所有新論文，只把你該讀的那幾篇挑出來。

  • 33 秒判讀 501 篇論文
  • $0.06每天讀完整個 arXiv
  • 96.9%系統性回顧召回率
  • 用白話寫下研究興趣，模型對每篇論文回答是非題並給出校準過的機率，程式再依門檻分成必讀、可讀或略過。
  • 在四份未看過的 Cochrane 系統性回顧上篩選 19,447 筆文獻，找回 96.9% 審查者納入的研究，同時減少 78% 閱讀量。
  • 完全跑在 GitHub Actions + Pages，輸出網頁與 RSS，可推送到 Slack、Discord、Telegram；fork 即用，不需伺服器。
  • Python
  • GitHub Actions
  • RSS
  • LLM 評估
  • 機率校準
閱讀案例研究 線上 Demo 原始碼

042026 · 開源遊戲 · npm 套件

Jev Arena

用一段英文寫出你的戰士，讓模型在即時對戰中替它做反應。

  • 玩家用 YAML 寫策略與「反射動作」，模型每秒多次讀取戰場狀態，回傳帶機率的行動決策。
  • 天梯採 Elo 計分，透過 Pull Request 報名，GitHub Actions 自動對戰並更新排名。
  • 「大腦」可抽換：Jev、其他模型或任何 LLM，用同一套規則比較快思與慢想。
  • JavaScript
  • Canvas
  • npm
  • GitHub Actions
  • Elo 天梯
閱讀案例研究 觀看天梯 原始碼

052026 · 全端 MVP

手機點餐系統

從掃碼點餐、廚房出餐到後台報表，一套給餐廳用的完整流程。

  • 三種角色各有介面：顧客掃碼入桌點餐並追蹤訂單、廚房現場看板、管理者後台。
  • 後台以 RBAC 控管權限，內建營運 Dashboard 與報表。
  • Next.js + Prisma + PostgreSQL，Docker Compose 一鍵起資料庫，Vitest 撰寫測試。
  • Next.js
  • TypeScript
  • Prisma
  • PostgreSQL
  • Docker
  • Tailwind
閱讀案例研究 原始碼

062025 · LINE Bot

停車神隊友

在 LINE 傳出你的位置，馬上知道附近哪裡還有車位。

  • 分享定位或輸入地址，即可查詢 2.5 公里內的停車場或路邊停車格，依距離列出最近的 5 個。
  • 串接交通部 TDX 取得即時剩餘車位與收費資訊，資料不足時改用地方政府開放資料補上。
  • 以 Google Geocoding 解析地址、Distance Matrix 計算開車距離與時間；結果用 Flex Message 卡片呈現，一鍵開啟導航。
  • Node.js
  • Express
  • LINE Messaging API
  • LIFF
  • TDX API
  • Google Maps API
閱讀案例研究 原始碼

04更多作品

小而完整的專案

GitHub 最近更新

即時同步
在 GitHub 看全部專案

05技能

技術能力

主力熟悉

程式語言

  • TypeScript
  • JavaScript
  • Python
  • SQL
  • VB.NET
  • PHP
  • HTML / CSS / Sass

工作：TypeScript、SQL、VB.NET · 開源：Python、JavaScript

前端

  • React
  • Next.js
  • Tailwind CSS
  • Redux
  • Bootstrap
  • GSAP
  • RWD

金全益簽核系統、上班族小算盤、週末島

後端

  • Node.js
  • Express
  • ASP.NET Web Forms
  • REST API
  • Flask
  • Laravel
  • GraphQL

金全益內部系統、點餐系統 API、停車神隊友

資料庫

  • SQL Server
  • Oracle
  • MySQL
  • PostgreSQL
  • Prisma
  • SQLite

金全益 ERP / WMS 整合、週末島、點餐系統

企業系統

  • 鼎新 TIPTOP ERP
  • 鼎新智能物流 WMS
  • 簽核流程設計
  • JDBC / 連線池
  • 跨庫資料比對

金全益：簽核、ERP 報表、WMS 整合

API 與整合

  • LINE Messaging API
  • LIFF
  • Google Maps API
  • TDX API
  • PayPal API

週末島資料同步、停車神隊友、拾月菓金流

AI 應用

  • LLM 判讀與分類
  • 機率校準
  • 成本與準確率評估

Paper Radar、Jev Arena

工具與部署

  • Git / GitHub
  • GitHub Actions
  • Docker
  • Vitest
  • Render
  • Google Cloud SQL

所有開源專案的 CI 與部署

06證書

進修與證書

Coursera 課程證書，點擊可查看驗證頁面；英文能力 CSEPT 第一級（CEFR B1）。

07聯絡

有流程想變簡單嗎？

不論是企業系統、ERP / WMS 整合、流程數位化，或是想聊聊工具與 AI 應用，都歡迎來信。

直接寫信給我

來信主題

按下後會開啟你的郵件程式，內容已經幫你填好。