Skip to content

個人簡歷

工作經歷

電獺股份有限公司

Front-end Engineer, Senior Software Engineer
2020/06/15 - 2021/05/31, 2021/06/01 - now

Ahead of Time,縮短「價值創造(Time to value)」的時間

  • 負責公司自有產品,包含 CI/CD
  • 2021 走鐘獎網站
  • 解決各種四面八方來的 web 技術問題( pm2, npm, CI/CD with node.js, Vue, Typescript, JavaScript ...etc )
  • 分享過 Vue 2 to Vue 3, Typegoose, Vanilla to Vue, Git
  • Linode / Rancher / Azure pipeline / GitHub
  • Asana / Slack / Google Meet

參與專案

  • 2021 走鐘獎官方網站 - 主要開發 API - 獎項提名, 會員票選, 會員搶票
    Nuxtcomposition-apiTypeScriptChakraUIExpressMongoDBTypegooseRancherK8SAzure Pipeline
  • Supr.Link - 短網址服務 - 維護 / 新增功能,修正訂閱金流問題。為了解決技術債,大重構 API
    TypeScriptBuefyNuxtExpressMongoDBTypegoosevue-class-componentjestRancherK8SAzure Pipeline
  • Supr.One - 創作者平台 - 維護為主,建立 Native App JavaScript bridge layer
    Vuetify v1.xNuxtPlyrvue-class-component
  • 電獺少女官方網站 - 新增 Apple Event 直播頁面,RSS feeds API。開發 / 維護 Trek 廣告置入。
    NuxtTailwindCSSPlyrvue-class-component
  • Aotter Account - SSO service - 主要負責前端,實作 sign in with apple, email verification flow
    Nuxtvue-class-component
  • CatRun / CatWalk - 廣告呈現平台, 呈現多種類型廣告,像是圖片 / 影音 / 互動式廣告。實作新類型的廣告
    NuxtVanilla.jsExpressAdsMongoDBGoogle IMA
  • Trek Web SDK - 提供 JS API ( Ads 生命週期及設定檔 )。從 Trek API 取得廣告 Payload
    NuxtVanilla.jsAdsMongoDB
  • 鄉民晚報爬蟲 - 新建立的repository。定期爬 feedly / twitter API
    node.jsTypeScriptCrawlerMongoDB

趨勢科技 TrendMicro

Software Engineer
2020/02/24 - 2020/06/10

  • 負責公司內部service
  • 需要找stakeholder談需求
  • 目前負責PLVRS (Project Legal Vulnerabilities Review System)
  • 學習AWS
  • DevOps with Jenkins
  • Scrum, weekly meeting
  • 使用Jira

參與專案

  • PLVRS (Project Legal Vulnerabilities Review System) - migrate 15 年老 web app 成 react SPA, pending 兩年的 React SPA, 整個專案大重構
    GOReactReact ReduxReact RouterStyled ComponentReact-useTypeScriptTrendMicro FrontendJenkins

香港商阿爾伊股份有限公司(RE 紅包)

Front-end Developer, Full-stack Developer
2017/04 - 2017/12, 2018/01 - 2020/02

只要登錄消費金額,管你怎麼Pay,皆享最高4%現金回饋

  • 在這具有從0到有的經驗,建立店家平台、官網、內部管理平台...等等
  • 參與產品的功能發想與規劃,與其他前端及後端討論UI/UX和micro service之間的溝通
  • 解browsers/iOS/Android webview問題
  • 開過git/git flow/gitlab flow, github/gitlab的分享會
  • 開過GraphQL分享會
  • 以TDD(jest)建置micro service(RE序號)
  • 參與過CI/CD的建置(jenkins, gitlab ci, ELK......),目前使用jenkins

參與專案

  • RE Boss店家平台 - 從0建置vue Web App(Native App則為hybrid),先以MVP方式,後續持續的開發新功能及優化後台管理功能...等等
    VueVuexVue-routerSassRWDWebpackExpressi18n
  • RE Admin管理平台 - 從0建置Nuxt App(Full-stack),包括CRM、CMS、workflow...等等,獨立開發許多功能
    NuxtTypeScriptSassElement-UIExpressGraphQLApollo GraphQLi18nMySqlSequelizeMongoDBMongooseRedisGCS
  • RE官方網站 - 從0建置開發第一版Express網站,一開始主要寫活動頁面,後來脫手後被改為Nuxt
    NuxtTypeScriptSassExpressi18n
  • RE API - 負責各種新功能開發,與同事們協同開發
    ExpressTypeScriptMoleculeri18nMySqlRedisMongoDBGCS
  • RE Micro-services - 為了國際專案,新需求以micro-service開發,開發過幣別匯率服務、MGM專屬序號、各平台之CMS、電子發票、全家便利商店資訊、會計帳務、RE序號...等等
    TypeScriptNATSMoleculeri18nMySqlTypeORMRedis
  • RE Line@ 活動ChatBot - 一個簡單可擴充的KYC問答架構,會員完成活動後能獲得紅包現金
    TypeScriptBottenderExpressMolecularTypeORMMySqlRedis

商智資訊

Java Engineer
2016/06 - 2017/02

商智資訊提供了銀行金融服務解決方案,例如財富管理系統、行動理專APP、資產配置系統。

  • 負責財富管理系統
  • 幫助公司導入git版控,開了內部教育訓練課程 (slideshare)
  • 傳教同事ES6, vue, react等等新奇東西
  • 專案follow git flow 使用jenkins自動包版

參與專案

  • WMS財富管理系統(Wealth Management System) - 維護及開發新功能
    JavaStruts2SpringMSSQLJSPjQuery

專案

1. 個人網站

把履歷跟技術文章整合在這

GitHub

vuepressmarkdown

2. 技術文章

不定期會開issue寫技術文章

GitHub

githubissuemarkdown

3. 個人簡歷

用了vue寫了個簡歷頁面,使用vue material

Demo | GitHub

vuevue-cli 2.xvue-materialES6scss

4. 為了下指令打卡

為了省時間打卡就做了這個

GitHub

nodeselenium-webdriverbabelES6

5. 初學React

將以前用jQuery寫的專案,改為React (兩個youtube channel皆已消失)

Demo | GitHub

react

學歷

國立台灣海洋大學, 資工所碩士

2013/08 - 2015/08

服務導向暨軟體工程實驗室(SOSELab)

國立台灣海洋大學, 資工系學士

2009/09 - 2013/06

主要走Web領域