江志卿 頭像

江志卿

網頁前端工程師

專注於前端開發、擁有超過10年實戰經驗的前端工程師。熟悉 Angular、React、Next.js、React Native、VueJs 等主流框架,並致力於提升網站效能、相容性與使用者體驗。

關於我

您好,我叫江志卿,我是一位專注於前端開發、擁有超過10年實戰經驗的前端工程師。近年來,我參與過多項大型專案的前端設計與開發,熟悉 Angular、React、Next.js、React Native、VueJs 等主流框架,並致力於提升網站效能、相容性與使用者體驗。

我擅長跨團隊溝通與技術整合,具備獨立解決問題與推動專案進度的能力。未來希望能持續發揮前端技術專長,協助產品專案在穩定性、體驗與效率上不斷精進。

工作經驗

前端工程師

云桐科技有限公司 | 2021/5 - 2025/2
  • 使用最新的前端技術和工具 (如 React、Next.js、React Native 等) 開發和維護公司產品的用戶界面。
  • 以 pixi.js 搭配 gsap 開發 H5 互動式遊戲產品,並整合至公司開發的 app 中。
  • 與設計師合作,透過 figma,確保界面設計符合最佳實踐和用戶體驗。
  • 優化應用程式以提高性能和效能。
  • 解決跨瀏覽器和跨設備的相容性問題。

前端工程師

昕力資訊股份有限公司 | 2018/1 - 2021/4
  • 以 Angular (80%)、Vue (20%) 等工具開發公司交付的前端跨部門專案及公司內部 ERP 維護案。

高級工程師

傑亮資訊有限公司 | 2016/10 - 2018/1
  • 擔任 Web team leader,負責規劃網站架構、工作指派與進度跟催。
  • 以 Angular 2 進行網站前端開發。

專案工程師

華致資訊開發股份有限公司 | 2013/12 - 2016/10
  • 以 jQuery && Native Javascript build front end architecture。
  • UI 部分以 Bootstrap 為 framework,規劃、設計前端 UI module。

程式設計師

芳生螺絲股份有限公司 | 2011/3 - 2013/12
  • 負責軟體之分析、設計以及程式撰寫。
  • 規劃執行軟體架構及模組之設計,並控管軟體設計進度。

系統管理師

建通精密工業股份有限公司 | 2006/12 - 2010/4
  • 普揚 ERP 系統開發、維護。
  • 建置系統資料庫及維護。

網管及程式設計師

重車地平線有限公司 | 2005/6 - 2006/8
  • 網站企劃與建置、網頁程式設計、資料庫分析與設計、網站管理與維護。

學歷

國立雲林科技大學

資訊管理系 | 2002/9 - 2005/7

專業技能

前端框架與函式庫

React Next.js Vue.js Angular React Native jQuery Pixi.js GSAP

網頁技術

HTML CSS JavaScript (ES6+) Bootstrap RWD WCAG

後端與資料庫

ASP.NET C# MS SQL Access

開發工具與其他

Git Webpack Sentry Figma Photoshop

自傳

一、個人簡介

江志卿,民國66年次,家住高雄市左營區 。家中有四名成員 ,父母親是退休公務員 ,弟弟任職測試工程師 ,家中經濟小康 。個性樂觀開朗,喜歡與人交朋友 ,平時興趣為閱讀程式開發相關資料、養水草、攝影、機遊 。

二、學習生涯

五專及大學就讀於正修科技大學電機工程科 。畢業後曾於成大精機工業擔任生產管理員 。參與國立雲林科技大學資訊管理系二技學習,期間開發團購性質網站 。

三、工作經歷

目前 (待業中): 自 2025 年 2 月離開云桐科技後,持續自我進修與技能精進。目前除了複習 React.js 與 Next.js 相關技術外,也主動學習 Vue(3.x)及其生態系常用套件(如 Vue Router、Pinia、Vite 等)。目前積極尋找與前端開發相關之職務,期望結合過往 React 實戰經驗與近期 Vue.js 學習成果,持續拓展 Web 前端領域的技術能力。

    相關作品 :
  • 近期以 Vue.js 實作一個 Google Chrome 擴充功能,可讓使用者框選網頁上的任意區塊進行 OCR 圖像文字辨識,並翻譯為指定語言,適用於圖像、影片字幕、Canvas 等無法選取文字的情境。(screen-select-translate)
  • 另外因接觸ollama後,苦於無一個聊天介面,於是建置了一個基於 Vue 3 (前端) 和 Node.js (後端) 的大型語言模型 (LLM) 聊天應用程式,旨在提供一個與 Ollama API 互動的介面。此專案支援文字和圖片輸入,並能顯示格式化的聊天回應,還能選擇要與哪個 LLM 聊天。(ollama chat)

