林尹麒 (YIN-CHI LIN)

2016 年 6 月出發環遊世界半年，勇於挑戰、心態開放。 好學、幽默、一點點自戀。

職位：前端工程師

地點：新北市板橋區

E-mail : linengine@gmail.com

• Medium 文章
• 個人部落格
• 英文版履歷（有圖）

工作技能

前端技術:

• Vue.js (三年以上經驗)
• React.js
• HTML5 / CSS3 / JavaScript ( ES6+ )
• Unit Test

後端技術:

• Go / Gin
• Node.js / Koa
• 了解基礎後端概念與演算法，能夠簡單的 CRUD APIs 與 SQL

其他技術:

• Git
• Webpack
• 具有 Functional Programming 與設計模式的概念

工作經驗

辰昇網路科技 - 網頁前端工程師 (2019/03 - now)

• 在遊戲平台業服務約兩年，開發多款產品，包括：客服系統、資訊平台、彩票平台、直播平台、代理平台...等等
• 開發類型囊括：嵌入式SDK、大網、H5小網、管理後台
• 教導新人技術、與同事研究更適合公司產品的設計模式、對外與設計部門溝通實作細節。
• 兩年產業工作經驗，有快速開發的能力。對於產業需要的產品有概念，也在開發經驗中研究出該產業產品會遇到的問題及解法。不要當一位只會打程式碼的工程師，而是能夠對產品開發設計（程式方面）進行調整，提升整體團隊效率的夥伴。
• 客服聊天視窗實作 WebSocket
• 導入單元測試，針對前後台程式碼進行代碼重構, 效能優化, 體積壓縮
• 針對專案 Webpack 開發環境優化，提升團隊開發效率與產品品質

就肆電競 - 網頁工程師 (2018/10 - 2019/01)

• 合力開發與維護新版新聞網站前台與編輯後台
• 後期轉到 Server 組，開發 API (公司後端開發是 100% 覆蓋率的 TDD)
• 合力開發公司活動 WirForce 的登入資料顯示畫面 (DashBoard) 的後端 API
• 公司新業務技術研究與準備
• 前端使用 Vue.js (TypeScript)，後端使用 Spring (Kotlin)

深擊設計 - 網頁前端工程師 (2018/04 - 2018/10)

• 開發公司承接的美術館網站前端
• 使用 Next.js (React.js)

喜鴻旅行社 - 網頁前端工程師 (2017/10 - 2018/04)

• 開發公司新版旅遊網頁前端
• 負責邏輯與效果比較複雜的部分，包含: 類 Airbnb 的日曆、前後景時差的藝廊效果、公司 Youtube、Instgram、Facebook 頻道的資料爬蟲
• 開發新專案: 公司內部使用的尾牙抽獎網頁服務

環球背包客 (2016/6 - 2016/11)

• 背著背包環遊世界的背包客
• 面對種種困難，善用有限資源做出決策、堅持與突破
• 計畫籌備 3 年 (自大三開始)，為此還在大學拼命加強英文
• 路線: 東南亞 -> 歐洲 -> 北美 -> 東北亞，路經四十餘個國家
• 嘗試搭便車、打工換宿、沙發衝浪

富邦產物保險 - 比例薪業務員 (2014/9 - 2016/06)

• 第二年業績成長達 140%
• 擅長解釋複雜的概念。讓我再當工程師時能夠有效與小組成員溝通，還有跨部門合作。

工作作品

• 飛鴿電競

  • H5產品之一，讓 APP 產品以 Web View 的方式坎入系統使用。
  • 模擬相當複雜的 APP 操作，製作動畫效果與處理各式資料。
  • 快速開發週期，約一個半月產出測試版本
  • 處理 H5 開發會遇到的各種問題（字體大小、手機瀏覽器動態 window height、）
  • 建構 Vue 在 H5 開發上的設計模式
  • 採用 Mock server 提前前端開發時程

• 4Gamers :

  • 維護前端頁面
  • 開發後台編輯器新功能 (編輯部需求)
  • 開發廣告相關後端 API
  • 針對新業務網站，合力架設 AWS EC2 與相關設定
  • 最大的挑戰是文章編輯系統與複雜的角色權限設計。打造滿足編輯部需求的後台系統。

• 喜鴻旅行社 :

  • 開發可點選與渲染資料的日曆
  • 串接第三方平台的登入系統
  • 「關於喜鴻」的迴廊動畫效果
  • 合力開發機票訂購流程

個人作品

• My Storybook

  • 個人架設的 Storybook，用來保留寫過的組件與實驗性質的功能

• Ptt Soft_job Sniper :

  • 因為儲存信箱造成的資安問題，已經關閉服務，這邊附上 Source code
  • 使用 Koa2 建構後端 API server
  • 使用 Node.js 進行網頁爬蟲，爬取 PTT soft_job 版上標註「職缺」相關關鍵字的文章
  • 使用 MongoDB 儲存註冊者信箱與已爬取的文章標題&ID
  • 實作 json web token 註冊驗證信機制 (nodemailer)

• ALPHACamp 大航道計畫教材撰寫 (章節: 現代框架) :

  • 撰寫作業範例程式碼
  • 撰寫教學內文草稿解釋邏輯

• Front-end Climbing :

  • 介紹: 將 Front-end checklist 這份用來檢查網站完備性的清單，製作成網頁服務，讓使用者建立個人專案，追蹤個別專案的清單完成進度
  • 使用 Vue.js 打造
  • 使用 Firebase 製作 serverless 的後端 API 服務，以及 realtime database 串接
  • 使用 Vuex 管理組件之間的狀態溝通

Translate GitHub Tech Article:

• Front-end checklist : 網站前端檢查表單，用來確認你做的網站前端部分有沒有遺漏掉重要的項目
• Modern-js-cheatsheet : ES6 語法教學小抄，淺顯易懂的介紹 ES6 的新語法與使用方式