About
Portfolio
李懿哲
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
/
Termina
l 做控管工具
使用
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
使用技能:
Vue
Vuetify
Axios
將複雜的紙本流程系統化,減少使用者 50 % 工作時間,大幅提升工作效率