Ugugztfqb2j8vmumjm0j

謝浩哲

國立高雄科技大學(第一校區) 資訊管理系


我是一名熱愛網頁技術的工程師,

目前於 TSMC 擔任 IT Engineer,

平時會去摸索前端與後端的知識與技術,
時時刻刻保持精益求精的態度!

Full Stack Engineer
New Taipei City,TW
[email protected]

我的技能


前端 Front-End

  • HTML / CSS / JavaScript / TypeScript
  • Angular / React Hook / jQuery
  • Angular Material / BootStrap


後端 Back-End

  • Node.js
  • Express / NestJS
  • MongoDB / mongoose
  • AWS Lambda + API Gateway


區塊鏈 Blockchain

  • Solidity
  • Go Ethereum
  • Truffle
  • Ganache
  • web3.js / ethjs


工具 Tools

  • Git
  • npm / yarn
  • VSCode
  • Webpack
  • Docker
  • Nx


知識 Knowledge

  • RESTful
  • RWD Design
  • MVC
  • Design Pattern
  • Microservices
  • Monorepo

工作經歷

TSMC - IT Engineer, 2022/07 - 現在

 Angular、NestJS、Nx、Docker、K8S、Git


  • 使用 AngularNestJS 開發與維護內部系統,並優化系統架構

  • 使用 Nx monorepo tool 作為專案管理工具,並提出、實踐完整的系統架構,強化團隊開發效率、專案一致性以及易維護性。

  • 不定期與團隊成員分享技術知識與技巧。

Wnviib1xavhnfkolr3zp

Vertiv Taiwan - Software Engineer, 2021/02 - 2022/06

 Angular、Git


  • 維護與開發三套系統,主要使用 Angular,並優化系統架構

  • 制定團隊開發規範以及專案架構。

  • 導入 Airbnb Coding Style Guide,並根據團隊做適當調整。

  • 導入 CommitizenCommitLint 等工具,規範團隊 Git commit 

  • 不定期與團隊成員分享技術知識與技巧。

Wnviib1xavhnfkolr3zp

Perkd Taiwan - Full-Stack Developer, 2020/07 - 2021/02

 Angular、React、Express、AWS、Git


  • 維護與協助升級內部系統,主要使用 Angular,從本來的 Angular 5 升級至 Angular 10,並在升級的過程中進行重構。

  • 使用 React Hook 搭配 Shopify Polaris 開發 Shopify App,並由我主導整個產品開發。

  • 串接第三方服務商的 API,如:Shopify、綠界等。

  • 使用 Express 做為後端框架開發後端應用,並導入 MVCService PatternRepository Pattern,將程式架構規範清楚,提升系統維護與易讀性。

  • 使用 AWS LambdaAPI Gateway 開發 Serverless 應用,並善用 Layer 管理共用程式碼。

Wnviib1xavhnfkolr3zp

Perkd Taiwan - Front-End Intern, 2019/07 - 2019/12

 Angular、Git


  • 使用 Angular 5 與 Angular 8 開發內部系統。

  • 除了串接 API,還針對舊有介面及功能做優化,如:表格的排序功能、警示功能、整理介面呈現資訊等。

Kc1m1vgmdlrsyioezn8w

SOHO 外包 - Full-Stack Developer, 2017/07 - 2017/11

 Node.js、Express、MongoDB


  • 在大學同學的力推之下,微風旅行社益歡旅行社凱程旅行社與我洽談,在確認需求後協助該旅行社架設網站、設計網站、設計後台管理等功能。

  • 使用 Express 搭配 EJS 模板進行前後端開發,並使用 BootStrap 套用樣式。

  • 使用 MongoDB 作為資料庫。

  • 串接 Facebook OAuth 2.0

Company@2x

競賽

第 13 屆 iT 邦幫忙鐵人賽 - Modern Web - 佳作, 2021

作品名稱:NestJS 帶你飛!
 寫作、NestJS、TypeScript

作品簡介:
近年來 Node.js 興起,擁有非常多的框架來加速開發人員開發,使大家可以更快上手,其中,主流的後端框架不外乎就是 Express 與 Koa,它們非常輕量且自由,深受開發人員喜愛,但也因為非常自由,沒有嚴謹的架構規範,很容易寫出高耦合、低內聚的程式碼,甚至檔案結構非常鬆散,使用這些主流框架的開發者如果沒有訂定一套規範,將會面臨許多挑戰。NestJS 正是解決架構與型別的好選擇,但在臺灣討論度較低,因此寫下該系列文來推坑更多人。