云桐資訊有限公司 (2021.05):
專案參與: 進入云桐資訊有限公司後,積極參與公司官網及產品的開發工作 。作為前端工程師,負責使用 React Native 及 Next.js 等技術工具,開發用於一般用戶端的產品 。
界面設計優化: 與設計師密切合作,根據設計提供的 Figma 文件,實現 UI 設計,確保界面設計符合最佳實踐和用戶體驗 。不斷優化應用程式,提高性能和效能,確保在不同瀏覽器和設備上的一致性 。
跨瀏覽器和跨設備相容性: 解決跨瀏覽器和跨設備的相容性問題,確保用戶端界面的效能和功能達到最佳水平 。
Sentry.io 整合: 在測試階段,負責整合並配置 Sentry.io,以實現應用程式的監控和錯誤追蹤 。協助開發團隊快速識別、排除和修復應用程式中的錯誤和異常 。
HTML5 小遊戲開發: 響應公司產品政策的變化,積極參與 HTML5 小遊戲的開發,利用 pixi.js 製作多人在線遊玩的小遊戲,進一步豐富了產品內容 。
相關作品 : https://www.xosothanmeo.com/https://play.google.com/store/apps/details?id=com.thanmeoxoso_mobile

昕力資訊股份有限公司 (2018.01): 在前端工程師職務中,參與了多個重要專案,包括與一卡通合作開發「iPASS MONEY」和承接高雄市政府的「高雄市民服務平台」 。這些專案豐富了開發經驗,尤其是首次接觸到「無障礙網站」設計規範和初次應用 Angular Universal SSR 框架 。這段期間,不僅強化了前端技能,還培養了協作能力和在壓力下高效工作的能力 。

傑亮資訊有限公司 (2016.10): 參與專案開發,為富邦人壽進行要保書 E 化,開發電子保單 。在職期間,擔任 Web team leader,負責:規劃網站架構、工作指派與進度跟催,協調組員責任分工、與 SA 釐清使用者需求,進行可行性評估、以 angular 2 以上框架進行網站前端頁面開發、以 Git Flow 進行版本管理控制 。

華致資訊開發股份有限公司 (2013.12): 參與公司成本分析系統的專案開發,採用 3-tier 架構 。主要負責前端模組框架的設計與開發:以 Native Javascript 及 JQuery 開發前端模組框架 。負責接收來自 server 端的指令 (Trigger Event、Layout) 。UI Framework 採用 bootstrap 。

芳生螺絲股份有限公司 (2011.03): 負責 VB.NET 為主的 Web-Based ERP 系統開發 。自行設計 ORM 工具,並利用 JQuery、bootstrap、EasyUI 等前端應用框架控制前端網頁 。以及運用 AJAX 與後端程式溝通,整合開發流程 。

資策會 .NET 就業養成班 (2010.04): 離開前公司回台灣參與半年訓練,學習 C# 和 JAVA 。完成期末專案:協助豐中古車行建置網站系統 。獲得微軟的 MCTS 認證及 JAVA SCJP 認證 。

赴東莞建通電子五金有限公司 (2006.12): 擔任系統管理師一職 。主要負責普揚 ERP 系統上的進銷存系統、製程管理,以及大陸的合同關務 (報關) 系統的建置 。協助處理使用者使用系統上的任何問題,開發工具為 PowerBuilder 。另外,管控資訊部門的日常工作,跟催工作進度 。

自家創業 (2005.06): 大學畢業後與友人合資建置營利性質網站 。本身負責網站程式設計與網站管理維護 。網站主要提供販售平台供廠商客戶販售商品 。在電子商務部分,為商家開發優勢的廣告配置及使用功能,以更多功能及詳細分類配置,讓使用者更快速獲得相關商品資訊 。