謝宛均

嗨!我是Ruby! 從事前端工程師有 3 年的經驗，熟悉 Vue3 並且有維護Vue2專案的經驗，同時也有一年的React開發經驗。


對於新技術充滿好奇心，願意不斷學習和探索。在團隊中，我以積極的態度和良好的溝通能力著稱，喜歡與團隊合作，共同解決問題並創建出色的產品。


前端工程師  台中

 技能

Vue

Vue3 ( 2年開發經驗)

vue2 (Side Project 、專案維護/開發經驗 2 年 )

pinia

vite

Vue cli

vuex

vue-i18n

vue router



React

React ( 1年開發經驗 ) 
React Hooks 
React-router
Redux-toolkit
react-intl( i18n)


HTML / CSS

HTML5 SEO語意標籤
熟悉 SCSS、SASS 7-1 pattern

CSS 框架: 
Tailwind
UnoCSS


UI Framwork

Element UI

primeVue

Bootstrap

Material-UI

Vuetify



版本控制

Git
SVN


Others

部屬專案至 Firebase 經驗

部屬專案至 GCP 經驗

使用 Typescript 開發經驗 


UI繪製: 

Photoshop

Adobe XD

 專案

遊戲活動大廳

活動大廳前台模板，後台可以客製化 logo、背景圖、以及要開啟的活動遊戲和相關設置
為了提升效能，這個專案 RWD 皆為手刻

使用技術:
Vue3
Vite
pinia
Vue-router
axios
Typescript

輪盤遊戲

幸運輪盤遊戲，後台可客製化名稱、輪盤獎勵數量和機率調整等設置

使用技術: 
Vue3 
Vite
pinia
Vue-router
axios
Typescript

遊戲活動大廳後台

上述的遊戲活動大廳後台，供客戶可以在該後台設置要新增的站點、活動、獎勵等等

使用技術: 
Vue3
Vite
pinia
Vue-router
axios
vue-i18n
Typescript
Element UI

FancyPlay 遊戲平台

客製遊戲平台，使用 Nuxt 來優化 SEO
含有部落格、會員註冊/登入、會員後台
可以查看參加活動的紀錄、不同款遊戲的錢包...等功能

使用技術:
Nuxt3
element-plus/nuxt
nuxtjs/i18n
unocss
swiper
pinia
vue-cookies
vue3-marquee
nuxt-jsonld

8591BET 遊戲平台

遊戲平台前台模板，後台可以讓代理做客製化的設定 ( ex. 遊戲種類開關、啟用開關、banner...等 )
該專案也有做會員系統介面，會員也可以收發訊息、查看遊戲遊玩紀錄收益紀錄等表單

使用技術: 
Vue3
Vite
pinia
Vue-router
axios
vue-i18n
vue-cookies
websocket
swiper
Typescript
unocss
Element UI

碧寧園 民宿官網

為提升效能，該網站的 RWD 以及選單皆為手刻

使用技術:

swiper

html5

javascript

scss

代理管理後台

遊戲平台的代理後台，代理可以藉由此後台
查詢代理相關的收益、表單、權限給予，以及使用 websocket收發信件... 等功能

使用技術:
Vue3
Vue cli
vuex
vue-router
vue-i18n
axios
websocket
primeVue
vue-cookies

 網路圖片⾃動瀏覽與 AI 侵權比對系統

與外包後端工程師協力完成，以 AI 辨識比對使用者所設定的網站中圖片是否侵權，並記錄、輸出比對結果、追蹤進度...等等


使用技術:

React.js

React-router

material-table

material-ui

axios

RESTful API

SCSS

SASS 7-1 pattern 管理 CSS

SVN 版控 ... 等

 MusesAI 入口網站

主要負責入口官網、後台會員頁面、管理員後台頁面開發、設計、RWD、API 串接、網站維護。 


使用技術: 

React.js 

React-router

react-intl ( 原本有做 i18n ，後續因為網站更新 + 翻譯的問題先註解 )

react-player

material-table

Bootstrap

Material-UI

Swiper ( custom輪播卡片 )

SCSS

Ajax

RESTful API

Firebase

SVN 版控 ... 等


 https://www.musesai.com/

 工作經歷



永恆國際網路有限公司, 前端工程師, Jul 2022 ~ 現職

◆ 使用框架 Vue3

◆ 接案公司，主要做包網、網站SEO優化、客製網站以及後台等業務
目前負責的專案以後台、平台類型為主

 專案開發
 8591BET 遊戲平台模板 前/後台

