王傑

熟悉 3 大前端 Framework,在 React 有 1 年,Angular 2 年的經歷。後端 Spring 2 年,並有許多設計複雜功能的經歷。同時作過 .NET Core(1年)、Cordova(1年)、Android app,其它在 NodeJS Express, Vue, Svelte 皆有專案經驗

團隊中會幫忙管理程式碼品質,維持 coding style,引導他人程式寫法

平時樂愛學習新技術,寫程式改善常用的網站的功能。行為上有些異於常人、跳脫性思考

  Taipei City, Taiwan   

Skills

Front end

    Vue     Angular      React   Svelte     Android   Cordova

Back end

    Spring Boot      Express   .NET Core

Else

    Vim  ESP8266

工作經歷


全端工程師

MOOVO Mobility

十月 2021 - 三月 2024
Taipei, Taiwan

開發後台管理單車的網站
團隊中我以開發後端為主,若有前端的需求也會一併作

專案以 Spring boot + React 開發,包含部份 Express 後端專案
後端採微服務架構
主要成就:
- 導入 gRPC 作為 service 溝通格式,並且相對高程度的將其通訊格式作客製
- 導入 Kotlin,讓其與 Java 的 code 共存
- 單車的移動行程計算之演算法,以地理運算 + cluser 算法求出裝置的停留點,再調整中間的行程、異常資料排除等等

其它還用到了

  • MapBox: 顯示單車地圖
  • geometry query 地理查詢
  • Amazon SQS, MQTT: 與車輛的 IoT 裝置通訊
  • DBSCAN cluster


前端工程師

香港商 CBX Software

十一月 2018 - 十二月 2020
Taipei, Taiwan

前/後端約10人的團隊,到職在 Angular 前端團隊,依人力需求轉至 Java Spring 後端團隊一年

  • Angular
    • Media gallery - 顯示圖片、影片、3D model(Three.js) 的一個 viewer
    • 實作 JSON based 的動態 Form define,用於作表單輸入、顯示資料
  • Java Spring
    • 動態 Rule system,依使用者、群組、domain 控制表單欄位的 R/W 以及能否執行特定操作
    • 高度客製化的資料 mapping 的處理器,可以依使用者輸入的規則、權限動態 mapping 資料
    • 解析邏輯性 search criteria string 並轉為 ES/SQL 資料查詢
  • 協助 Cordova app team
  • 時常主動幫團隊看MR、review code
  • 會定期分享最近的發現
  • 靈活轉換 前端/後端/app 的職位,在一週內上手 Java Spring 並開始幫忙後端團隊


程式設計師

亞東醫院

七月 2016 - 十月 2018
Taipei, Taiwan

醫院資訊處為一人專案的工作型態

  • .NET WebApi + Cordova/Ionic 完成亞東醫院入口 App - 亞東醫點通
  • .NET Core + Android + Angular 作電子簽章 app、及其管理後台網站
  • 使用 .NET WebForm 製作員工餐訂餐網站,並製作 Android app 給發餐人員作取餐檢查用

工作習慣


上班時間專心工作,不分心不回 LINE

寫作上追求完美,不寫髒 code 不造技術債
為既有功能需求提上許多能提昇 UX 的建議並實作
主動幫同事 review code、挑有問題的 code、幫忙同事解決問題
注重前端功能的細節表現
花超過預期時間在作上述有的沒的

Projects


Newsh    

以 Google News 作為新聞來源的小新聞站。

主要解決了我每天在手機上看新聞時操作上的痛點,並增加了一些過濾新聞的功能,像是濾除 YouTube、過濾顯示過的重複新聞等等的。


線上嘸蝦米    

比起嘸蝦米官方提供有更多快捷功能的線上嘸蝦米輸入法。

選字介面模仿嘸蝦米在 macOS 上的 UI。功能主要加上了許多快捷鍵、複製輸入內容並清除、以及加字加詞。所有設定可以匯出至 URL,把它短網址化後便能隨時在不同的電腦上使用。

製作發想起於有次面試時,要在他們的筆電上打一些資料,電腦沒裝嘸蝦米,官網的線上嘸蝦米又不夠好用,所以作了這個線上嘸蝦米。


Udemy seeks   Svelte

快轉至下個字幕用的 WebExtension。

Udemy 有提供自動產生的字幕,但有時看了字幕就會懶得再慢慢聽講著在說什麼了而想要快轉,直接跳轉個5秒有時又會不小心再跳過下一句,所以作了這個工具給自己用,順便發佈到 Firefox/Chrome 兩個平台上。

DevConnector      

練習 MERN stack 時作的網站。

  • 供不同使用者新增學歷、經歷、專業技能等等的資料
  • 發 Post、Post comment 、Post like


團康遊戲計分網站    

簡化當時玩遊戲要計分的人力需求

某次教會辨福音活動時,大家苦腦著玩遊戲的算分規則太複雜、需要兩個人手來幫忙算,於是我提出了這個想法,獲得所有人一致贊同。

現場擺放兩台 iPad,分別開網站輸入分數、以及 Google Sheet 顯示計分,使用 Google App Script 來設計儲存的 API 以修改 Sheet,當內容更新時,Sheet 會自動同步更新顯示。

使用記錄檢視器  

在 Android 上查詢近期開啟各 App 的時間點

這是我在作 Android 反編譯修改時為自己寫的工具。透過 Android 的UsageEvents API,程式可以取得指定時段的應用程式切換記錄。我以這個 API 為底來,於其上作了許多方便的搜尋功能,以及各樣的快捷動作。像是單指點擊、雙指點擊、點空白處等等的。