洪英祖 - 資深前端工程師

資深前端工程師 | 富鈞水資科技

2025/12 - 2026/05

進公司後從零開始重建整個前端系統，從 Vite 專案初始化、Element Plus 元件封裝、到 WebSocket 即時數據渲染的整合，都是我一個人負責規劃跟落地的。因為團隊規模不大，後端的 Golang API 和部署腳本我也會一起處理。

即時監控儀表板與前端系統架構

Vue 3 Element Plus Vite Chart.js WebSocket

從零搭起前端系統，定義元件規範跟資料夾結構，後續新功能都照這套走
做了即時監控儀表板、歷史趨勢圖表、告警管理、設備管理這幾個核心模組
前端串 WebSocket 接收即時水質數據，處理斷線重連跟資料快取
開發 CWMS 廢污水監測模組（狀態碼管理、有效率查詢），對接法規申報需求

權限管理系統 UI 與多租戶隔離

Vue Router JWT SPA

做了多租戶權限隔離的前端，讓管理員可以切換不同公司視角，路由守衛綁 JWT 驗證
群組、身份別、角色樣板的 CRUD 管理介面都是我寫的
另外做了一個管理員總覽頁面，可以一次看到所有公司的站點、告警、LINE 綁定狀態

自動化測試與 DevOps

Playwright Docker Compose GitHub Actions

用 Playwright 寫 E2E 測試跑登入、權限驗證這些核心流程
用 Docker Compose 管理 QA / Demo / 正式三套環境，包含 Nginx SSL 自動續證

全端整合與後端能力

後端 API 也是我用 Golang (Gin) 寫的，從路由到資料庫操作都自己來
串 LINE Bot SDK 做告警推播，WebSocket 即時遙測的後端也是我處理
用 golang-migrate 管資料庫版本，也負責備份跟備援策略

資深前端工程師 / 全端開發 | 自由接案

2024/06 - 2025/12

這段時間自己接案，什麼產業都碰過。通常從需求討論到部署上線都一個人搞定，前端架構是主力，後端跟部署看專案需要再加。

融資放貸數據分析平台

Flutter (Dart) 跨平台 UI i18n

用 Flutter 做跨平台（iOS/Android/Web）的數據分析介面，含儀表板跟互動式圖表
做了 7 種語言的 i18n，前端直接串 Bitfinex API 拿即時行情資料

醫美管理系統 SPA

Nuxt 3 Vue 3 Playwright

用 Nuxt 3 做了一套 SPA 管理系統，功能包含客戶管理、日曆排程、庫存跟報表
另外做了獎金分潤系統跟網紅合作管理平台，有用 Playwright 跑 E2E 測試

桃園路燈監控系統

Vue 3 Google Maps API

用 Vue 3 串 Google Maps API 做地圖式監控介面，每支路燈在地圖上標記並顯示即時狀態

金庸武俠 AI 文字冒險遊戲引擎（Side Project）

Vue 3 Vite Pinia WebSocket Golang MongoDB Qdrant Gemini API RAG

自己做的 Side Project，用 LLM 驅動的即時文字遊戲引擎。前端 Vue 3 + Vite，拆了 20 多個元件（戰鬥、經脈、裝備、NPC 互動、世界儀表板等）
WebSocket 串流通訊，AI 產生的文字逐字動畫渲染，有做斷線重連跟 Session 還原
Pinia 管遊戲狀態（角色屬性、背包、武學、NPC 關係），Vue Router 處理場景切換
有做手機版，Mobile-first 響應式設計，觸控操作跟音效控制都有
後端 Golang 串 Gemini API，自己設計了一套七步驟的 Turn Engine（防鬼打牆 → 模組攔截 → 動態事件 → Pre-LLM → RAG → 敘事 → Extraction），遊戲狀態透過 Extraction 自動同步
RAG 的部分用 Qdrant 向量資料庫存武學、地點、NPC 等世界觀資料，Embedding 查詢後注入 Prompt，讓敘事不會跟世界觀衝突
MongoDB 存遊戲存檔、NPC 記憶跟歷史對話，Docker Compose 整合 Qdrant + MongoDB + Caddy 一鍵部署

前端工程師 / 全端開發 | 金財租有限公司

2020/10 - 2024/05

在這間公司待了將近四年，從一開始只有我一個工程師，到後來同時帶著行銷團隊一起協作。除了寫程式以外，也負責 SEO 優化和數據分析的技術面支援，算是技術跟行銷都有碰到。

內部管理系統前端開發

React.js Vue.js Socket.io Chart.js

用 React 從頭開發員工工單系統，處理多人同時編輯的即時衝突偵測與鎖定機制
用 Vue.js 搭配 Chart.js 開發出貨入庫追蹤的視覺化儀表板，讓倉管人員可以即時掌握庫存動態

SEO 優化與前端效能調校

Google PageSpeed Lighthouse Search Console Ahrefs Cloudflare WordPress

用 PageSpeed Insights 定期跑分追蹤 Core Web Vitals（LCP、FID、CLS），有問題馬上修
官網做過一輪效能優化：圖片壓縮、lazy loading、Critical CSS 調整，Lighthouse 分數從 50 幾拉到 85 以上
固定用 Google Search Console 看索引狀態跟搜尋成效，有 Crawl Error 就排除，Sitemap 也是我在維護
用 Ahrefs 做關鍵字研究跟看競品的反向連結，搭配 Google Trends 決定內容方向
公司的 Cloudflare 是我管的，CDN 快取規則、DNS、SSL 憑證都我處理
WordPress 技術面 SEO（Sitemap、Robots.txt、301 重導向）也是我負責

後端與行銷科技

後端用 Laravel 寫 API，MariaDB 有做 Index 調整跟 Slow Query 分析
幫行銷團隊埋 GTM / Pixel 追蹤碼、調 Landing Page 效能、管 UTM 參數

全端工程師 | 古己

2019/04 - 2020/07

這份工作是跟朋友一起創業，除了負責技術開發以外，更多的時間花在處理業務問題跟釐清產品方向。技術面主要把後端從舊版 PHP 遷移到 Laravel，並導入 Docker 容器化部署。

支付應用程式開發

Unity Laravel Docker RESTful API

做了支付 App 的前端介面跟後端 API
把舊的 PHP 搬到 Laravel，串了好幾家第三方支付閘道
導入 Docker 跑在 Ubuntu 上，部署流程自動化
資料庫架構重新設計過，主要是為了支付交易的效能

全端工程師 | OVO

2018/06 - 2019/04

主要負責公司內部管理系統與官網的開發維護，同時協助後端團隊撰寫 RESTful API 供 Android TV 應用程式串接使用。

內部系統、官網與後端 API 開發

Node.js Socket.io PM2 RESTful API

負責內部管理系統跟官網的前端開發維護
幫忙寫後端 API 給 Android TV App 串接用
用 Socket.io 做即時通訊功能，PM2 叢集模式部署

後端工程師 | InproHub

2017/07 - 2018/03

第一份正職，主要在把舊的 PHP 程式碼整理成 Laravel，然後串第三方 API。

後端現代化重構

PHP Laravel MySQL

把舊的原生 PHP 整理成 Laravel，程式碼比較好維護了，測試也比較好寫
串了好幾個第三方系統的資料 API
寫了後端自動化報表系統，定期自動產出分析報告

洪英祖 Ryan

資深前端工程師

自我介紹

核心專長與技能

前端框架與架構

建構工具與品質

跨平台與其他專長

後端與 DevOps

工作經歷