跳至主要內容
Allen Liu

Front-End Engineer / Interactive Developer

把複雜的資料,
變成 看得懂的介面

我是 Allen——具備多年企業級開發經驗的前端工程師。 在媒體業主導媒資管理系統開發,也做過百萬流量的新聞互動專題; 近期把重心放在 AI 應用實作。

ReactJavaScriptTypeScriptNext.jsHTML5CSS3 / SCSSCSS 動畫Tailwind CSSManifest V3LLM APIFirebaseRWD

01關於我

從企業級系統,
到百萬流量的專題。

世新大學資管系網路科技組畢業。第一次接觸網頁程式就被吸引—— 邏輯結構與視覺表現能在同一件事情上成立,這條路一走就是多年。 退伍後到澳洲打工度假,替當地房東做了背包客棧網站, 也在那時看見了東西方網頁設計在審美與功能上的差異。

在媒體業,我一邊主導企業級媒資管理系統的開發, 把複雜的影音資料結構視覺化、重新設計內部人員的操作流程; 一邊用原生 JS 搭配 CSS 動畫產製新聞互動專題, 其中 COVID-19 系列創下百萬流量。

近期把重心放在 AI 應用實作,透過 Side Project 探索 LLM API 整合、 瀏覽器擴充功能與生產力工具開發, 也持續研究微前端架構在多團隊協作下的拆分策略。

成功不必在我,團隊共好。—— 這是我一直相信的事。

學歷

  • 世新大學資訊管理學系・網路科技組

02核心競爭力

從模糊的需求,到穩定交付的介面。

01

前端技術與架構

以 React 與原生 JavaScript 為主力,重視語意化、效能與可維護性;也持續研究微前端的模組拆分與獨立部署策略。

React原生 JavaScriptCSS 動畫Markdown 解析Streaming 渲染Chrome Extension (MV3)
02

大型系統開發

企業級媒資系統的實戰經驗——把複雜的影音資料結構視覺化,並確保高併發環境下的介面流暢度與系統穩定性。

企業級媒資系統高併發介面優化複雜資料結構視覺化跨部門需求整合
03

互動內容設計

在媒體現場練出來的硬功夫——用資料視覺化與動畫敘事,把枯燥的數據和硬性議題變成讀得下去的體驗。

互動式新聞網頁資料視覺化敘事動畫過渡設計操作流程優化
04

AI 應用實作

透過 Side Project 把 LLM 真正落地成工具,處理串流回應、語法解析與對話介面這些實作細節。

LLM API 串接AI 對話介面AI 輔助生產力工具

03工作經歷

走過的路。

2022.04 – 迄今

民間全民電視台 FTV前端工程師・資訊部

以 React 開發民視新聞與民視節目的媒資管理系統,將複雜的影音資料結構視覺化,並重新設計內部人員的操作流程,確保高併發環境下的介面流暢度與系統穩定性。服務範圍涵蓋長榮海運、台灣高鐵、法鼓山、東森片庫等外部客戶。

2019.04 – 2022.04

民間全民電視台 FTV前端工程師・新聞部

以原生 JavaScript 搭配 CSS 動畫開發多款高流量新聞專題,其中 COVID-19 系列創下百萬流量。把即時新聞數據轉換為互動圖表與動畫敘事,讓硬性議題更容易被讀完。

企業任職

科技公司網頁設計師・FAE

任職於科技公司,負責產品網站與形象官網的設計與前端實作。同時擔任 FAE,直接面對客戶進行技術溝通與需求釐清,把規格與工程限制翻譯成客戶聽得懂的方案,再收斂回可實作的介面。

接案時期

接案工作室網頁設計師

以工作室形式承接各產業客戶的企業形象網站,從設計到前端一手包辦,累積跨產業的視覺與版型經驗,也是網頁實務的起點。

04作品集

做過、而且還在線上的作品。

媒體資產管理系統
客戶系統精選

媒體資產管理系統

媒體資產管理系統的前端介面,基於 TailAdmin React 模板開發。提供媒體素材的搜尋、瀏覽、調閱、系統監控等完整功能。

ReactTypeScriptTailwind CSS不對外開放或無公開連結
2025

支持一下

覺得有幫助?
請我喝杯咖啡吧 ☕

如果我的作品或分享對你有一點點幫助,歡迎小額抖內。 你的每一杯咖啡,都是我持續做東西的動力。

本支付以綠界 ECPay 安全結帳,請安心使用。

選擇金額

付款方式