T6ygpojfhi2ezfc3zfqi

呂明峻

[email protected]  •  0975-262-651  •  應徵前端工程師

外語能力


TOEIC 多益英語聽讀測驗(新制)

  • 得分:925/990
  • 日期:2019.05.26


TOEIC 多益英語聽讀測驗(舊制)

  • 得分:900/990
  • 日期:2012.08.26

技能


Website Layout

  • Semantic HTML
  • CSS
    • Flexbox & Grid
    • Media queries
    • SCSS
    • BEM naming convention

JavaScript

  • ES6+ syntax & features
  • React
  • Redux
  • Node.js
  • Express
  • Mongoose

Tools

  • Git
  • ESLint
  • Parcel
  • Webpack
  • Jest

部落格文章


Readings 00 00@2x

使用 WebP 格式減少圖片載入時間

整理出幾種將圖片轉換為 WebP 格式的工具,並記錄在網頁中載入 WebP 圖片的不同方法。

https://medium.com/@mingjunlu/image-optimization-using-webp-72d5641213c9

透過 lazy loading 延遲載入圖片

描述當網頁有大量圖片時,如何利用 Intersection Observer API 動態載入部分圖片。

https://medium.com/@mingjunlu/lazy-loading-images-via-the-intersection-observer-api-72da50a884b7

作品


Profile 05 00@2x

口罩咧?

https://findmasks.tw

前後端分離的口罩地圖,前端使用 React,後端使用 Node.js、Express。資料來源為健保署提供之開放資料。

  • Responsive web design (RWD)
  • Single-page application (SPA)
  • 列於健保署「口罩供需資訊平台
  • 2020 年 4 月平均每日將近 500 人造訪,日瀏覽量約 5,100 次
Profile 05 00@2x

Furnit

https://furnit.herokuapp.com

前後端分離的電商網站模型,前端使用 React,後端使用 Node.js、Express、Mongoose。

  • Responsive web design (RWD)
  • Single-page application (SPA)
  • 實作會員登入系統

社群參與


  • 零時政府 g0v 口罩地圖專案協作
    作品列入健保署「口罩供需資訊平台」的地圖應用清單
  • F2E & RGBA Meetup - Light 八月號 2019
    主題:React function component
  • F2E & RGBA Meetup 五月號 2019
    主題:如何打造 UX 設計師的影響力
  • F2E & RGBA Meetup - Light 五月號 2019
    主題:關於 React Pattern 的那些大小事

學經歷


  • 專任研究助理 (2017.03 - 2018.07)
    國立陽明大學 公共衛生研究所
    • 負責科技部研究計畫的問卷施測收案
    • 與同事共同制定、撰寫收案流程 SOP 文件
  • 服役 (2016.03 - 2017.02)
  • 教育心理與諮商學系 (2011.08 - 2015.06)
    國立新竹教育大學
    • 2015 年透過 Coursera 修習 Python 入門課程
    • 2012 年起擔任計網中心工讀生,協助宿舍網路簡易問題排除、電腦維修等