遊戲平台前台模板，有會員系統相關功能如登入註冊、查看遊玩紀錄、儲值...等
同時也有開發該模板的後台，可照使用者需求調整網站模板相關設置


 遊戲活動大廳模板 前/後台

活動遊戲大廳前後台開發，前台有預設的樣式
可以在後台設定活動大廳的站點、要開啟哪幾種遊戲
以及遊戲相關的設置，例如獎勵的圖片、獎勵的數量以及機率等等
為提升網站效能，遊戲活動大廳 RWD 以及表單樣式等皆為手刻

 幸運輪盤遊戲

幸運輪盤小遊戲，依照設計給的素材和設計圖來切版、處理動畫等
在後台也可以調整輪盤獎勵的數量、獎勵類別、得獎機率... 等功能

 FancyPlay

使用 Nuxt3 ，照設計師給的圖以及素材切版、處理動畫等
RWD 因合作團隊習慣不同所以分成網頁版以及 h5 版分開處理
有會員系統、活動瀏覽表、部落格.. 等功能

 幸運輪盤遊戲

幸運輪盤小遊戲，依照設計給的素材和設計圖來切版、處理動畫等
在後台也可以調整輪盤獎勵的數量、獎勵類別、得獎機率... 等功能

 代理系統管理後台

供代理使用查看各種報表、紀錄以及利用 websocket 達到用戶及時傳送信件的功能
將使用頻率較高的表單元件化來簡化 code 再和其他前端一起開發時能統一格式、讓 code 更整齊漂亮

 其他

舊專案維護、新增頁面功能 ( Vue2 )
舊專案重構、新增頁面功能 ( Vue3 )
部分專案因重複性高就不特別列舉了


科智企業股份有限公司, 前端工程師, Apr 2021 ~ Apr 2022

◆ 使用框架 React

 專案開發
翔名 AI 後台管理系統
介接 AI 辨識系統 並將辨識結果及相關紀錄編修、輸出，並依權限管理成員可查看、使用的功能及頁面。

負責項目: 
- 水平儀測量記錄頁面 
- 帳號管理頁面
- 群組管理頁面
頁面刻版、資料串接

UDN 網路圖片⾃動瀏覽與 AI 侵權比對系統
以 AI 辨識比對使用者所設定的網站中圖片是否侵權，並記錄、輸出比對結果、追蹤進度... 等等

- 登入介面、註冊: 
以 OAuth 作為身分驗證、 JWT 驗證機制 

- 圖片註冊: 
類似檔案總管的層級設計依照年分、月份分類及提供使用者閱覽 

- 比對結果: 
顯示比對後的結果，可依照設定下的條件進行比對，可編輯部分欄位、下載html檔案、CSV檔案 

- 參數設定:
設定定期追蹤的網址、設定一定時間會自動執行以及定時回報搜尋結果的信箱，因應同一網址有正在執行的任務，需鎖住按鈕短時間內不能重複執行，這個頁面也有利用 keep-alive 套件寫小元件來處理，避免切換頁面後會直接將倒數狀態復原 帳號管理: 使用者資料編輯修改

MusesAI 入口網站
 MusesAI 官方入口網站(形象網站)，前台主要是推廣產品 ( 一站式 AI 工具 ) 以及活動、公告、產品使用說明等等，會員後台則是提供資料編輯、點數儲值、訂單紀錄查詢等等功能，管理後台則包含公告、新聞、帳號管理、權限管理等等的CRUD...等等

負責項目:
前台頁面、會員後台頁面及部分功能串接、部分管理員後台頁面及功能串接、頁面刻版、RWD、部分頁面 UI 設計。

- Adobe XD 介面圖繪製、設計
- 串接 RESTful API 、 Firebase console 、 部分 API 撰寫 ( Firebase DB 、 Firebase Storage )
- 將元件模組化讓不同頁面能重複使用
- 串接外部金流 API (藍星)
- 將插件修改、客製化
- 響應式網頁設計
- in-app-browser 處理

豐晨貿易股份有限公司, 內容⾏銷課 儲備課⻑, Mar 2018 ~ Jan 2020

工作內容:
網站維護 / 網站SEO優化 / 文章撰寫 / 直播企劃 / 廣告投放
旗下社群粉專管理 / 網站管理

 學歷

資訊⼯業策進會, 其他, 前端工程師就業養成班, 2020 ~ 2020

前端開發:
React.js 、HTML 、CSS 、JavaScript(ES6) 、jQuery 、Bootstrap 4、SCSS

後端開發
PHP、MySQL、Node.js、Express.js

其他使用工具
VScode 、Git 版本控制、Adobe XD

亞洲大學, 學士學位, 幼兒教育學系, 2010 ~ 2013

Full Resume