Bd4flbgwm5khquiftusk

Mian Yang / 楊閔安

Senior Frontend Engineer

技能


Front-end

  • 4 年 Vue.js 開發經驗,對相關套件如 Vuex, Vue Router 熟悉。
  • 熟悉 TailwindCSS, Bootstrap, Vuetify, Element UI 等 UI Library,並能打造 RWD 網站。
  • 有開發 PWAHybrid App 經驗。
  • 串接金流 (TapPay & Stripe) 經驗


Back-end

  • 2 年使用 Node.js / Express 開發 API Server 的經驗
  • 對於 MongoDB, AWS DynamoDB 及 MySQL 皆有開發操作的經驗。
  • 有部署至 HerokuAWS 等 Cloud Platform 經驗。

Others

  • 熟悉 AWS 前端相關服務,如 S3, CloudFront & Route 53
  • 多次多人合作開發的經驗時常擔任 Team Leader 與 Code Review 角色。
  • 前後端均有自動化部署 (CD) 經驗。
  • 運用 Pythonshell script 輔助開發需求。

工作經歷

Senior Frontend Engineer (Lead) — Frontier.cool Mar. 2021 ~ Present

Frontier.cool 致力於透過 AI 技術打造雲端數位化布料協作平台,並提供數位時尚與智慧生產流程服務。


主要工作內容 /

  • 為公司第一位前端工程師,定義前端的專案架構與技術選擇。
  • 獨自從零開發MVP,包括角色和權限管理、搜尋引擎和線上支付等核心功能。
  • 帶領兩名工程師持續擴展平台功能,並替公司在新的年度收入成長 300% 。
  • 導入 Scrum 並精煉產品開發流程,使產品迭代週期提升 50%。
  • 建立 Code convention & Storybook 和進行 Code Review,統一程式碼風格,減少 15% 的錯誤率並縮短 20% 開發時間。
  • 採用 Trunk-based development 並基於此使用 GitLab CI/CD 開發自動化部署將部署時間減少 30%。
  • 將公司專案改為 monorepo,並整併超過 30,000 行程式碼以減少維護成本並加快開發時間 30%。

其他專案 /
  • AADT 支援行銷活動所開發的一頁式活動頁面。
  • U3M Page - 嵌入於官網中的新功能體驗頁面。
  • VStitcher PlugIn - 嵌入於 VStitcher 軟體中的精簡版平台。

Qpolwamufzkhzsu2ebwr

共同創辦人 / Tech Lead (全端工程師) — CityChaser Studio May 2019 ~ Jul 2021

與成大的朋友一同創立的遊戲工作室,並製作手遊《 Kyronus 開拓者 》,主打推廣台灣特色建築的模擬經營遊戲,透過 GPS 定位提供與真實世界連結的遊戲體驗。此作榮獲 2020 放視大賞行動遊戲銅獎及多個比賽決選,並入選 109 年度「U-start創新創業計畫」。


共同創辦人 /

  • 統籌規劃帶領各部門獨立完成任務,並協助跨部門的需求溝通。
  • 導入 Scrumban (Scrum + Kanban) 為團隊清楚定義每一次迭代的目標任務,並擔任 Scrum Master 和主持各項活動會議。
  • 建立團隊專案管理溝通方式與工作環境,包含 Discord 視訊語音會議、 Slack 文字訊息溝通、Jira & Trello 任務管理、Notion & Google Drive 文件資料共享。

技術負責人 /

  • 擔任 Code Review 的角色,負責程式碼產出的品質與成果驗收。
  • 使用 GitLab CI 完成 Android App 與 API Server 多環境的自動化部署,並使用 Docker Image 建立 GitLab Container 分別減少 50% 與 20% 的部署時間。
  • 將遊戲數據設定從 Google Sheet 轉換至 JSON,並於 CD 時部署至 AWS S3,再於 App 端判斷版本的差異,決定是否下載補丁。
  • 負責開發大部分核心功能,如 簽到/商城/生產力系統、訪客與 Apple / Google 第三方登入、 新手教學指引、Location-Based Service 和定位存取權限訪問等等。

使用技術 /  
《 Kyronus 開拓者 》App 是以 Phaser 3 作為遊戲引擎,並使用 Vue.js + Cordova 開發的 Hybrid App (一份 codebase 就能於雙平台 Android & iOS 的運作)。伺服器是使用 Node.js, Express 與 AWS DynamoDB,並以 AWS Lambda 所開發的 Servereless 服務。

Kyronus 開拓者 - 得獎專訪 |粉絲專頁 |宣傳影片

Qpolwamufzkhzsu2ebwr

網路開發線上課程助教 — Alpha Camp Dec 2019 ~ Present

