Etabekd62u5as3k71dlo

林尹麒

2016 年 6 月,出發環遊世界半年,勇於挑戰、心態開放。


好學、幽默、一點點自戀。


職位:前端工程師 (Front-end Developer)
居住地:板橋區, 新北市
聯絡信箱:[email protected]

Skills


Front-end 

HTML / CSS / JavaScript
RWD
ES6
Vue / Vuex
React / Redux
Unit test - Jest / vue-test-utils

Back-end

Node / Koa2

Java / Kotlin

Nodemailer


Others

Git

Webpack

Firebase

ElementUI / BootStrap / MaterialUI

Concepts of functional programming and basic design pattern

Work Experience

辰昇網路科技, 網頁前端工程師 Mar 2019 ~ Now

。開發與維護 嵌入式客服機器人視窗

。開發與維護 客服後台 ERP 系統 (使用 TypeScript)

。客服聊天視窗實作 WebSocket

。導入單元測試,針對前後台程式碼進行代碼重構, 效能優化, 體積壓縮

。出差上海支援時程緊張的軟體專案 (短期支援)

。Web Mobile (仿手機 App 體感的網站) 開發,導入 Service Worker 實作 Offline first 設計

就肆電競, 前端工程師, Oct 2018 ~ Jan 2019

。合力開發與維護新版新聞網站前台與編輯後台

。後期轉到 Server 組,開發 API (公司後端開發是 100% 覆蓋率的 TDD)

。合力開發公司活動 WirForce 的登入資料顯示畫面 (DashBoard) 的後端 API

。公司新業務技術研究與準備

。前端使用 Vue.js (TypeScript),後端使用 Spring (Kotlin)


離開的原因 - 公司主要業務轉移至 IOT 部門,我們部門因此人力縮減,最終資遣四位成員(佔全部門 1/3)

深擊設計, 前端工程師, Apr 2018 ~ Oct 2018

。開發公司承接的美術館網站前端

。使用 Next.js (React.js)


離開的原因 - 公司本身非軟體開發公司,與公司依案子為合作模式,當案子到達一個階段(也確保後續有人接手開發)後離開

喜鴻旅行社, 前端工程師, Oct 2017 ~ Apr 2018

。開發公司新版旅遊網頁前端

。負責邏輯與效果比較複雜的部分,包含:

        類 Airbnb 的日曆、前後景時差的藝廊效果、公司 Youtube、Instgram、Facebook 頻道的資料爬蟲

。開發新專案: 公司內部使用的尾牙抽獎網頁服務


離開的原因 - 部門對於前端技術的不夠成熟,與個人追求程式碼品質、開發效率的理念相違背

環球背包客, Jun 2016 ~ Nov 2016

。背著背包環遊世界的背包客

。計畫籌備 3 年 (自大三開始),為此還在大學拼命加強英文

。路線: 東南亞 -> 歐洲 -> 北美 -> 東北亞,路經四十餘個國家

。嘗試搭便車、打工換宿、沙發衝浪

。面對不舒適感與種種困難,堅持與突破

。面對問題會嘗試各種可能的方法。能夠在時間壓力下先做出初步成果,再盡可能優化。

富邦產物保險,比例薪業務員, Sep 2014 ~ Jun 2016

。研究台灣產物保險相關法規

。駐點客戶、個人客戶開發與維護

。第二年業績成長達 140%

。解釋複雜的概念給顧客理解

。將這份工作的技巧運用在工程師生涯中,能夠精準的跨部門溝通,理解不同部門的需求,也能夠解釋技術層面遇到的問題。

* 下方作品區皆可點選圖片至網站瀏覽細節

Works

服務過的公司,有上線的產品如下

4Gamers

電子競技與遊戲相關的新聞網站。


。維護前端頁面

。開發後台編輯器新功能 (編輯部需求) 。開發廣告相關後端 API

。針對新業務網站,合力架設 AWS EC2 與相關設定

Paragraph image 02 00@2x

喜鴻旅行社

旅行社的新版官方網站。


。開發可點選與渲染資料的日曆

。串接第三方平台的登入系統

。「關於喜鴻」的迴廊動畫效果

。合力開發機票訂購流程

Paragraph image 02 00@2x

Case Job

工作室(與工程師夥伴共同組成)個人負責或共同開發的案子

樂影後台管理系統

針對診所設計的病患資料管理系統,功能包含: 當日報到患者、患者資料調用、患者資料編輯、3D 圖形渲染


