從 jQuery 時代一路寫到 Composition API。習慣手刻互動細節，不靠 UI 套件堆版面。
- Vue 3主力框架
- NuxtSSR / SSG
- JavaScript
- TypeScript
- React
- Next.js
- HTML5
- CSS3
- SCSS
- Tailwind CSS
- WebGL / GLSL視覺特效
- GSAP
開放合作洽談 / 接案諮詢
張孝凡Jacky Chang
10+ 年實戰
把商業需求，寫成會賺錢的系統。
Vue、Nuxt、React、Next.js、TypeScript、SCSS、Tailwind、PHP、Laravel、CodeIgniter、MySQL、PostgreSQL、Redis、Elasticsearch、MongoDB、Docker、Linux、AWS、GCP、GA4、GTM、Google Ads、AI Workflow
01 關於我
一個人，也能把整條產品線走完。
從 2012 年開始寫程式維生，一路做過導航 App、政府補助 B2B2C 平台、多語跨境電商，到 50 人企業的 ERP / CRM 與整套 IT 基礎建設。
大部分時間我是那個「一個人把事情做完」的角色 —— 需求訪談、系統規劃、前後端開發、金流物流串接、伺服器部署、廣告投放與數據追蹤，一條龍走完。這讓我很清楚：程式碼的價值不在漂亮，而在能不能解掉客戶真正的問題。
現在我把 AI 放進開發流程的每一段：用 AI 生成最小可行方案、用測試守住 AI 產出的品質、用腳本把重複的上下文壓縮成最少 token。工具換了，但把事情做完的標準沒有變。
學歷
- 國立嘉義大學資訊科學 研究所2003 – 2005
- 陸軍軍官學校資訊系1990 – 1994
JC 可接洽
張孝凡Jacky Chang
Full Stack Engineer
- 0+年開發資歷2012 → 現在
- 0+電商專案實戰含金流 / 物流串接
- 0 位數經手電商年營收WATPURE 多語站
- 0+人企業 IT 一手包辦伺服器到 ERP
02 技術棧
工具是拿來解問題的，不是拿來收藏的。
從前端互動到資料庫索引、從容器部署到廣告轉換追蹤 —— 下面每一項都在正式產品上跑過，不是看完教學就寫進履歷的。
前端開發 後端開發 資料庫 伺服器 / DevOps 數據與成長 AI 工作流
十年 PHP 生態圈。金流、物流、第三方 API 串接是日常，也寫 Node 服務與 Line Bot。
- PHP主力語言
- Laravel
- CodeIgniter
- RESTful API
- Node / Express
- 金流串接綠界 / 藍新 / 信用卡
- 物流串接超商取貨 / 宅配
- Line Messaging API
從索引調校到全文檢索。會依場景挑工具，而不是所有東西都塞進 MySQL。
- MySQL效能調校 / 索引
- PostgreSQL
- Redis快取 / 佇列
- Elasticsearch商品全文檢索
- MongoDB
機房、雲端、容器都碰。當年一個人扛完 50 人公司的所有伺服器與資安。
- LinuxNginx / Apache
- Windows ServerAD / IIS
- Docker
- AWSEC2 / S3 / RDS
- GCP
- Cloudflare
- Git / Git Flow
- 資訊安全軍中六年資安背景
寫得出來，也要賣得出去。自己投廣告做到 ROAS 4+，追蹤碼與轉換事件都自己埋。
- Google AnalyticsGA4
- Google Tag Manager
- Google AdsROAS 4+
- Google AdSense
- SEO / SEM
- 數據分析市場趨勢預測
把 AI 當成同事而不是玩具：規格先行、測試守門、腳本省 token，產出直接進生產環境。
- AI 輔助開發規格 → MVP
- 測試驅動品質把關
- Prompt / Context 工程script 壓縮 token
- 語意分析應用文章分類 / 自動審核
- AI 設計工具快速產出 MVP
03 職涯
從軍中資安機房，走到一個人扛完整間公司的 IT。
每一段都在做同一件事：把還沒被解決的問題接下來，然後想辦法讓它可以長期運作。
競麗國際 現職
網站工程師
2025.09 – 現在
負責既有系統維運與新功能開發，同時獨立重構後台。
- 獨立完成後台系統重構，收斂長年累積的技術債
- 導入 AI 論壇文章分類與語意分析，取代人工逐篇判讀
- 建立自動化審核流程，把重複的內容治理工作交給機器
- PHP
- Laravel
- Vue
- MySQL
- AI / NLP
自由接案
Freelance Engineer
2025.03 – 2025.08
承接客製系統開發與技術評估案，直接面對業主需求。
- Line API 整合：官方帳號串接、自動回覆與推播
- 客製化網站與報表系統開發
- AI 導入評估與落地，協助客戶判斷「該不該做、值不值得做」
- Line API
- Laravel
- Nuxt
- MySQL
偉太健康科技
資訊部經理
2016.10 – 2025.02
50 人規模企業唯一的技術人員，從機房到前台一手包辦，後期兼任數據分析。
- 一人負責全公司伺服器建置、維運與資訊安全
- 開發薪資與獎金系統：獎金規則可自行設定，每月自動計算免人工對帳
- 建置業績統計分析報表，經營層可即時看到各業務、各產品線的表現
- 開發技師派工與回報系統，工單指派、進度回報、工時紀錄一條龍
- 建立客戶追蹤與客戶服務流程，售後紀錄與回訪排程系統化
- 建置多語系跨境電商平台，串接金流、物流與海外倉
- 開發 Line Bot 導入客服與行銷自動化
- 後期轉任數據分析，以歷史銷售資料預測市場趨勢與備貨
- PHP
- CodeIgniter
- Vue
- MySQL
- Linux
- AWS
- Docker
髮漾生技
副業負責人 / 技術與行銷
2017.03 – 2022.04
自己當業主，從零建電商到自己投廣告，完整走完一條商業迴圈。
- 自建電商前台與管理後台，含訂單、庫存、金流全流程
- 自行操作 Google Ads 投放與優化，長期維持 ROAS 4 以上
- 以 GA / GTM 建立完整轉換追蹤，用數據決定預算配置
- PHP
- MySQL
- Google Ads
- GA
- GTM
鴻圖股份有限公司
Chief Technology Officer
2015.10 – 2016.09
負責政府補助專案的 B2B2C 平台，同時帶領工程團隊處理高流量架構。
- 獨立開發政府補助案 B2B2C 平台，從架構設計到上線
- 帶領工程團隊規劃高流量基礎建設與擴充策略
- PHP
- MySQL
- Linux
- Nginx
澄奇行銷
資深 PHP 工程師
2014.04 – 2015.09
團隊協作模式下，一年多內產出數十個網站與 App 專案。
- 大量客製化網站與 App 專案交付，磨出穩定的開發節奏
- 與設計、企劃跨職能協作，習慣把需求轉譯成可執行規格
- PHP
- CodeIgniter
- jQuery
- MySQL
朱墨設計 / 靛青科技
資訊主管
2013.11 – 2014.03
接手瀕臨開天窗的行銷專案，從伺服器建置到網站開發全部補完。
- 短時間內完成伺服器建置與網站開發，救回進度落後的專案
- PHP
- MySQL
- Linux
思想網絡
資深軟體工程師
2012.10 – 2013.10
開發導航 App，並負責 AWS 雲端環境的規劃與維運。
- 導航 App 在 iOS / Android 雙平台同時拿下分類排名第一
- 負責 AWS 基礎建設規劃、部署與維運
- Java (Android)
- PHP
- AWS
- MySQL
中華民國陸軍
資訊官
2006.05 – 2012.04
先後在三個軍團級單位負責資安業務，養成對系統穩定與權限控管的底線意識。
- 先後派任三個軍團級單位，負責該單位資訊安全業務
- 依 ISO 27001 資訊安全管理制度建立與落實控管作業
- 連年獲評最高等級資安評鑑
- 這六年建立的紀律，是我後來一個人扛整間公司 IT 的底氣
- Windows Server
- ISO 27001
- 資訊安全
- 網路管理
04 作品
做過的東西，都還在替人賺錢或省時間。
以下都是實際上線運作過的專案。有些看得到前台，有些是躲在公司內部、每天被幾十個人使用的系統。
- watpure.com
- letter.waws.idv.tw
- dolcenotte.com.tw
- an-li.com
05 AI 工作流
AI 讓我快，測試讓我穩，腳本讓我省。
我不把 AI 當成「幫我寫程式的人」，而是流程裡的一段。真正決定產出品質的，是餵給它什麼、以及用什麼把關。
這是一個真的可以輸入的終端機 —— Tab 補全、↑ ↓ 翻歷史都能用。
01 — Spec before prompt
規格先行
先把需求寫成明確的驗收條件，再交給 AI。模糊的需求只會換來模糊的程式碼 —— 這一步省下的，是後面整輪的返工。
需求 → 可驗收條件
02 — Scripts over paste
腳本壓縮上下文
用腳本抽出真正相關的檔案結構、schema 與呼叫路徑餵給 AI，而不是整包貼上。同樣的問題，token 用量與答案品質差一個量級。
token 用量大幅下降
03 — Generate the MVP
AI 產最小可行版
讓 AI 快速產出可以跑的第一版與介面草稿，把「能不能做」的討論提前到寫正式程式碼之前，用最低成本驗證方向。
天級 → 小時級驗證
04 — Tests as the gate
測試當守門員
AI 產出的程式碼一定要有測試把關。測試不是為了好看的覆蓋率，而是讓「AI 改壞了東西」這件事在合併前就被擋下來。
回歸問題提前攔截
05 — Human owns the design
人工把關架構
AI 很會寫函式，但不會替你承擔架構決策的後果。資料結構、邊界劃分、效能取捨，這些我自己來 —— 錯了要負責的是我。
架構決策不外包
06 — Ship to production
進生產環境
容器化、CI、監控、回滾機制齊備才算完成。Demo 跑得起來不算數，能在半夜出事時被叫醒還救得回來，才叫做上線。
可部署 / 可回滾