劉彥伶 Iven Liu
0988-098-530 • [email protected]
Hi，我是彥伶，是一位前端工程師。擅長框架 Vue3 + Vite 及 Nuxt3。
擁有 Vue3+CLI、 Vue3 + Vite 及 Nuxt3 的開發經驗。
技能
Vue.js
- 熟悉 Vue3，使用 Vue3作為主要開發框架
- 根據 Nuxt3 目錄架構，模組化拆分檔案
- 使用 Vuex 與 Pinia 管理全域資料
- 使用 Vue-i18n 翻譯不同語言
- 使用 canvas 呈現 rive 動畫
- 使用 lottie 呈現 json 動畫
- Nuxt3 基礎了解與實務應用
JavaScript
- 瞭解 ES6+ 語法，提昇 Coding 品質
- 使用 TypeScript 定義型別
- 使用 Axios、useAsyncData 串接 API
- 串接 WebSocket 的經驗
- 串接 Google Sheet、Google Map 的經驗
Web Layout
- 純手刻進行 RWD 客製化
- Bootstrap5、Tailwind 開發專案
- 建立 RWD 響應式網頁
- 了解 Git、Git Flow 流程
- 使用 GA/GTM 做為追蹤數據的工具
- 了解基礎網路知識
專案作品
Qubby AI_官網（toC）
- 使用 Nuxt3 開發產品官方網站
- 使用 Pinia 管理全域資料
- 使用 TypeScript 定義型別
- 使用 Vue-i18n 翻譯語言
- 使用 Nuxt3 內置的 $fetch 串接 API 資料
- 使用 UnoCss 製作樣式 使用 meta og 讓網頁分享時具有縮圖
- 網頁動畫使用 AOS.js
Qubby AI_官網（toB）
- 使用 Nuxt3 開發產品官方網站
- 使用 Pinia 管理全域資料
- 使用 TypeScript 定義型別
- 使用 Nuxt3 內置的 $fetch 串接 API 資料
- 使用 Tailwind 製作樣式
- 網頁動畫使用 Rive
智慧建築中心：https://tabc.z11.web.core.windows.net/#/
成功大學綠色魔法學校：https://taiwangbc.osense.space/#/
- 使用 Vue3 + Vite 開發專案
- 使用公司開發的3D環境和SDK，在3D環境上做二次開發
- 使用 TypeScript 定義型別
- 使用 Vue-Axios 介接API 使用 Pinia 管理全域資料
- 使用 Tailwind 製作樣式 將Google Sheet 做為資料庫，並串接資料
- 使用 GA/GTM 做為追蹤數據工具
2022智慧城市展 與 高雄智慧城市網頁
- 使用 Vue3 + CLI 開發
- 使用串接 WebSocket 定時更新影片與資料內容
- 使用 Vue-Axios 介接API 資料 使用 Vuex 管理資料
- 使用 Vue-Router管理前端頁面
- 使用 Bootstrap5 作為CSS Framework
- 串接 Google Map 提升使用者體驗
2022智慧城市展 使用 55 吋 kiosk 呈現
2022 與國發會合作打造高雄智慧城市網頁
使用 webSocket 串接資料、使用 Vuex 管理全域資料、狀態
使用 webSocket 串接資料、使用 Vuex 管理全域資料、狀態
工作經歷
光禾感知科技股份有限公司 專案組 軟體工程師 2021 ~ 至今
提供智慧生活與3D元宇宙沉浸式網頁服務，擔任專案組前端工程師，與國發會、財團法人台灣建築中心合作
使用Vue.js為主要開發的前端框架
執行專案：
前端需求開發並維運：高雄5G AIoT創新應用打造高雄智慧城市網頁、2022 智慧城市展網頁
3D元宇宙沉浸式網頁開發，包含：2022桃園數位生活節、成功大學魔法學校、智慧建築中心 專案執行
專案應用：
- 圖片使用webp格式，提升圖片載入時間。
- 重構程式碼提升程式碼品以及提高可讀性，提高專案維護性。
- 使用網頁效能監控工具，根據反饋指標修復，提高網頁效能。
- 了解瀏覽器引擎的運作機制，盡量避免觸發Reflow階段，以利網頁效能提升。
- 使用 Meta Tag 建立SEO
信捷國際股份有限公司 業務助理 2018 ~ 2021
大型的健身器材與進行健身房的規劃，解決客戶對產品問題，檢視商品存貨狀況，更新庫存的品項內容。
個人成就：
因應需求製作設備資訊、健身房的平面圖、3D圖規劃設計，順利拿下數個百萬標案。
組織盤點團隊人力、制定庫存管理SOP，訂定倉管、會計、業務維護之盤點表以利掌握商品數量。
學歷
真理大學資訊管理學系 2011 ~ 2015
101 學年度擔任系學會活動長、石門國小資訊營隊輔
