謝昀軒 (阿陰) 擁有近六年的前端開發經歷,且具備獨立開發與團隊合作的經驗。 專注於使用 Vue.js 、 TypeScript 進行前後台系統開發,近期著重於資料安全性方面的優化。對於專案的易讀性及維護性有所堅持,經手過的複雜片段必會留下文檔或註解,以利後續開發及維護。
[email protected] New Taipei City, Taiwan 技術棧 前端 Vue3 + Pinia Vue2 + Vuex TypeScript, JSX(TSX) 善於開發 Component 管理重複結構 JavaScript ES6+ 等語法糖協助開發 WebSocket PWA webAuthn API UI 框架如 elementUI, Vant, Bootstrap, adminLte......等的實務操作。 scss, TailwindCSS 經歷 前端工程師 @Aplus Accel Inc. (remote/02 ~ 2023/10 帳房錢包 菲律賓實體貴賓廳現場使用的 App 前後台功能開發 USDT 等虛擬貨幣申購、活存功能 安全性 使用根據使用者裝置多項參數的字串並以 MD5 加密後,生成用戶 id,藉此減少三方 API 使用產生的費用 與後端實作 webAuthn API 調用裝置生物驗證(FaceId, TouchId)進行登入綁定 真人荷官投注 視訊投注遊戲前後台開發 下注對賭相關流程防堵設計 (ex:不可同時押莊閒) 盤局、投注內容、視訊串接等資料使用 protobuf3 與後端溝通,並實作心跳檢查機制,以確保 Websocket channel 沒有斷連 團隊業務 撰寫完整開發文件及程式註解 完整的 gitflow 流程,commit 規範 每個 sprint 結束時的 code review 及討論 使用技術 Vue3(Pinia), TypeScript, chart.js, Websocket(ProtoBuf), Webauthn, Element Plus, TailwindCSS, scss, Vite 前端工程師 @鑫城商務/05 ~ 2023 /02 複數品牌包網 PC、H5、PWA App 開發 & 維護 Vue3 + TypeScript 開發經驗,部分專案使用 Vue2 + JSX(TSX) 配合客戶需求客製化前台功能,如落地頁、首頁活動跑馬燈......等 Vant 手機端樣式開發經驗 整理陳舊程式碼,優化專案內的架構及語法。 使用 Google Sheet 動態變更靜態維護頁資料,使 PM 能更方便操作,有效降低 RD 版更需要的時間成本 PWA 導入 PWA 取代原先陳舊無法維護的 APP 專案,同時減少了公司 APP 超級籤成本 安全性 使用 FingerPrint.js 強化登入安全性,大幅降低 99% 的平台盜帳風險及簡訊費用 團隊業務 Vue3 + TypeScript 開發經驗,部分專案使用 Vue2 + JSX(TSX) 使用技術 Vue2(Vuex), JSX(TSX), TypeScript, chart.js, FingerPrint.js, i18n, PWA, element-UI, Vant, scss, webpack 前端工程師 @究境國際公司(投注分析部門)/02 ~ 2022/05 看盤系統 socket.io 串接即時賠率資料 投注輔助工具 實作後台快速搶單、自動化牌、自動跟盤等功能,提升操盤人員業務效率 資料視覺化 資金報表 & 圖表開發 配合後端爬蟲資料來顯示多間娛樂城賠率(類似球板的即時賠率),並提供一鍵下單機制 遊戲前台 Vue3 開發投注前台 使用技術 Vue2(Vuex), Vue3, chart.js, d3.js, lodash, WebSocket, adminLte, Bootstrap, scss, webpack 前端工程師 @究境國際公司(金流部門)/03 ~ 2020/02 專案重構 重構公司後台單號查詢系統 金流系統 金流串接服務後台開發 代理前台開發 與後端採 REStful API 溝通開發 串接後端 WebSocket 實作即時推播通知 使用 Vue2,與後端 php (Laravel) 合作開發,採用 Laravel 官方格式 Blade 方式嵌套 vue plugin (v-select、vue-json-viewer ... 等)套件協助開發 資料視覺化 chart.js, d3.js 顯示每日報表/交易 使用技術 Vue2(Vuex), chart.js, d3.js, lodash, WebSocket, adminLte, Bootstrap, scss, webpack 專案 多平台看盤系統 解決業務的需求。 [相關技術] 以 Vue 開發前端微架構,介接後端爬蟲資料顯示畫面。 Websocket 接收更新資料。 format JSON,根據業務需求重組爬蟲資料結構。 根據資料,計算全場最低價並以高亮提示。 開獎號碼統計 分析歷史開獎。 [相關技術] 以 Vue 開發搭配 Laravel,模組化管理。 Chart.js 圖形化顯示資料。 REStful API, 使用 axios 與後端溝通資料。 社畜柴柴 Discord bot。 [相關技術] Node.js 串接 Discord.js API 開發。 介接 Firebase 資料庫作後端儲存。 台中公車動態系統 台中公車動態查詢。 [相關技術] 原生 JS 開發。 使用 Firebase 資料庫作後端儲存。 串接 Facebook Login API。