謝宛均

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


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


前端工程師  台中

Profile 04 00@2x

 技能

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

Xubvljnhf9i6volkmdv7

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

Rnkprmwjog8cfo1ge7is
Powered By
CakeResume