李懿哲

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 / Bulma / tailwindcss
熟悉 Nuxt

TOOL

使用 Git 做版本控管，Sourcetree / Terminal 做控管工具
使用 Vscode 開發
使用 Trello、Asana、Notion 做專案管理
使用 Slack、Jandi 做溝通工具
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 與 Gitlab，Git 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 特效，讓網頁不過於無聊，大圖的區塊則用顏色做變色片的效果。

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

2020 / 08