ALPHA Camp 是亞洲最具影響力的新創學校,早期是開設實體課程,2018 年開始轉往經營線上課程;使命是「透過教育,幫助人們發展有意義、有價值的職涯」。


主要工作內容 /
  • 指導超過 1000 多名學生,並幫助他們在學習過程中及時排除學習障礙。
  • 提供個人的 Code Review 反饋和優化建議,以確保學生的持續成長。
  • 擔任 Mentor 帶領 5 名學生團隊完成畢業專案,並在整個項目的技術開發和團隊協作方面提供指導。
  • 主持線上工作坊 (webinar) 協助學生釐清現階段學習的重點與觀念。

TA Program /

Qpolwamufzkhzsu2ebwr

Full-stack Intern — 若水國際 AI 數據服務事業部 R&D 部門 Oct 2019 ~ Jul 2020

若水 AI 數據服務事業部,致力開發一個針對電腦視覺的數據匯流處理平台,並培力居家身障者成為 AI 數據標註師,提供安全、快速及高品質的標註數據。

Piggy — 公司內部主要 Annotation Tool /

  • 前端介面優化修改,包含改善使用者體驗、增進無障礙設計與添加快捷鍵等等。
  • Video & Audio 逐字稿等多項功能開發。
  • API 串接以及後端 API 開發。
  • 專案資料的匯入、專案在系統中的設定及將標註資料打包成客戶所需的格式。

New Comer — 新進員工試用期到期通知系統 / 
  • 協助人資部門建立 New Comer 系統,將工作事項自動化,有效節省人力資源。
  • 獨自完成 UI 設計、全端開發、產品部署,並在 5 個工作天內完成上線。
  • 前端使用 Vue + Vuetify 快速切版建立畫面,並部署在 AWS S3。
  • 後端使用 Node.js + Express + DynamoDB,並利用 AWS Lambda + CloudWatch Event 達到 Scheduled job 完成信件通知。

模糊測試 — 招募團隊應聘居家身障者之測試工具 /
  • 在此專案獨立負責前端工作,並與另一位後端夥伴一同開發。
  • 前端使用 Vue + Vuetify 快速切版建立畫面。
  • 利用 D3.js 完成簡易的 Annotation Tool 。

於實習期間也利用下班時間和前端同事組成讀書會,並擔任四次主講者 /

Cavvgzadsx1wsn8ms1wg

專案經歷


Spec Organizer 

 2019 梅竹黑客松黑客組參賽作品


EDA 工程師在開發的過程中,常會需要反覆地翻找規格書,而 Spec Organizer 提供有系統性且簡潔美觀的介面以及清晰又明瞭的腳位定義,來減少以往翻找規格書所需的時間。


最終獲得 FootPrintKu 富比庫 企業組第一名以及當年度大會銀冠獎。


Paragraph image 02 00@2x

Passerby 電子健康護照

2020 梅竹黑客松創客組參賽作品 


在疫情的影響下,進出民間場所需進行實名制登記,但多是以紙本的形式紀錄,用途也僅止於若有人確診之後的案例追蹤,而 PasserBy 希望能夠將這些資訊在不侵犯個人隱私的情況下進行適度的公開、共享,如此就能避免具有傳染風險的人員進出公共場所,在一定的程度上主動防止病毒傳播。


Paragraph image 02 00@2x

衫源建設形象官網

2021 接案作品 ft. 普魯士國際 & 米白工作室

  

在此專案中,獨立負責前台介面切版與動畫呈現(普魯士國際負責後台 CMS , 米白工作室負責 UI 設計)。


專案技術 / 
Frontend Framework | Vanilla.js
CSS Preprocessor | SCSS
JavaScript Library | AOS, tiny-slider
Project Build | Webpack

Paragraph image 02 00@2x

Hunting Actions 狩動

2021 Global Game Jam 活動作品

Game Jam 是一個要在 3 天 2 夜與陌生人,根據主題製作開發遊戲的一個活動。

此次的主題為 Lost & Found, 所以我們發想出一個密室逃脫的遊戲,玩家要利用身上僅有的四個物件來與場景中的人或物互動,不斷的嘗試最終要逃離這個地窖。

Paragraph image 02 00@2x

TripTrip 行程規劃網站

2019 Alpha Camp 學員專案

TripTrip 讓使用者可以在一個網站就取得台灣各地區景點的詳細資訊,並透過輕鬆、簡易的流程建立屬於自己的行程,在行程上編輯景點、天數、流程、備註等資訊,並且也能夠收藏或是複製喜愛的行程。



Paragraph image 02 00@2x

學歷

國立成功大學資訊工程學系 2016 ~ 2018 (肄業)

Chol1xyp7avldkyq7dbu