我在前端開發領域有5年經驗,目前在 LINE Taiwan 擔任資深軟體工程師。常用的技術架構是 React(NextJS),Vue(NuxtJS) 以及 TypeScript。
我的職涯中經歷過千人規模的大型軟體企業,在已具有完整的開發工具與流程的環境工作;也曾經幫助剛成立的新創公司,從零開始規劃技術到完整上線產品。
這也是我的個人優勢 - 具有在資源不多環境下的規劃能力與適應性,也能在規範的環境中嚴謹開發高質量的程式。
除此之外我還能流利使用英、日、中三種語言。除了母語的中文外,皆有達到職場溝通程度。
個性比較慢熟,但熟了之後幹話會變很多,喜歡和幹話同樣很多的人聊天。
閒暇時我喜歡看電影、騎車兜風、打 Game,偶爾會撿壞掉的 3C 產品來修。近期最有成就感的事是自學焊接電路後修好一台垃圾桶 (咦 ?)
另外我還喜歡分享所學,看到有人因為自己而獲得成長,對我來說的成就感不亞於解決技術問題。
以前曾當過家教,有 3 位前端學生與 1 位日文學生。並且在職場上也有擔任 mentor。看到學生理解新知識時會很愉悅。
夢想某天可以開設自己的線上教學頻道~
WEB 軟體工程師
台中市,TW
[email protected]
React 和 Vue 雙刀流,兩種工具皆有開發完整產品的經驗,
同時只要沒有特別情況皆使用 TypeScript 撰寫。
API 除了 Restful 以外,也有在大型專案維護 GraphQL 的經驗
技能關鍵字:
主力使用 Sass + TailwindCSS + BEM 為專案打造專屬的小型、可複用的 UI 框架,如此架構可在專案設計上帶來更大的彈性,避免不斷使用同一框架造成的審美疲勞。
只有當專案對設計要求不高時,習慣使用 Bootstrap、ElementUI、Buefy 快速切版
技能關鍵字:
PWA 現階段在 iOS 上的支援尚不完整,專案上通常不會構建完整的 PWA 服務。
我通常會結合 Service Worker + Cache Storage + IndexedDB 加快應用響應速度,並提供一定程度的離線使用體驗。
Web Component 是搭建前端微服務的其中一項很棒的解決方案。
我曾在工作中建立了一套跨平台 (Web & iOS & Android) 的同步協作冨文本編輯器,技術架構是透過 StencilJS 建置 Web Component;Web Socket + Vert.x 處理協作編輯時的內容同步;以及 Quill 作為冨文本編輯器底層。
功能上與 Dropbox Paper 相近,可嵌套在雙平台的 Webview 中,透過 APP 原生 UI 操作編輯器行為,同時也提供跨平台的同步協作。
技能關鍵字:
雖然主力為前端開發,在一些公司也會需要 JaveScript developer 去支援撰寫 API 服務。
我通常會使用 Express + TypeScript + MongoDB 去處理。
我熟悉的工具:
【公司介紹】
LINE Taiwan 是 LINE 母公司在台灣成立的研發基地,主要負責 LINE 軟體中具有台灣在地化特色的服務及應用程式開發。產品包含有 LINE 購物、LINE Today、LINE Music、LINE 旅遊....等台灣在地化應用,以及其他國際合作開發的專案。
【工作內容】
職責上主要分為三大塊:
一、日常開發 (50%)
我所在的團隊為電子商務的 EC team,主要開發 LINE 購物平台,團隊規模約 60 人。開發上採用敏捷開發流程,分工明確嚴謹。
同時我們高度注重程式碼品質,開發團隊奉行「每一行程式碼 merge
前都要有另一個人看過」的準則,在 code review 上高度要求。這同時也是整間公司開發團隊的核心理念
技術上,LINE 購物維護一個前端專案與一個 API 專案,使用 Vue SSR + GraphQL + TypeScript + SASS + ExpressJS 的技術棧。
二、Leader (40%)
除上述職責外,我還帶領了一個團隊負責重購 EC team 的 CMS 後台,將以 PHP 為主的 code base 重新以 NextJS 重購,實現前後端分離。
團隊成員共4人,除了日常開發以外,我還要負責決定技術架構、擬定項目時程表、協調其他團隊資源、以及內部技術分享...等等。此專案進行約一年,我們也成功的做到前後端分離,使新系統無縫銜接舊系統,減少了後端開發然人力不足的情況
除了領導專案開發工作,我還擔任 LINE 的 mentor 負責帶領新人,目前總計 mentor 了2 位新人,過程中也得到許多正向回饋。
三、參與前端開發準則制定 JSTF (10%)
另外,我還參與了 LINE Taiwan 的前端開發準則制定計畫 「JavaScript Task Force」。
此計畫主要目的是統一全公司前端的技術棧,例如 framework, coding style, PR review requirement, static code analysis 等等。在團隊中,我也貢獻了前端的自動化效能評量 CI 工具 Lighthouse CI,使其成為公司標準開發流程的一環
【經歷專案】
【公司介紹】
FundFluent 是面向香港市場,專為中小型企業提供貸款媒合與資訊整合平台的初創公司。產品功能包含整合政府與銀行貸款資訊、文件 OCR,以及線上申請貸款等。
【工作內容】
我從公司成立初期開始擔任前端開發核心成員,從 0 開始規劃產品的前端架構及技術選型。主力產品的技術棧選用的是 React(NextJS) + TypeScript + Semantic UI 與 TailwindCSS。
另外值得一提的是,我還規劃了一個可在不同專案間共用的內部 UI 組件庫。這套組件庫為 Web component (使用 Stencil.js 構建),使其也能適用非 React 專案。並 publish 到 private NPM 使用。
【經歷專案】
【公司介紹】
Foxit 是專注於向歐美市場提供 PDF 解決方案的上市軟體公司,包含 PDF 閱讀器、編輯器,及各類轉檔程式。其 PDF 閱讀器市佔率僅次於 Adobe。
【工作內容】
我在 Foxit 新成立的 AI 團隊中擔任全端工程師,負責開發一個整合團隊內部所有 AI 微服務後對外提供 API 接口的 2B 管理平台,同時負責管理前端團隊 (2人)。
我所負責的專案在開發上前端使用 NuxtJS + TypeScript + ElementUI,後端使用 NodeJS + TypeScript + mongoDB + Redis。
不過由於新團隊還在技術選型階段,團隊成員個性也樂於嘗試新東西,因此也有部分專案前端是使用 NextJS + TypeScript + MaterialUI。同時我們也正在規劃導入 GraphQL 和 NestJS。
【公司介紹】
電獺是一間除了有少女外,同時擁有 Youtuber 自媒體、各式 WEB 與 APP 應用組成的自有廣告生態系、以及接案開發三種面向的公司。
【工作內容】
在電獺的前端開發團隊,技術上我們使用 Nuxt 生態系 + Typescript + Sass&TailwindCSS 作為主架構,並使用 Docker + k8s 執行 CI/CD 流程。
團隊上我們為專案導向,每項專案包括 PM、UI 及前/後端約配置 4 名人員。
小人數的團隊有助於減少溝通成本,並可執行更快速的產品疊代。每位 coder 都需妥善分配時間資源在複數專案,以期不 delay 各產品的開發時程。
開發心態上,我們注重產品的設計稿和易用性,因此使用 TailwindCSS 為每個專案量身訂做小型 UI 框架。程式碼部分注重可擴充性和模組化複用。
【經歷專案】
【公司介紹】
陸資企業在台開設的分公司,在台主營業務是韓國成人漫畫網站與 APP
產品架構前後端分離,Vue 搭配 php,並串接微信支付作為金流
由於一些幽默的原因,我在這份職位經歷時間不長。具體原因可搜尋「第三緯度 ptt」
【經歷專案】
【公司介紹】
日商優橋是一間代理日系化妝保養品牌至台灣後,開設線上商城販賣,並提供行銷、數位廣告、物流管理和客戶服務的貿易公司
由於公司客戶皆為日本人,因此使用日文作為工作上溝通的主要語言
【工作內容】
在日商優橋我經歷了兩次不同的職位, 開始為數位廣告優化師,負責管理 Facebook Ads Manager 和 Google Ads 上的廣告投放成效,以及優化網站的流量和 SEO
這個階段主要是運用大量的 A&B testing 和 Google Analytics 資訊推測使用者喜歡什麼樣的設計 或是透過 Heatmap 工具分析使用者的視覺注意力移動,進而規劃更直覺的 UX 流程
這段經歷對我在 FrontEnd Developer 的道路上建立了珍貴的 UI/UX 素養
其後申請職務調派成為前端工程師,主要工作是為公司代理產品架設官方網站與一頁式活動網頁
由於日文還算流利,這段期間也同時兼任 PM,並負責管理公司前端團隊 (管理人數 2 人)
由於線上商城的主邏輯為外包架設,架構採用 php MPA,因此前端團隊主要使用原生 JS 及 jQuery 應付頁面切版及動態效果。並偶爾使用 Wordpress 快速架站
【經歷專案】
【公司介紹】
接洽日本旅宿房源並協助其上架到公司平台出租。同時擔任公司對日翻譯窗口、及協助消費者排除旅日中遇到的緊急狀況。
【工作內容】
以日本市場為中心向民宿經營者介紹我們的服務
為既有經營者提供服務支援 (促銷推廣提案、翻譯、刊登協助、入住問題處理)
日本房源數量的掌控、管理及成長目標設定 (以每季為單位設定房源目標成長數量並達成)
【實際績效】
2016年度 (3月~12月) 房源數 1682 (目標數 2040;達成率 82%) 預約筆數 2353
2017年度 (1月~現在) 房源數 2616 (目標數 2800;達成率 93%) 預約筆數 8846;與前年比成長376%
現職公司(日商優橋)第一屆內部評鑑,主要評量員工對業務及市場的把握程度、日文商談能力及危機處理能力等。
為期半年,前望日本同志社大學進行文化語言交流。在當地除學習日文外,也參與了攝影社、交流會等課外活動。同時透過兼職累積了在當地的工作經歷。
擔任領隊帶領校內6人小組,學習日本聲優為動畫進行日文配音,並取得了全國賽的優勝。
擔任領隊及第一反駁,以日文就台北是否該廢除Ubike進行正方辯論。最終獲得校內優勝。
籌備系上每年的四大活動,包含場地商借、活動流程規劃、排舞與排戲、道具製作等等
我在前端開發領域有5年經驗,目前在 LINE Taiwan 擔任資深軟體工程師。常用的技術架構是 React(NextJS),Vue(NuxtJS) 以及 TypeScript。
我的職涯中經歷過千人規模的大型軟體企業,在已具有完整的開發工具與流程的環境工作;也曾經幫助剛成立的新創公司,從零開始規劃技術到完整上線產品。
這也是我的個人優勢 - 具有在資源不多環境下的規劃能力與適應性,也能在規範的環境中嚴謹開發高質量的程式。
除此之外我還能流利使用英、日、中三種語言。除了母語的中文外,皆有達到職場溝通程度。
個性比較慢熟,但熟了之後幹話會變很多,喜歡和幹話同樣很多的人聊天。
閒暇時我喜歡看電影、騎車兜風、打 Game,偶爾會撿壞掉的 3C 產品來修。近期最有成就感的事是自學焊接電路後修好一台垃圾桶 (咦 ?)
另外我還喜歡分享所學,看到有人因為自己而獲得成長,對我來說的成就感不亞於解決技術問題。
以前曾當過家教,有 3 位前端學生與 1 位日文學生。並且在職場上也有擔任 mentor。看到學生理解新知識時會很愉悅。
夢想某天可以開設自己的線上教學頻道~
WEB 軟體工程師
台中市,TW
[email protected]
React 和 Vue 雙刀流,兩種工具皆有開發完整產品的經驗,
同時只要沒有特別情況皆使用 TypeScript 撰寫。
API 除了 Restful 以外,也有在大型專案維護 GraphQL 的經驗
技能關鍵字:
主力使用 Sass + TailwindCSS + BEM 為專案打造專屬的小型、可複用的 UI 框架,如此架構可在專案設計上帶來更大的彈性,避免不斷使用同一框架造成的審美疲勞。
只有當專案對設計要求不高時,習慣使用 Bootstrap、ElementUI、Buefy 快速切版
技能關鍵字:
PWA 現階段在 iOS 上的支援尚不完整,專案上通常不會構建完整的 PWA 服務。
我通常會結合 Service Worker + Cache Storage + IndexedDB 加快應用響應速度,並提供一定程度的離線使用體驗。
Web Component 是搭建前端微服務的其中一項很棒的解決方案。
我曾在工作中建立了一套跨平台 (Web & iOS & Android) 的同步協作冨文本編輯器,技術架構是透過 StencilJS 建置 Web Component;Web Socket + Vert.x 處理協作編輯時的內容同步;以及 Quill 作為冨文本編輯器底層。
功能上與 Dropbox Paper 相近,可嵌套在雙平台的 Webview 中,透過 APP 原生 UI 操作編輯器行為,同時也提供跨平台的同步協作。
技能關鍵字:
雖然主力為前端開發,在一些公司也會需要 JaveScript developer 去支援撰寫 API 服務。
我通常會使用 Express + TypeScript + MongoDB 去處理。
我熟悉的工具:
【公司介紹】
LINE Taiwan 是 LINE 母公司在台灣成立的研發基地,主要負責 LINE 軟體中具有台灣在地化特色的服務及應用程式開發。產品包含有 LINE 購物、LINE Today、LINE Music、LINE 旅遊....等台灣在地化應用,以及其他國際合作開發的專案。
【工作內容】
職責上主要分為三大塊:
一、日常開發 (50%)
我所在的團隊為電子商務的 EC team,主要開發 LINE 購物平台,團隊規模約 60 人。開發上採用敏捷開發流程,分工明確嚴謹。
同時我們高度注重程式碼品質,開發團隊奉行「每一行程式碼 merge
前都要有另一個人看過」的準則,在 code review 上高度要求。這同時也是整間公司開發團隊的核心理念
技術上,LINE 購物維護一個前端專案與一個 API 專案,使用 Vue SSR + GraphQL + TypeScript + SASS + ExpressJS 的技術棧。
二、Leader (40%)
除上述職責外,我還帶領了一個團隊負責重購 EC team 的 CMS 後台,將以 PHP 為主的 code base 重新以 NextJS 重購,實現前後端分離。
團隊成員共4人,除了日常開發以外,我還要負責決定技術架構、擬定項目時程表、協調其他團隊資源、以及內部技術分享...等等。此專案進行約一年,我們也成功的做到前後端分離,使新系統無縫銜接舊系統,減少了後端開發然人力不足的情況
除了領導專案開發工作,我還擔任 LINE 的 mentor 負責帶領新人,目前總計 mentor 了2 位新人,過程中也得到許多正向回饋。
三、參與前端開發準則制定 JSTF (10%)
另外,我還參與了 LINE Taiwan 的前端開發準則制定計畫 「JavaScript Task Force」。
此計畫主要目的是統一全公司前端的技術棧,例如 framework, coding style, PR review requirement, static code analysis 等等。在團隊中,我也貢獻了前端的自動化效能評量 CI 工具 Lighthouse CI,使其成為公司標準開發流程的一環
【經歷專案】
【公司介紹】
FundFluent 是面向香港市場,專為中小型企業提供貸款媒合與資訊整合平台的初創公司。產品功能包含整合政府與銀行貸款資訊、文件 OCR,以及線上申請貸款等。
【工作內容】
我從公司成立初期開始擔任前端開發核心成員,從 0 開始規劃產品的前端架構及技術選型。主力產品的技術棧選用的是 React(NextJS) + TypeScript + Semantic UI 與 TailwindCSS。
另外值得一提的是,我還規劃了一個可在不同專案間共用的內部 UI 組件庫。這套組件庫為 Web component (使用 Stencil.js 構建),使其也能適用非 React 專案。並 publish 到 private NPM 使用。
【經歷專案】
【公司介紹】
Foxit 是專注於向歐美市場提供 PDF 解決方案的上市軟體公司,包含 PDF 閱讀器、編輯器,及各類轉檔程式。其 PDF 閱讀器市佔率僅次於 Adobe。
【工作內容】
我在 Foxit 新成立的 AI 團隊中擔任全端工程師,負責開發一個整合團隊內部所有 AI 微服務後對外提供 API 接口的 2B 管理平台,同時負責管理前端團隊 (2人)。
我所負責的專案在開發上前端使用 NuxtJS + TypeScript + ElementUI,後端使用 NodeJS + TypeScript + mongoDB + Redis。
不過由於新團隊還在技術選型階段,團隊成員個性也樂於嘗試新東西,因此也有部分專案前端是使用 NextJS + TypeScript + MaterialUI。同時我們也正在規劃導入 GraphQL 和 NestJS。
【公司介紹】
電獺是一間除了有少女外,同時擁有 Youtuber 自媒體、各式 WEB 與 APP 應用組成的自有廣告生態系、以及接案開發三種面向的公司。
【工作內容】
在電獺的前端開發團隊,技術上我們使用 Nuxt 生態系 + Typescript + Sass&TailwindCSS 作為主架構,並使用 Docker + k8s 執行 CI/CD 流程。
團隊上我們為專案導向,每項專案包括 PM、UI 及前/後端約配置 4 名人員。
小人數的團隊有助於減少溝通成本,並可執行更快速的產品疊代。每位 coder 都需妥善分配時間資源在複數專案,以期不 delay 各產品的開發時程。
開發心態上,我們注重產品的設計稿和易用性,因此使用 TailwindCSS 為每個專案量身訂做小型 UI 框架。程式碼部分注重可擴充性和模組化複用。
【經歷專案】
【公司介紹】
陸資企業在台開設的分公司,在台主營業務是韓國成人漫畫網站與 APP
產品架構前後端分離,Vue 搭配 php,並串接微信支付作為金流
由於一些幽默的原因,我在這份職位經歷時間不長。具體原因可搜尋「第三緯度 ptt」
【經歷專案】
【公司介紹】
日商優橋是一間代理日系化妝保養品牌至台灣後,開設線上商城販賣,並提供行銷、數位廣告、物流管理和客戶服務的貿易公司
由於公司客戶皆為日本人,因此使用日文作為工作上溝通的主要語言
【工作內容】
在日商優橋我經歷了兩次不同的職位, 開始為數位廣告優化師,負責管理 Facebook Ads Manager 和 Google Ads 上的廣告投放成效,以及優化網站的流量和 SEO
這個階段主要是運用大量的 A&B testing 和 Google Analytics 資訊推測使用者喜歡什麼樣的設計 或是透過 Heatmap 工具分析使用者的視覺注意力移動,進而規劃更直覺的 UX 流程
這段經歷對我在 FrontEnd Developer 的道路上建立了珍貴的 UI/UX 素養
其後申請職務調派成為前端工程師,主要工作是為公司代理產品架設官方網站與一頁式活動網頁
由於日文還算流利,這段期間也同時兼任 PM,並負責管理公司前端團隊 (管理人數 2 人)
由於線上商城的主邏輯為外包架設,架構採用 php MPA,因此前端團隊主要使用原生 JS 及 jQuery 應付頁面切版及動態效果。並偶爾使用 Wordpress 快速架站
【經歷專案】
【公司介紹】
接洽日本旅宿房源並協助其上架到公司平台出租。同時擔任公司對日翻譯窗口、及協助消費者排除旅日中遇到的緊急狀況。
【工作內容】
以日本市場為中心向民宿經營者介紹我們的服務
為既有經營者提供服務支援 (促銷推廣提案、翻譯、刊登協助、入住問題處理)
日本房源數量的掌控、管理及成長目標設定 (以每季為單位設定房源目標成長數量並達成)
【實際績效】
2016年度 (3月~12月) 房源數 1682 (目標數 2040;達成率 82%) 預約筆數 2353
2017年度 (1月~現在) 房源數 2616 (目標數 2800;達成率 93%) 預約筆數 8846;與前年比成長376%
現職公司(日商優橋)第一屆內部評鑑,主要評量員工對業務及市場的把握程度、日文商談能力及危機處理能力等。
為期半年,前望日本同志社大學進行文化語言交流。在當地除學習日文外,也參與了攝影社、交流會等課外活動。同時透過兼職累積了在當地的工作經歷。
擔任領隊帶領校內6人小組,學習日本聲優為動畫進行日文配音,並取得了全國賽的優勝。
擔任領隊及第一反駁,以日文就台北是否該廢除Ubike進行正方辯論。最終獲得校內優勝。
籌備系上每年的四大活動,包含場地商借、活動流程規劃、排舞與排戲、道具製作等等