劉哲佑 | Jack Liu

     Front end Developer

           Taipei or Remote

                             喜歡邏輯與思考,進而喜歡上了寫程式。

您好,我是 Jack ,目前為前端工程師,工作經驗約二年半,主要使用 JavaScript 進行開發,前端框架使用 React,曾擔任過前端工程師 Lead,日常中會參與大量的跨部門溝通,囊跨開發後端,美術部,行銷部與計畫部門,,曾主導遠傳電信合作案,從企劃到開發且正式上線。閒暇時喜歡玩遊戲與健身,熱愛與他人交流想法,認為團隊溝通是專案得以成功不可或缺的一環。 

個人網站 https://www.jackliu.info/ (作品持續更新中)

GitHub : https://github.com/dracarys55

Linkedin 過往同事評價 :  https://www.linkedin.com/in/jack-liu

E-mail : [email protected]


前端技能

後端技能

相關技能/證書


  • 可以準確運用 HTML5 語意化標籤
  • 熟悉 CSS3 並能夠運用 FlexboxGrid 進行切版
  • 運用 Sass 規劃響應式網頁版型
  • 熟悉響應式網頁設計 ( RWD )
  • 熟練理解 AJAX 並能夠獨立介接 RESTful API 與後端互動
  • 熟悉 React.js 前端框架,並會運用組件式開發與相關系統觀念
  • 運用 TypeScript 進行中大型應用程式的開發,確保程式的穩定與品質
  • 熟悉Next.js , Tailwind CSS 等前端框架,可獨立開發與完成相關任務

  • 熟悉Node.js,並會使用MongoDB來做為後端的資料庫開發
  • 運用 Express 來快速建立伺服器並給予相對路徑
  • 熟悉 RESTful API 觀念
  • 理解並會實際運用 CRUD 原則
  • 可實際佈署全端專案到網路上
  • 熟練使用 Jenkins 進行自動化部署

  • 熟悉使用 Git/GitHub 來做為專案的版本控制工具,並理解 GitHub Flow 觀念
  • 使用 ESLint 和 Prettier 來確保程式碼品質
  • 多益分數 910 分,可順暢閱讀英語技術文件,並能夠使用英文商業提案與日常溝通

工作經歷

九月 2022 - 現在

React 前端工程師 禾宥科技有限公司 

協作溝通 : 幫助其他 Team Member 熟悉團隊規範,了解規範的統一,在專案開發的重要性。
效能優化 : 優化官網市集前端的效能,主要縮短 iframe 的載入時間,並優化了 63.3% 的初次載入時間。
優化團隊部屬流程 : 使用 Github Action 實作 CI/CD 自動化打包上板的流程,優化了 80% 的上版時間。
團隊成績 : 

1.曾主導遠傳電信活動合作案,並引流了將近 30% 的流量增長 。
2. 一週內與各相關部門配合完成精靈蛋獻祭功能,開發可在區塊鏈質押的功能供玩家使用。

九月 2021 - 八月 2022

前端工程師 恆為科技有限公司 

  • 協作溝通:與後端部門討論API規格,透過 HTTP 或是 Websocket 順利獲得相關的資料,並整合設計部門的設計稿進行協作,順利產出了四個 Html5 遊戲,橫跨三種語言。
  • 系統開發:使用 TypeScript 與遊戲引擎 Egret 開發前端H5畫面,團隊使用 gitlab 來進行協作;使用 Jenkins 來撰寫自動化部署,順利達成持續化部署/優化的目標。
  • 軟體架構:使用 OOP 導向的語言思維,且加入 TypeScript 型別系統的優勢,順利讓中大型應用程式更加的穩定與安全。
  • 團隊規範:中後期推動隊制定建置版本控管流程與 git commit 的 convention 的標準,並代表前端團隊,教導設計部門相關 git 的協作與重要協作規範。

專案作品

  Rise of Elves 官網

運用前端框架 React, Next 開發出中大型遊戲官方網站,專案正式上線。

  • 區塊鏈遊戲,主要會跟區塊鏈相關技術做交互,並使用MetaMask, ethers 等完成開發需求。
  • 使用 React hooks 開發,以求達到FP資料不可變的特性,讓程式狀態的變更更加好被追蹤與debug。
  • 使用相關的 React 生態系套件,Next, Tailwind,  Zustand, 來達到更好的用戶體驗與資料流管理。


  官網&遊戲後台系統

運用前端框架 React, Ant Design Pro 進行開發,為一個完整的後台系統,呈現相關圖表與數據,可供內部人員進行操作.

  • 使用 Umi 底層前端框架搭配 Antd 達到企業級應用所需的需求
  • 使用  Umi 裡面的  KeepAlive 功能 來達到單分頁裡面也可以開啟任一 Tab 並保存相關生命週期資訊,以符合業務需求.


H5 遊戲

使用 TypeScript  與 Egret 遊戲引擎進行遊戲開發,實際做出四個Html5遊戲,三種語言,並且有實際營運且穩定獲利。

  • 使用 TypeScript Egret 進行開發,大廳各項功能,包括站內信功能,遊戲充值提領相關功能。
  • 與後端部門討論API規格,並透過Http websocket 進行資料的互動。
  • 與設計部門討論畫面如何呈現,由設計部門初步做好畫面之後,再由前端人員實際串接後端取得相應的資料




最高學歷

月 2016 - 四月 2020

義守大學

應用英語學系 2016~2020