李懿哲

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)

開發渣打銀行 IB/MB，埋入 Adobe Analytics 判斷使用者操作行為；修改登入功能與 UI ，增進使用者體驗。

(團隊開發專案，框架使用 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 與 Gitlab，Git 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 特效，讓網頁不過於無聊，大圖的區塊則用顏色做變色片的效果。

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

2020 / 08