第 12 屆 iT 邦幫忙鐵人賽 - Software Development - 佳作, 2020

作品名稱:今晚我想來點 Express 佐 MVC 分層架構
 寫作、Express、TypeScript、PM2、Webpack

作品簡介:
Express 是一個成熟的 node.js Web 框架,由於框架本身沒有嚴謹的架構規範,在架構上可能會面臨許多挑戰,若再搭配 JavaScript 開發,大型專案可能會變得難以維護。雖然網路上有許多資源在教如何使用 Express,但如何設計 Express 的架構卻少許多,本系列文融合以上兩點,一方面介紹 Express 給還沒使用過的朋友認識,一方面讓 Express 使用者多個架構參考。

第 11 屆 iT 邦幫忙鐵人賽 - Blockchain - 佳作, 2019

作品名稱:區塊練起來-智能合約與DApp開發
 寫作、Solidity、Angular、BootStrap

作品簡介:
智能合約與 DApp 開發教學系列,主要是著重在實作上,針對想進入 DApp 開發的初學者,讓初學者能夠輕易上手,屬於較入門級的系列。在系列文中,有撰寫一個小專題,是區塊鏈履歷的實作。

U-start 創新創業計畫 - 製造業組 - 績優團隊, 2018

作品名稱:適性煞車之盲點偵測系統
 創業、創新、Arduino

作品簡介:
延伸自「Ai機器人自造黑客松」比賽之作品,將作品加以改良,並參與 U-start 創業計畫,獲得績優團隊的肯定。

Ai機器人自造黑客松 - 南台灣挑戰賽 - 總冠軍, 2018

作品名稱:適性煞車之內輪差偵測系統
 Arduino

作品簡介:
這套偵測系統是在車體側邊裝置感測器,當車子轉彎幅度超過 25 度時就發出警示,提醒駕駛人注意。特別的是,系統若偵測到沒與其他車輛或是行人保持適當距離時,也能發出警示,並啟動減速功能。

第 56 屆中小學科學展覽會 電腦與資訊學科組 - 佳作, 2016

作品名稱:物聯網(IoT)教室投影機網路控制App程式
 Node.js、Socket.io、TCPSocket、Bootstrap

作品簡介:
Web Application的形式,透過 Socket.io 與 Server 溝通,Server 根據使用者輸入的投影機 IP 位址透過 TCPSocket 發送訊號至投影機。


著作

NestJS基礎必學實務指南

本書內容改編自《NestJS帶你飛!》系列文,與博碩文化合作,打造市面上第一本繁體中文的 NestJS 書籍,希望藉由此書降低 NestJS 的入門門檻,讓更多人可以看見 NestJS。

關於我

我是謝浩哲,一個樂於分享與熱愛技術的工程師,通常會用 HAO 當作暱稱,出現在各個技術社群或是論壇上。


持續學習與成長


我認為持續精進自己是很重要的一件事,所以會運用工作之餘的時間來進修,不讓自己的技術水平停滯不前。除了自我成長以外,我也重視團隊成長,不定期會與團隊成員分享技術知識與技巧,希望透過這些技術交流讓彼此都能夠更上一層樓。


在我學習的過程中,經常會去吸收其他開發者分享的內容,而我也抱持著「飲水思源」的態度,將我所知道的技術知識公開分享出來,目前已經在 iT 邦幫忙鐵人賽中撰寫了三個系列文章,期望自己分享的內容可以幫助到需要的人。


勇於嘗試


我是一個勇於嘗試的人,會去接觸各個不同領域的事物,以技術領域來說,目前有:前端、後端與區塊鏈的開發經驗。由於我很樂於分享技術知識,所以也嘗試開設線上課程,去探索以前沒有接觸過的線上教學領域,對我來說,所有的嘗試都是在自我探索與成長。


注重架構與程式碼品質


程式碼品質跟架構一直都是我很注重的部分,在開發上,會讓程式碼有良好的易讀性擴展性,有助於提升團隊的開發效率、降低耦合度以減少 Bug 的產生,更可以帶來較好的開發體驗,以產品的角度來說,也會有更良好的品質。