林尹麒(Engine Lin)

2016 年,背包旅行環遊世界。直面挑戰,接受不同的想法。
喜歡成長、個性幽默、有時會做事到忘我。

職位:前端工程師(目前全遠端)
地點:新北市板橋區

技術能力


前端

React.js (6+ 年經驗)

Vue.js (8+ 年經驗)

TypeScript

Next.js
HTML5 / CSS3 / JavaScript

Unit Test


後端

Node.js / Express / Koa
SQL


其他

Git

Webpack/Vite

TailwindCSS
Design Patterns

工作經歷

2024 年 10 月 – 至今

十六進位, 產品經理

開發團隊管理者


 • 從 0 -> 1 將客戶既有的商業模式改以系統處理

 • 建立團隊開發的流程與溝通方式(Notion, Slack)

 • 建立團隊開發文化

 • 提供業主系統可以優化的方向(目的是增加診所產值),安排開發優先順序
 • 確保功能按時交付 


產品:

物理治療診所系統


Paragraph image 02 00@2x


2022 年 7 月 – 2024 年 8 月

SEEKTOP, 前端工程師

開發賽事直播娛樂平台


 • 維護已上線的舊版網站,確保穩定運行

 • 開發網站的新功能

 • 優化網站載入效能

 • 精準控制事件監聽,降低效能消耗


使用技術

  1. Vue.js / Vuex 

  2. Micro-frontend 

  3. WebSocket (聊天室)


參與部分:

1. 直播聊天室

2. H5 (手機版面的 Web)的新功能開發
3. GA 事件整合到行銷漏斗中
4. 主導阿拉伯、西班牙的 i18n 整合


離職原因 - 辭職陪女朋友旅行(半年)


2021 年 3 月 – 2022 年 7 月

自由接案, 前端工程師

與客戶團隊共同開發外包專案,負責前端開發與效能優化


產品:

雲林縣政府專案Paragraph image 02 00@2xParagraph image 02 00@2x

 • 於 Google Map 上即時顯示淹水狀況,幫助使用者快速掌握重點區域

 • 提供 即時數據,協助決策與調度防汛資源


使用技術:

 • React.js / Redux

 • Google Map API

 • Chart.js


紡織廠的大數據平台

Paragraph image 02 00@2xParagraph image 02 00@2x

 • 建立多樣化圖表與資料呈現

 • 動態 EDM 系統(可建立、儲存、發送與編輯 EDM)

 • 專案追蹤管理,並支援帳號群組化、跨群組轉移

 • 內建 即時聊天室(WebSocket)功能

 • 支援 3D 視覺化(Three.js) 與權限管理系統(Roles)


使用技術

  1. Vue.js / Vuex 

  2. eChart.js 

  3. WebSocket (聊天室)

  4. Three.js

  5. EDM

  6. Permission system (角色權限系統)


參與部分:
1. 前端程式碼開發

2. 使用者故事(User Stories)討論

3. UI/UX 討論,協助設計師落實設計

4. 與後端討論功能實作方式(例:動態 EDM 的建立與儲存、專案帳號的群組管理與轉移)

2019 年 3 月 – 2021 年 3 月

辰昇科技, 前端工程師

開發賽事直播娛樂平台


 • 維護已上線的舊版網站,確保穩定運行

 • 優化網站載入效能

 • 使用 RxJS 實作事件防抖(debounce)

 • 精準控制事件監聽,降低效能消耗


使用技術

 • Vue.js / Vuex

 • TypeScript

 • Live Streaming 相關技術 

 

主要參與項目

1. 開發與維護賽事直播娛樂平台、客戶服務系統與代理系統

2. 與後端團隊密切協作,確保用戶在行動裝置使用時仍能獲得最佳體驗

3. 將單元測試(Unit Test)引入前端開發環境,並對舊有程式碼進行重構 

4. 重新配置 Webpack,加速開發流程並提升專案效率

Company@2x

2018 年 10 月 – 2019 年 2 月

4Gamers, 前端工程師

 • 維護文章管理系統,確保內容發佈與後台穩定運作

 • 開發 WirForce 年度活動專用的 Dashboard API,並以 TDD(測試驅動開發)方式實作,單元測試覆蓋率達 100%

 • 前端採用 Vue.js (TypeScript),後端則使用 Spring (Kotlin)


產品:

電子競技與電玩新聞網站

Paragraph image 02 00@2x


專案挑戰:

文章編輯器(Editor)的開發與維護,需支援編輯部多元需求,是整個專案中最複雜且具挑戰性的功能之一


離職原因 - 公司業務重心轉向 IoT 部門,新聞與遊戲相關人員逐漸被資遣

Company@2x

2017 年 10 月 – 2018 年 4 月

喜鴻旅行社, 前端工程師

參與公司官方網站的重建專案,負責開發複雜互動功能


 • 研究並實作 Airbnb 風格的日期選擇器(Date Picker),包含完整日曆規則
因為當時市面上無符合專案需求的套件,故以純 JavaScript 自行開發,至今仍持續使用
• 開發視差滾動(Parallax Scrolling)頁面,提升網站互動體驗
• 整合第三方登入(如社群帳號登入)
• 製作公司尾牙專用的 抽獎網頁互動遊戲,提升活動趣味與參與度


產品:

旅行社官網

Paragraph image 02 00@2x

 

離職原因 - 公司 IT 部門非主要核心部門,技術發展較受限。為追求個人成長與技術精進而選擇離職。

Company@2x

2016 年 6 月 – 2016 年 11 月

背包客環遊世界

面對挑戰並走出舒適圈
在有限資源下迅速做出最佳決策

旅行路線:東南亞 → 歐洲 → 北美洲 → 東北亞 → 台灣 • 途經超過 40 個國家

Company@2x

專案開發

個人承接的專案

Vue 課程教材

ALPHACamp 的課程教材,內容談論現代前端框架


。撰寫一份循序漸進的教學,幫助學員自己動手建立一個 Vue.js 專案

Paragraph image 02 00@2x