前端工程師
關於我
我是個對產品熱情、樂於分享產業新知與創作、解決實務問題的人，目前在產品公司擔任前端工程師。曾經作為自由接案設計師、社群行銷並開過公司，也與工程師一起開過私廚、集點 App 新創等，推廣過區塊鏈程式教育，並擔任區塊鏈錢包行銷顧問。喜愛解決未知問題，自行從零到ㄧ搭建網站應用是我經歷最困難的挑戰，我也順利完成並且決心收束此後投入技術的領域。雖然擁有多種職能跟身分，但其核心是「產品敏感度（polish a product)」，無論是設計專案、翻譯專案或行銷，我都希望讓業主能更細膩面對使用者，也會在網站應用的效能、程式碼簡潔與體驗滑順上努力。
我以 Next.js 完成獨立作品 Hidden Gem，讓使用者得以在平台上創建圖文內容、分享且發佈。之前與開發者創業酷集點 App、就是列印校園服務 x EPSON、 私廚平台 Guest What (Appworks Accelerator #9)，多以設計長 / 行銷身份。過去跨足多領域，進行視覺、介面設計、翻譯乃至行銷社群接案，甚至開了小公司。經過審慎考慮，整合過去各領域的養分與經驗，以跟開發者在技術面、跟品牌在產品行銷面合作的經驗，收束職涯並透入技術職位。
主作品：
https://hidden-gem.xyz/
文章：
https://medium.com/@steward-spirit
我以 Next.js 完成獨立作品 Hidden Gem，讓使用者得以在平台上創建圖文內容、分享且發佈。之前與開發者創業酷集點 App、就是列印校園服務 x EPSON、 私廚平台 Guest What (Appworks Accelerator #9)，多以設計長 / 行銷身份。過去跨足多領域，進行視覺、介面設計、翻譯乃至行銷社群接案，甚至開了小公司。經過審慎考慮，整合過去各領域的養分與經驗，以跟開發者在技術面、跟品牌在產品行銷面合作的經驗，收束職涯並透入技術職位。
主作品：
https://hidden-gem.xyz/
文章：
https://medium.com/@steward-spirit
轉職心得
多做事，也要多說話，學得比較快 😆
幫助我轉職的心態
- 專業性社群話撈
- 永遠嚐鮮新工具跟可能性
- 不把技術潮流當成敵人 (化解焦慮) => 社群衝浪流
- 一起學習，讀書會與社群
- 開源情境，互助成長
- 創業精神，迭代同時有產品魂，對介面與使用性常識有一定著墨，才不會做出技術很強但外行人看不懂的東西，會被 創辦人、CEO、產品長、非技術主管跟比較沒有技術背景的 HR 刷掉
WeHelp 技術文章：
https://wehelp.tw/topic/5740188097576960
專案：
https://hidden-gem.xyz/
GitHub 介紹：
https://github.com/steward379/hidden-gem-spots
相關發表影片：
https://www.youtube.com/live/kUz354uG-24?si=PNzsIPO-L9w0kZAI&t=5631
幫助我轉職的心態
- 專業性社群話撈
- 永遠嚐鮮新工具跟可能性
- 不把技術潮流當成敵人 (化解焦慮) => 社群衝浪流
- 一起學習，讀書會與社群
- 開源情境，互助成長
- 創業精神，迭代同時有產品魂，對介面與使用性常識有一定著墨，才不會做出技術很強但外行人看不懂的東西，會被 創辦人、CEO、產品長、非技術主管跟比較沒有技術背景的 HR 刷掉
WeHelp 技術文章：
https://wehelp.tw/topic/5740188097576960
專案：
https://hidden-gem.xyz/
GitHub 介紹：
https://github.com/steward379/hidden-gem-spots
相關發表影片：
https://www.youtube.com/live/kUz354uG-24?si=PNzsIPO-L9w0kZAI&t=5631
學經歷
WeHelp #4 學員，前端畢業
WeHelp
1 年以下
跟大家一起學習轉職，選擇前端
技術線為 Next.js 14 (Page Router), React, Redux toolkit, zustand, Drag-n-drop, lazy loading, SSR/SSG 與 Firebase Firestore 資料庫與 Authentication / Vercel 部署 / Clerk / Leaflet.js (地圖) / Web3.js / CloudFlare DNS
其餘與大家相同，都是 Python/Flask + MySQL + AWS EC2 + Figma +HTML/CSS/JavaScript 但使用 SASS
專案：
https://hidden-gem.xyz/
GitHub 介紹：
https://github.com/steward379/hidden-gem-spots
相關發表影片：
https://www.youtube.com/live/kUz354uG-24?si=PNzsIPO-L9w0kZAI&t=5631
共同相同的專案「台北一日遊」：
使用 Nginx 與 CloudFlare DNS
https://trip.stewardtsou.net/
https://github.com/steward379/taipei-day-trip
共同 Pull Request 合作專案：台北氣象局，並串接 Zapier 打造 Discord Webhook 天氣機器人與日出日落浪漫 na 機器人。
https://github.com/steward379/team-weather
氣象專案相關程式碼：
https://github.com/steward379/team-weather
技術線為 Next.js 14 (Page Router), React, Redux toolkit, zustand, Drag-n-drop, lazy loading, SSR/SSG 與 Firebase Firestore 資料庫與 Authentication / Vercel 部署 / Clerk / Leaflet.js (地圖) / Web3.js / CloudFlare DNS
其餘與大家相同，都是 Python/Flask + MySQL + AWS EC2 + Figma +HTML/CSS/JavaScript 但使用 SASS
專案：
https://hidden-gem.xyz/
GitHub 介紹：
https://github.com/steward379/hidden-gem-spots
相關發表影片：
https://www.youtube.com/live/kUz354uG-24?si=PNzsIPO-L9w0kZAI&t=5631
共同相同的專案「台北一日遊」：
使用 Nginx 與 CloudFlare DNS
https://trip.stewardtsou.net/
https://github.com/steward379/taipei-day-trip
共同 Pull Request 合作專案：台北氣象局，並串接 Zapier 打造 Discord Webhook 天氣機器人與日出日落浪漫 na 機器人。
https://github.com/steward379/team-weather
氣象專案相關程式碼：
https://github.com/steward379/team-weather
創辦人 (行銷 / 設計)
神明特急 Spirit Incubator
2 年
與在職前端 / 全端工程師合夥，開設社群行銷與網站公司。
無宗教背景，完成如醫療工程 POC、停車場後台系統、群眾募資蓋廟文創專案等
案例：
https://www.zeczec.com/projects/earthgodexpress
無宗教背景，完成如醫療工程 POC、停車場後台系統、群眾募資蓋廟文創專案等
案例：
https://www.zeczec.com/projects/earthgodexpress
接案設計師 (視覺/介面/品牌/書籍)
自己
10 年
從大學開始。
視覺設計
品牌設計
網站設計
Graphic Design
Branding
Web/App UI Design
視覺設計
品牌設計
網站設計
Graphic Design
Branding
Web/App UI Design
數位內容碩士學位學程 Digital Contents & Technology
國立政治大學 NCCU
2 年
(Attended)
Service Design
UX Theory
OSI
Node.js / Mongodb (Beginner)
Processing
Interation Design
Data Visualization using Tableau
Service Design
UX Theory
OSI
Node.js / Mongodb (Beginner)
Processing
Interation Design
Data Visualization using Tableau
應用外語 Applied Languages
國立臺灣科技大學 NTUST
4 年
多益金色證書 (TOEIC 925)
中文比英文流暢，擅長中文寫作與翻譯
中英翻譯（口筆譯）
translation
Interpretation
字幕翻譯（師大翻譯所）
Linguistics
Phoenics
中文比英文流暢，擅長中文寫作與翻譯
中英翻譯（口筆譯）
translation
Interpretation
字幕翻譯（師大翻譯所）
Linguistics
Phoenics
商業設計 Creative Design
國立臺灣科技大學 NTUST
4 年
(Attended)
Graphic Design
Package Design
Advertising Design
Animaion Design (Modeling, using MAYA)
Copywring
Web Design (using Flash 😆)
Editorial Design
Brand / Identity
Graphic Design
Package Design
Advertising Design
Animaion Design (Modeling, using MAYA)
Copywring
Web Design (using Flash 😆)
Editorial Design
Brand / Identity
我的技能
Frontend Development
HTML / CSS (SASS)
Leaflet.js
JavaScript
Tailwind CSS
Next.js
Webpack
React.js
Redux Toolkit
Backend Developement
Python/Flask
AWS EC2
Firebase
MySQL
CloudFlare DNS
MongoDB (Some Familiar)
Vercel
Node.js (Some Familiar)
RoR (Some Familiar)
GCP (Some Familiar)
Design (Graphic / UI)
Graphic Design
Social Media Contents
Editorial
UI Design (Intermediate)
Branding & Identity
Website
Marketing
CrowdFunding 群眾募資
Creative Product marketing 文創商品行銷
Meta Ad Buying 臉書IG 廣告購買
Google Analytics (Beginner)
SEO (beginner) 內容/技術 SEO
Community Manager (Line, DC, telegram) 社群管理人
Copywriting 文案寫作
Social Media Contents (Self-owned media) 社群網紅
Influencer (KOL) cooperation 網紅合作
Writing (Blog & columnist 專欄作家) Medium 寫作
Translation (Source:ZH-TW, Target: English)
Translation
Copywriting Translation 文案翻譯
Subtitles Translation 字幕翻譯
Transcreation 創譯
Interpretation (Beginner)
Marketing Translation 行銷英文翻譯
Technique Translation 科技英文翻譯
其他連結 Links
Notion 行銷與個人資歷
https://murmurline.notion.site/d126ef7a6c16486b80b524cb9197f849?pvs=4
我的技術文章
X