Z4c5uqp3ctxmrjj7d3ky

李懿哲

Kyle Lee 

  Front-end Engineer

座右銘: 且戰且走

Hsinchu •  [email protected]


主要工作為前端介面與功能開發,在公司負責官網、內部後台、產品後台等,
雖然是工程師的身份,但在開會中也常用不同角度來看待專案, 
常看 Dribbble 讓自己腦袋保持美感,並運用在專案/產品上

             

技能


HTML 

  • 使用 Pug  提升撰寫 HTML 效率
  • 使用 HTML5 語意標籤來增強 SEO 效果
  • SVG 來製作圖形

CSS

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

JAVASCRIPT

  • AJAX / Axios 串接 RESTful API
  • Web Socket 串接資料
  • 主要使用 ES6 / ES7 / ES8
  • 善用 JQuery Plugin 整合第三方插件動畫效果,Canvas / D3.js 製作動畫 
  • 善用 Gulp / Webpack 做自動化管理


VUE

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

TOOL

  • 使用 Git 做版本控管,Sourcetree / Terminal 做控管工具
  • 使用 Vscode 開發
  • 使用 Trello、Asana、Notion 做專案管理
  • 使用 SlackJandi 做溝通工具
  • Chrome DevTools 除錯
  • 使用 Axure 9 製作 Function Map & Flow Chart
  • 使用 Adobe XD & Sketch 繪製 UI

SYSTEM

  • 使⽤ Ubuntu、Centos 建置 Server 
  • 撰寫 Shell script 做系統備份、⾃動 化管理 
  • 在 Google Cloud Platform 使⽤ Docker 架設 Nginx 、Gitea、 Ghost(CMS) 

經歷

Vue 前端工程師,2019 年 八月 - Now

筑波醫電

主要在公司負責官網,公司內部後台,與產品後台,前端設計與工程都是自己一手包辦,除了部門內合作,也跨部門進行產品開發
  • 用 Nuxt 製作公司官網,串接 WordPress 方便使用者上架文章,並製作 I18n 符合國際客戶需求。 使用技能: Nuxt + Axios + Vuetify + I18n + Google Apps Script + Google reCAPTCHA
  • 用 Vue 製作公司內部系統(會議室預約、公務車預約、請假系統),奠定了公司資訊化的基礎,並且用人性化的設計讓高年齡層的使用者方便使用。使用技能: Vue + Axios + Vuetify
  • 用 Vue 製作金鑰管理平台,管理所有公司產品的金鑰,讓使用者或代理商能輕鬆控管金鑰,掌握產品的命脈。使用技能: Vue + Axios + Vuetify + Lottie + Chart
  • 用 Vue 製作資料串流平台,主要透過 Web Socket + Axios 串接樹梅派的資料,取得各種裝置資料,實現 IOT,使用技能: Vue + Web socket + Axios + Vuetify
  • 用 Vue + Quasar 做 UniiForm 產品鏈,整合公司產品並逐漸實現產品雲端化。使用技能: Vue + Axios + Quasar

MIS,2017 年 2月 - 2019 年 八月

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


作品集


官網 


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

Powered by CakeResumePowered by CakeResume