。後端Laravel、前端 Vue.js

。工作團隊全遠端協作

。針對頻繁改動的 API 設計前端的 Service Layer 架構


- 因為是本地端使用的系統,無法線上瀏覽,但可以在面試時 Demo

Paragraph image 04 00@2x
Paragraph image 04 01@2x

eStay 即宿網

飯店訂房網站


。使用 Vue.js、Material UI 建構

。後端與資料庫使用 Firebase

。包含 搜尋、會員、金流功能

。實作 i18n (中/ English)

Paragraph image 04 00@2x
Paragraph image 04 01@2x

教材撰寫

ALPHACamp 教材,章節: 現代框架。介紹了前端框架目前的環境,還有 Step by step 的練習專案


。撰寫作業範例程式碼

。撰寫教學內文草稿解釋邏輯


- 需要有課程帳號密碼才能瀏覽,可以在面試時 Demo

Paragraph image 02 00@2x

Side Projects

進修學習的新技術,我個人習慣練習寫作品,才能體會開發時實際面臨的痛點,同時用身體記住 coding 的泛用語法

My Storybook

用 Storybook 建構的元件庫


。設計的是 Vue 元件

。著重在比較特別的網頁特效元件設計與嘗試

。規劃用來存放 d3.js 開發出來的客製化圖表

Profile 06 00@2x

Front-end Climbing 

Front-end checklist 這份用來檢查網站完備性的清單,製作成網頁服務,讓使用者建立個人專案,追蹤個別專案的清單完成進度


。使用 Vue.js 打造

。使用 Firebase 製作 serverless 的後端 API 服務,以及 realtime database 串接

。使用 Vuex 管理組件之間的狀態溝通

Paragraph image 04 00@2x
Paragraph image 04 01@2x

Ptt Soft_job Sniper

用來找工作時寫的自動化工具,每小時爬取 PTT Soft_Job 版的文章,寄信給使用者新的職缺資訊。後來建立 DB 儲存使用者信箱,將這個功能開放給外部使用。最高註冊人數超過 80 人。


。因為儲存信箱造成的資安問題,已經關閉服務,這邊附上 Source code 

。使用 Koa2 建構後端 API server 。使用 Node.js 

。進行網頁爬蟲,爬取 PTT soft_job 版上標註「職缺」相關關鍵字的文章 

。使用 MongoDB 儲存註冊者信箱與已爬取的文章標題&ID 

。實作 json web token 註冊驗證信機制 (nodemailer)

ItHelp Article Filter

對 ItHelp 的文章進行關鍵字過濾,當輸入想要篩選的關鍵字後,會協助使用者在瀏覽始將文章列表進行過濾


。實作 Google extension


- 需安裝 Google extension 才能使用

Paragraph image 04 00@2x
Paragraph image 04 01@2x

Translate GitHub Tech Article :

貢獻前端社群,將國外熱門的工具文章進行翻譯,並提交 PR 給原作者

Front-end checklist

網站前端檢查表單,用來確認你做的網站前端部分有沒有遺漏掉重要的項目


- 2018 年中旬在 GitHub 上大熱的文章,我的中文翻譯版本已經達 370 顆星星,且有正式獲得作者的 PR 許可

Paragraph image 00 00@2x

Modern-js-cheatsheet

ES6 語法教學小抄,淺顯易懂的介紹 ES6 的新語法與使用方式

Paragraph image 00 00@2x

Medium Article:

個人部落格文章,具解釋問題與邏輯時的架構與敘事能力。第一篇文章為 Google Search Engine 上高 SEO 排行文章,瀏覽數量已達 55,000+
Paragraph image 01 00@2x

如何成為前端工程師,當你不是相關科系、不會任何程式語言


"如果你學習很有效率,但面對達成目標卻沒什麼效果,便是落入了高效率、低效果的陷阱。"
Paragraph image 01 00@2x

換一種思維方式:淺談「普世智慧模型理論」的概念與實踐


"讓我們「察覺」自己的思維其實由許多不同的理論模型組合與互動而成、鼓勵我們向專業科學理論學習,用「相對正確」的理論模型取代現有的理論模型或提供另一種思考方向、最後,鼓勵將不同的科學理論結合以瞭解世界運作的方式。"
Powered by CakeResumePowered by CakeResume
Powered by CakeResumePowered by CakeResume