John Hsieh

資深軟體工程師

新加坡

a0972199950@gmail.com

github.com/a0972199950

關於我

7年前端開發經驗，曾任職於 TikTok Singapore 與 LINE Taiwan，擔任資深軟體工程師。專精 React/Vue 雙技術棧開發，熟悉 TypeScript、Next.js、GraphQL 等現代前端技術。具備豐富的團隊管理與技術領導經驗，曾帶領團隊完成大型系統重構專案。能流利使用中英日三語，具備優秀的跨文化溝通與協作能力。

工作經歷

TikTok Singapore

TikTok Singapore - 軟體工程師

2024.11 - 至今

User Growth 團隊，負責 AI 廣告投放財務系統開發，使用 React 與內部框架

User Growth 團隊React + Internal FrameworksAI 廣告系統

LINE Taiwan

LINE Taiwan - 軟體工程師 & 團隊主管

2021.08 - 2024.10

電商團隊核心開發、技術標準制定、團隊管理與新人指導，Vue SSR + GraphQL + TypeScript

團隊管理 (4人)Vue SSR + GraphQL + TypeScriptMentor 職責

AI.Book

AI.Book - 前端工程師 (契約)

2021.09 - 2024.10

獨立開發線上相片編輯器，從零到產品上線，Vue + NuxtJS

從零開發編輯器Vue + NuxtJS + PWA6個月交付

FundFluent

FundFluent - 前端工程師 (契約)

2021.01 - 2021.09

香港市場新創公司，專為中小型企業提供貸款媒合與資訊整合平台。從公司成立初期擔任前端核心成員，從0開始規劃前端架構及技術選型。React(NextJS) + TypeScript + TailwindCSS

UI Kit 組件庫Web Components (Stencil.js)多平台支援

Foxit Software

Foxit Software - 全端工程師

2020.12 - 2021.08

上市軟體公司，PDF 解決方案提供商。在 AI 團隊擔任全端工程師，管理前端團隊 (2人)，開發整合 AI 微服務的 2B 管理平台。NuxtJS/NextJS + TypeScript + MongoDB + Redis

AI 團隊核心前端團隊管理NuxtJS + NextJS

電獺股份有限公司

電獺 - 前端工程師

2019.08 - 2020.11

多元化科技公司，擁有 Youtuber 自媒體、廣告生態系與接案開發三種面向。專案導向團隊，每項專案包括 PM、UI 及前/後端約4名人員。Nuxt + TypeScript + TailwindCSS

多專案管理廣告技術平台Nuxt + TailwindCSS

第三緯度科技公司

第三緯度 - 前端工程師

2019.04 - 2019.06

陸資企業台灣分公司，在台主營業務是韓國成人漫畫網站與 APP。使用 Vue + PHP，串接微信支付。由於一些複雜原因，在此職位短期任職

Vue + PHP微信支付整合短期任職

日商優橋

日商優橋 - 數位廣告優化師 & 前端工程師

2017.12 - 2019.03

日商貿易公司，代理日系化妝保養品。先後擔任數位廣告優化師與前端工程師，管理前端團隊(2人)。使用日文作為工作主要溝通語言。PHP MPA + 原生 JS + jQuery

日文工作環境UI/UX 研究團隊管理 + PM

亞洲遊

亞洲遊 - 日本市場業務及營運

2016.09 - 2017.09

旅宿平台業務，接洽日本旅宿房源並協助上架到平台。擔任對日翻譯窗口及緊急狀況處理。達成房源成長目標，2017年較前年成長376%

日本市場開發376% 業績成長翻譯與客服

專案作品

LINE 購物

查看專案

LINE Taiwan•2021 - 2024

LINE 導購服務，凡經由 LINE 購物外連到合作夥伴商家完成消費後，即可獲得 LINE 點數回饋。平台為集結合作第三方電商的購物入口

技術棧:

Vue SSRGraphQLTypeScriptSASSExpressJS

CMS 系統重構 (Team Leader)

LINE Taiwan•2023 - 2024

帶領四人團隊將 PHP 架構的 LINE 購物 CMS 重構為 React & NextJS app router 架構。負責技術選型、內訓、時程規劃及風險評估

技術棧:

ReactNextJS App RouterTypeScriptTeam Leadership

JavaScript Task Force

LINE Taiwan•2022 - 2024

跨團隊專案小組，為整個 LINE Taiwan 制定前端開發準則。研究 SonarQube 靜態程式碼分析、CI 中加入 Lighthouse 評分、OpenTel 監控工具等

技術棧:

SonarQubeLighthouse CIOpenTelStandards Definition

AI.Book 線上相簿編輯器

AI.Book•2021 - 2024

獨立開發的線上相簿編輯平台，支援加入/移除照片、拖動調整、文字編輯、字型定製。支援 PWA 安裝，達到類原生 APP 體驗

技術棧:

VueNuxtJSPWACanvas APITouch Events

FundFluent UI Kit Library

FundFluent•2021

跨專案共用的 UI 組件平台，使用 Web Component (Stencil.js)，不受前端框架限制。整合 TailwindCSS + Semantic UI 實現 design system

技術棧:

Stencil.jsWeb ComponentsTailwindCSSStorybookNPM

SuprLink 超級連結

查看專案

電獺股份有限公司•2019 - 2020

從 A/B 分流到數據分析，再到廣告投放一氣呵成的縮網址服務。支援組織管理、自定網域等進階功能

技術棧:

Nuxt.jsVue.jsTailwindCSSAnalytics

Aotter Trek DSP 平台

查看專案

電獺股份有限公司•2019 - 2020

結合大數據分析的廣告投放 DSP 平台，使用大量圖表介面為使用者找出最適合的廣告 TA

技術棧:

Vue.jsChart.jsData VisualizationAnalytics API

資策會城市儀表板

電獺股份有限公司•2019 - 2020

政府委託專案，收集分散各地的政府數據於同一地展示的政府資料數據庫。高度客製化的圖表及資料篩選模組

技術棧:

Vue.jsD3.jsGovernment APIsData Processing

俏樂斯官方網站

查看專案

日商優橋•2018 - 2019

日本沖繩保養品俏樂斯的台灣官方網站，包含產品介紹、品牌故事及線上購物功能

技術棧:

PHPjQueryWordPressE-commerce

核心技能

前端技術

React

Next.js

TypeScript

Vue

Nuxt.js

GraphQL

CSS

樣式技術

TailwindCSS

Sass/SCSS

CSS Variables

RWD

API

API & 後端

Node.js

Express

MongoDB

Socket.io

REST APIs

DEV

開發工具

Git

Webpack

Docker

Jest

Cypress

Storybook

語言能力

中

中文 (Mandarin)

母語

日

日文 (Japanese)

商務級 (JLPT N1)

英

英文 (English)

流利