Ksjhwk6pzy4wr8ttjblp

薛翔文

後端工程師  •  Taipei,TW  •  [email protected]

目前任職於創業家兄弟,負責產品為生活市集。後端主要使用 CodeIgniter ( PHP framework ) 以及 Express.js ( Node.js ) 開發,中間依靠 API 溝通,Express 主要處理非同步的任務。我也熱愛鑽研新技術,使用 Nest.js ( Node.js framework ) 以及 Laravel ( PHP framework ) 開發 side project。熱衷於貢獻開源專案以及參與技術活動,並將所學撰寫成文章 (44 篇) 紀錄及分享。

工作經歷

創業家兄弟, 全端工程師, 

2019.8 ~ 至今

LINE 官方帳號 
- 使用 Puppeteer 實作貼文串機器人,自動發布圖片、影音貼文,並與 Data team 協作,撈取 Data team 選品儲存於 MongoDB 資料
- 貼文機器人 Dockerize,並使用 AWS scheduled tasks 排程啟動
- 利用 AWS SQSAWS Lamda 實作每日爆品圖文自動生成工具

折扣退場功能開發
- 開發價格折扣相關 API,提供前端及 APP 串接
- 開發後台相關功能,提供業務使用
- 與前端及 APP 合作於時程內準時上線

第三方廣告 API 建置 
- 利用 Redis 緩存站上產品,以及資料庫增加 Index 優化提供給 Google、facebook ... 產品 feed API 
- 降低因效能延遲造成的錯誤率 ( 下降至剩餘 2% )

內部系統後台開發
-  建置 編輯與設計任務自動分派系統,提高編輯效率
-  實作業務廠商輪轉機制,並將相似分配邏輯抽離 Controller,放置到 Service layer 提供共用性及有利於後續維護
-  建置內容行銷 EDM 後台功能,利用 SendGrid API 寄送,並將發送紀錄儲存於 MongoDB 以利 data team 分析處理

前台頁面建置及維護
- 偵測滾動並批次呼叫 API 將 分類頁 實現 Lazy Load,解決過往一次撈全部檔次載入過久問題
- 前端使用 React.js 搭配 Redux

數字科技, 數位行銷專員/後端工程師, 

2017.7 ~ 2019.

518 找工作 API 開發 
- 使用 PHP 開發 6 支 API 提供 APP 進行資料串接

建置 518 客服業務後台 
- 使用 PHP 建置 2 個後台功能,以加速客服人員外撥關心及審核業務進行 

建置自動化報表 
- 使用 Python 解決日常營運報表,使競品分析報表自動化,讓每日需花 20 - 30 分鐘的工作縮短至 5 分鐘 

流量開發 
- 利用程式爬取公開資料,優化廣告及會員開發,每日獲得 1000 - 2000 名潛在客戶,增加品牌曝光及流量 

數據分析 
- 利用 Google Analytics 分析廣告成效,找尋成效佳之廣告渠道,曾優化 Google 廣告提升 10% 轉換率 

SEO 優化 
- 利用 Google Search Console 觀察網站 SEO,透過優化網站 TDK,讓主要關鍵字網站排名提升 5 名

專案

Paragraph image 01 00@2x

資訊種子官方網站重構

協助新北市電腦商業同業公會舉辦之資訊種子培訓計畫重新建置官方網站,原先網站使用 Sails.js ( Node.js MVC 框架 ),經過多屆迭代,有許多 Legacy Code,經評估後決定用新技術重寫。採用前後端分離,並皆使用 JavaScript 方便後續培訓計畫學員維護,並重新優化 SEO。


使用技術: 

 前端:Next.js

 後端:Nest.js

 後台:Nest.js Admin-Bro

 資料庫:PostgreSQL


GitHub

https://github.com/AlanSyue/itseed_v2

Paragraph image 01 00@2x

狼人殺面殺工具

與夥伴協作開發狼人殺面殺工具,輔助面對面遊玩時,確保流程順利進行。主持人可以創建房間,讓身邊朋友連線加入,並透過 web socket 讓所有使用者流程保持一致。我負責撰寫後端 API,實作預言家、騎士、女巫功能。


使用技術: 

 前端:Vue2.6

 後端:php7、Laravel 6.0、Pusher (Websocket服務)、MySQL:5.7、Redis


Demo 影片:

https://pse.is/3bjc4n


Paragraph image 01 00@2x

畢業學分計算工具 | 長庚大學醫管系

運用 Chrome Extension 製作長庚大學畢業學分計算工具,透過 JavaScript 將長庚大學系統學分列表課程代碼擷取,並用 ajax 異步傳送 API 至後端。


後端採用 Python Flask 建置 API,處理畢業門檻的邏輯運算。比對資料以 Python 爬取學分代碼分類資料,並以靜態 json 檔儲存,處理完畢後回拋結果至前端呈現。


使用技術: 

 前端:HTML / CSS / JQuery / Bootstrap

 後端:Python / Flask


連結:

Chrome 商店連結:https://pse.is/PKESR

https://github.com/AlanSyue/graduateExtension

https://github.com/AlanSyue/graduateTools

開源專案貢獻經驗

fb-messenger-cli

此為一套能用 cli 使用 fb-messenger 聊天的專案,是用 Node.js 及 Puppeteer 實作,因看到 Issue: #190 問題,進而開發能隱蔽重複重現訊息發送者的功能,並發 Pull Request ,雖然未被作者 merge,但獲得 Issue 回報者的肯定。

react-lifecycle-methods-diagram

此為一資訊圖表網站,主要以圖表解釋 React lifecycle,我在其中貢獻 多國語系翻譯 ( 繁體中文 ) ,Dark Theme,皆有被合併上線。

free-programming-books

整理 programming 相關資訊的開源專案,在其中貢獻了繁體中文翻譯 translate CONTRIBUTING doctranslate HOWTO.md


Hacktoberfest

此為 DigitalOcean 主辦的全球活動,活動主體為貢獻開源專案貢 4 個以上的 Pull Request,於今年 10/31 前成功完賽。


技能


網頁開發

- HTML / CSS / Javascript
- React.js
- PHP / Laravel / CodeIgniter
- Node.js / Nest.js / Express
- MySQL / MongoDB

- Git

- AWS - ECS, SQS


網路爬蟲

- Python
- Scrapy
- Selenium
- Puppeteer
- Tesseract OCR



數據分析

- Google Analytics
- Google Search Console
- Firebase Analytics