Z4c5uqp3ctxmrjj7d3ky

李懿哲

Kyle Lee 

  Front-end Engineer

Hsinchu •  [email protected]


擁有前端工作經驗3年,目前為 TPIsoftware 前端工程師,負責金融與政府AI相關案子
主要使用 Vue 開發,React 也開發過一些小功能
除了技術面的精進,重視團隊合作的我,主動擔任起組長授課講師

          

經歷

前端工程師,2021 年 7月 - Now

TPIsoftware

主要在公司負責銀行政府案前端開發,除了處內合作,也會進行跨處協作;管理兩人前端團隊,也負責此屆前端講師。

  • 幫助國泰產險開發客製化地理資訊系統,結合 ArcGIS 與 Google 街景讓產險員工方便查看附近案件。
           (個人開發專案,無使用框架,用 Vite 做建構工具,撰寫 TypeScript + ArcGIS API  + Google Maps API ;專案 Demo)
           (團隊開發專案,框架使用 Vue 2,  使用 CORDOVA 建構成 APP;專案上線)
  • 幫助政府機構系統重新建置與開發,整合國家級檔案管理系統,儲存巨量資料並優化檔案搜尋速度,民眾可以查詢到即時資料。並將人工操作流程數位化,打造一站式管理資訊系統,再搭配 AI 機器學習,準確率達80%,減輕人工涉入程度。 
    (團隊開發專案,框架使用 Vue 2, 前台符合無障礙空間; 搭配 Vuetify 開發後台;前台專案上線 )
  • 負責教育局案前端專案架構規劃技術諮詢,並帶領⼀位⼯程師做開發,讓開發時程符合客⼾與⼯程師的期待。
           (負責前期規劃前端架構與技術需求;專案上線)
  • 擔任 TTP4 前端講師,教導學員兩周學習 Vue
  • 擔任前端組長,帶領兩名前端工程師,平常負責 Review 週報與安排每月讀書會。

前端工程師,2019 年 8月 - 2021 年 7月

筑波醫電

主要在公司負責官網,公司內部後台,與產品後台,前端設計與工程都是自己一手包辦,除了部門內合作,也跨部門進行產品開發
  • 用 Nuxt 製作公司官網,後台則自架 WordPress 讓行銷人員上架文章,並製作 I18n 符合國際客戶需求,也專注 SEO 的優化(web.dev 測試 seo 為 100 分)。 
  • 用 Vue 製作公司內部系統(會議室預約、公務車預約、請假系統),奠定了公司資訊化的基礎,並且用人性化的設計讓所有人方便使用。
  • 用 Vue 製作金鑰管理平台,管理所有公司產品的金鑰,清楚明瞭的儀錶版讓管理者或代理商能輕鬆控管金鑰,掌握產品的命脈。
  • 用 Vue 製作資料串流平台,主要透過 Web Socket + Axios 串接樹梅派的資料,取得各種裝置資料,實現 IOT 輕鬆控管產
  • 用 Vue + Quasar 做 UniiForm 產品鏈(電子表單輔助系統),透過電子化表單來減少紙本的需求,達成環保與效率;雲端化的實現讓產品只需透過網路即可使用。

MIS,2017 年 2月 - 2019 年 8月

名威智慧通訊 
  • 用 Bootstrap3 製作公司第一個網頁,開啟我對前端的熱情
  • 建置 Redmine 與 GitlabGit Hook 整合 Redmine API 自動提交版本變更記錄到 Issue
  • 導入容器化,用 Docker 建置 Open ERP ,用 Python 修改 HR_module 符合公司規定
  • 用 Node.js 撰寫 Skype bot 傳送 git hook / 公司訊息
  • 客製化療養院長照系統(80%前端、20%後端)  MVC 架構


技能


HTML 

  • 使用 HTML5 語意標籤來增強 SEO 效果
  • SVG 來製作圖形

CSS

  • Sass / SCSS 做 CSS 模組化
  • 使用 BEM 命名規範,OOCSS 做架構分離
  • Bootstrap / Element-UI / Bulma / Vuetify 快速完成網站
  • 使用 Flex / Grid 做排版

JAVASCRIPT

  • 了解 RESTful API
  • Web Socket 串接資料
  • 主要使用 ES6 / ES7 / ES8
  • 善用  Webpack 做自動化管理
  • 使用 Typescript


VUE

  • 目前使用 Vue 2.6
  • 正在熟悉 Vue 3
  • 建構 Components 簡潔開發 
  • 使用 Vuex 做狀態管理
  • 熟悉 Vuetify,也使用過 Bootstrap / Element-UI / Bulma / tailwindcss
  • 熟悉 Nuxt

REACT

  • 目前使用 React 17
  • 使用 Reack Hook
  • 使用 Redux


作品集


官網 


2020 / 06 / 19 

使用技能:

  • Vue
  • tailwindcss
  • I18n
利用 tailwindcss 快速做出 RWD,並在圖片增加一些 hover 特效,讓網頁不過於無聊,大圖的區塊則用顏色做變色片的效果。


Paragraph image 02 00@2x



公家單位後台(只能提供草稿)


2020 / 08 

使用技能:

  • Vue
  • Vuetify
  • Axios
將複雜的紙本流程系統化,減少使用者 50 % 工作時間,大幅提升工作效率

Paragraph image 02 00@2x

學歷

中華大學資訊管理學系,學士,2012 年 9 月 - 2016 年 6 月


私立黎明中學,普通科,2009 年 6 月 - 2012 年 6 月


Powered By CakeResume