Lee Luciano

 developer

  Taipei, Taiwan

已有四年以上開發經驗,於偉康科技公司任職資深開發工程師,負責開發網站介面 & react-native mobile app開發,前端CSR開發系統,會自我要求程式碼品質與可讀性,並模組化重複的功能,以利於後續開發與維護,平常喜歡學習網頁開發的技術及工具,並樂於和團隊分享一起進步,對於前端框架React base 較為擅長, 後端有 typescript/nestjs 及 python/fastapi 的經驗, 目前專研 React 的開發環境,小有心得,並有持續參加第屆IT幫鐵人賽,分享相關技術應用,成功取得完賽獎章。

         

技能

語言


  • JavaScript (ES6+)
  • TypeScript
  • Python 
  • HTML
  • CSS
  • Sass

前端相關


  • React 
  • Redux 
  • Redux-Toolkit
  • Next.js 
  • React-Native
  • TailwindCSS
  • Bootstrap
  • Material UI  
  • Styled-Components
  • Angular
  • rxjs
  • ngrx

後端相關


  • Node.js
  • Express
  • NestJS
  • Fast-api
  • flask

資料庫相關


  • PostgreSQL
  • MySQL
  • prisma
  • SQLAlchemy
  • alembic

工具


  • Docker
  • Git
  • Jest
  • Webpack
  • Vite 
  • Rollup

學歷和專業訓練

2010 - 2014

實踐大學

國際經營與貿易學系

2019 - 2020

資策會

互動式網站 UI/UX 工程師專業轉職專班

工作經歷

資深開發工程師

WebComm Technology 偉康科技  •  五月 2022 - 十二月 2023

  • 與設計、產品和後端團隊合作創建 Web 介面。
  • 幫助我們的行動團隊充分理解 React-Native 中的 React-Lifecycle 和調整應用程式效能,減少不必要的重複渲染問題,增加專案 60% 效率。
  • 教導我們的初級開發人員一些 javascript、typescript、react hook 函數的概念...,並撰寫技術文件。
  • 在開發新的案例範例時為 React 專案設定規則,檔案分類概念及 JS pattern觀念的技術文件撰寫和分享。
  • 解決團隊中想在 React 專案中使用 rxjs 的封包問題,並撰寫相關的教學文件。
  • 學習不同的 bundle 工具 rollup、esbuild,並且教導新進工程師如何將 webpack 切換到 vite,大幅減少 build time 的等待。
  • 在 nestjs 框架中示範一個身份驗證 Web 伺服器,在公司 gittea 中共享結構。
  • 建構一款手機 app 封包上架平台 CRM 系統介面的產品。
  • 撰寫一些有關 Typescript & React library 的教育文件,幫助後進學習與順利上手開發。
  • 學習微前端框架的運作與實作方法,例如 webpack 中的 Nx、Turborepo 或 prue module federation。
  • 學習 Angular 團隊的工作流程,了解如何在單一專案中實作 rxjs 和 ngrx。
  • 幫助產品部門正視架構中已經犯的錯誤觀念,並提供相對應的解決方案,此外也提供實作範例分享。
  • 協助銀行客戶端開發網銀和行動銀行 App 的新功能開發與維運。

前端工程師

仁萌科技公司  •  五月 2021 - 三月 2022

  • 負責規劃及開發管理台頁面資料與客戶官網頁面呈現。
  • 規劃前端 CSR 專案架構。
  • 評估 UX 和 UI 設計的技術可行性。
  • 與後端工程師討論 Restful Api 的開發準則,與頁面交互中資料結構協定。
  • 導入 Redux 來管理 React App 中的狀態管理。
  • 開發會員系統、用戶資料系統、預約訂位系統、相簿系統、金流系統。
  • 導入 Material UI (v4) 除實作外,也撰寫技術文章並分享在 IT 邦社群當中。

前端工程師

欣創科技公司  •  十二月 2020 - 四月 2021

  • 負責網頁前端畫面調整。
  • 報表生成功能與發票列印功能開發。
  • 網站維護除錯。
  • IE相容性問題整合。
  • 資料庫轉移。

網路工程師

台灣獨家傳媒  •  六月 2020 - 十月 2020

從事網站維護,架設網站,UI/UX頁面規劃,Html/Css網頁切版,資料庫MySQL串接,Database規劃,後台使用PHP Laravel 框架撰寫,及部分JavaScript串接前端頁面。

檔案管理官-中士

國防部軍備局生產製造中心  •  十一月 2014 - 十二月 2019

志願役士官
從事公文檔案管理及電子公文傳遞業務,檔案加解密,電子檔案歸檔,資料庫應用

作品集


登入系統範例 

source code  

  • 實作一個 OAuth2 標準的登入系統。
  • 熟悉 Nestjs 框架的實作,並學習OAuth2 的標準程序、後端如何透過兩個 token 的交換來確保使用者的身份。

React 教學

source code  

  • 從淺入深的 React 教學文檔。
  • 基本上就是我的經驗總結,有關 React 的相關應用,我都有寫在那個連結裡面,算是保母級教學。

Tetris

作品連結  

  • 以俄羅斯方塊遊戲為主,並在 React 框架中時做出來。
  • 除了基本渲染問題以外,要考慮如何在專案中有效避開不必要的重新渲染問題,有效提升對 React 框架中 hook function 的使用與掌握。

Adventure Game

作品連結  

  • 以塔防類型的遊戲為著要概念,而開發出的 Typescript base 小遊戲.
  • 為進修Canvas, 及熟悉 vite 包版 tool 所做的練習,學習如何透過原生的 JS/TS 來創造,遊戲渲染的效能議題與除錯排查都是在這個專案得到的寶貴知識。

技術文章與貢獻


IThome

IT邦鐵人賽檔案連結   

這段時間,我致力於教學和分享,除了考慮用戶體驗提升外,更注重效能表現的提升, 我的目的是向新手傳達正確的原則和觀念。

身為一個台灣的開發者,我覺得我有義務讓同為台灣的開發者,少走一些彎路,剛開始也是受到 IT 邦的前輩無私分享,才能讓我找到容易理解的解決方案,所以我覺得無私的回饋是我會一直努力下去的目標。


Medium

我的 Medium 檔案   

分享許多前端開發的甘苦談,主要也是以React 開發者常踩的坑為主,也會有一些 Design Pattern 的觀念和面試常考問題的彙整。

獲得獎項


2023 ITHome 鐵人賽

React走出新手村  

技術人員報名參加鐵人賽「連續30天不間斷發表技術文章」。

內容取自自己在開發中踩過的那些坑,新手向的教學充斥整個網路,再加上 Chat GPT 的輔助,那些基礎的應用不會太困難,但當你正式成為一個合格的新手前端工程師之後,你要如何使自己更加茁壯,就是這系列文章的精神。


2022 ITHome 鐵人賽

30天深入淺出Redux   

技術人員報名參加鐵人賽「連續30天不間斷發表技術文章」。

總結一下這年來使用Redux的經驗談,也會稍微提及一些其他state management (ex: react-query, zustand...)的概念,偏向新手教學,所以不怕沒有基礎。


2021 ITHome 鐵人賽

Material UI in React  

技術人員報名參加鐵人賽「連續30天不間斷發表技術文章」。

Material UI 的應用,由於工作的關係有接觸到使用該套件,發現中文文章的資源很少,來來回回在stackOverflow穿梭各個版本還有套件相容的問題,也想順便紀錄一下自己對這個Framework的認知,也希望能幫助大家快速理解這個Framework的應用。