頭貼

蔡旻璁, MTsung, Toby

Backend / Flutter Engineer

新北市, 台灣 (New Taipei, Taiwan)

mtsung103035@gmail.com

0987086921

LINE

GitHub

Facebook

Youtube

Blog

Work Hard, Play Harder !



關於我 About

畢業於 國立屏東大學 資訊工程學系，三年半提早畢業，在校學業成績 第一名，校內專題競賽 第一名。
八年 PHP/Laravel 後端、五年 Flutter 實務經驗、四年獨自接案經歷，已獨立開發上百個網站專案、已上架過六個雙平台 APP。
擁有 AI 時代前累積的扎實底層程式開發經驗，能安全、準確、快速地使用 AI 輔助開發與維護。
主要技能為純 PHP、Laravel、Flutter，獨立從無到有打造過 MVC 框架、CMS 系統、APP。
做過訂位平台、支付平台、媒合平台、購物網站、一頁式購物、形象網站、論壇、抽獎程式、社群綁定登入串接、多間銀行、第三方金物流串接、推播功能、母子網站、多語系網站、API 開發與串接、重構老舊系統、資安漏洞防範、程式效能最佳化、檢測報告生成系統...... 各種客製化功能。

主要技能 Skills

PHP、Laravel、Lumen、Livewire、Flutter(Dart)、HTML、CSS、JavaScript、jQuery、Vue.js、Angular、Bootstrap

Claude Code、Gemini CLI、ChatGPT

PhpStorm、VS Code、Sublime Text、SourceTree、GitHub Desktop、Xcode、phpMyAdmin、Paw、Postman、Kiro

Linux、macOS、FreeBSD、Windows

MySQL、SQLite、MongoDB

Git、Git Flow、GitHub、GitLab

工作經驗 Work

Backend Engineer + Flutter Engineer / 群悅科技
2020-11-09 - 現在
PHP、Laravel、Lumen、Go、MySQL、SQLite、Flutter、Bootstrap、JavaScript、jQuery、Vue.js、Angular、GCP、AWS、Redis、Claude、Kiro、ChatGPT
Laravel - 台灣代駕 後端系統維護、重構、擴充。
  1. 與團隊共同維護、擴充後端系統。
  2. 從零開始學習 Laravel 並於兩週內上手，並依照舊有專案架構進行擴充功能撰寫，避免同一專案 Coding Style 差異過多。
  3. 使用 Laravel + Repository Pattern and Service Layer 開發。
  4. Laravel ORM、Task Scheduling、Queue、Job、Event、Cache... 應用。
  5. 營運/業務後台 維護、新增功能。
  6. 乘客版 後端程式維護、新增功能。
  7. 駕駛版 後端程式維護、新增功能。
  8. Google Map API 、Google Vision API、台灣圖霸 API 運用。
  9. 重構營運報表讀取速度提升 40 倍。
  10. 營運後台新增各式資料視覺化圖表 & 地圖分析，減少各部門溝通成本。
  11. 將資料庫不齊全的資料補回，為未來需求鋪路。
  12. 補寫舊專案的測試。
  13. 服務廠代駕 資料庫 & 後端程式架構規劃 & 製作。
  14. 串接 HiTRUSTpay、藍新(智付通) 金流。
  15. 自寫 LatLng 轉台灣鄉鎮市程式，依當時業務量預估一年可為公司減少數十萬的支出。
  16. 舊營運後台部分 MVC 頁面重寫成 150 支 API 至新專案給前端串接。
  17. 依照各種條件調整駕駛薪資勞報單、報表。
  18. 預約代駕 Apple Pay 串接。
Laravel - 享樂地圖 後端系統維護、重構、擴充。
  1. 採用 PHP 8.1 寫法將舊有 Lumen 6 專案重構為 Laravel 10。
  2. 利用閒暇時間兩個月內將使用 Livewire 架構的營運後台用純 Laravel 重構，共兩百多個 Route。
  3. 三週將 Lumen 專案的 80 支 API 保留原有 Request、Response 結構，邏輯分層重構並將所有 N+1 問題解決，大幅降低伺服器負擔。
  4. 串接 LINE Notify 有例外錯誤及時通知。
  5. 串接 Reserve with Google、Google Cloud Storage、Firebase Cloud Messaging、藍新金流、Infobip 等第三方服務......
  6. 使用 Laravel DataTables、PHPOpenSourceSaver JWTAuth、efureev laravel-trees....。
  7. 享樂地圖 後端程式維護、新增功能。
  8. 享樂地圖(商家版) 後端程式維護、新增功能。
  9. 桌位、訂位功能資料庫規劃。
  10. 重構可訂位時間查詢邏輯，回應時間 8s 減少至 0.5s。
  11. 後端程式底層撰寫，將重點邏輯抽出寫成單獨 Service 與 Facade，減少程式重複及各專案肥大。
  12. 依賴第三方的功能採用工廠模式，方便未來抽換第三方串接減少程式修改幅度。
  13. 使用 AI 輔助開發生活服務類型預約功能，五天修改 20 支、新增 40 支 API。
  14. 串接 Google Dining Reservations End-to-End，實現在 Google Map 中預約餐廳。
  15. 串接 Google Appointments Redirect，實現從 Google Map 顯目按鈕點擊預約導向。
Flutter - 享樂地圖 APP 開發、維護。
  1. 因 APP 工程師人力不足 & 時程短，主動自學 Flutter，自學一週後接下需求，為公司減少上百萬的外包支出。
  2. APP 端從無到有獨自建置開發。
  3. 一個月依照 UI/UX 的 Zeplin 設計刻出上百個頁面，兩個月與後端配合串接 60 隻 API，兩個月測試與修正並送審，準時上線。
  4. 開發使用 BLoC、Provider、Google Map、Shared Preferences、Dio、Firebase、Biometrics、QR Code Scanner、Calendar、Json serializable、lottie......
  5. Google、Facebook、Apple 社群登入功能。
  6. Firebase Cloud Messaging 推播串接。
  7. Firebase Analytics Event 埋放。
  8. Android App Link / Deep Link & iOS Universal Link。
  9. Refresh Token 機制。
  10. 深色主題製作。
  11. 同一個版號可切換測試 / 正式環境 API & 查看 API request + response，便於測試與偵錯。
  12. 預留 i18n 空間，未來可走向國際化。
  13. 參與 Google Play、Apple Store 上架流程。
享樂地圖-1享樂地圖-2享樂地圖-3享樂地圖-4享樂地圖-5享樂地圖-6
Flutter - 享樂地圖(商家版) APP 開發、維護。
  1. APP 端從無到有獨自建置開發。
  2. 依照 UI/UX 產出的 270 頁 Zeplin 畫面製作，串接 100 隻後端 API。
  3. Google Play 延續舊 APP 上架。
  4. 支援手機板與平板，畫面依照裝置大小顯示不同排版方式。
  5. 巢狀路由導航 (Nested Navigation) 應用。
  6. 桌位圖功能，可在圖面上設定桌位、牆面柱子等物件，可自由調整位置旋轉或刪除。
  7. 時間軸功能，處理供桌、併桌顯示。
  8. 支付提醒音 Text-to-Speech (TTS)。
  9. Firebase Cloud Messaging 推播串接。
  10. Refresh Token 機制。
  11. 同一個版號可切換測試 / 正式環境 API & 查看 API request + response，便於測試與偵錯。
  12. 依照不同店家類型顯示不同主色系、文字、畫面排版。
  13. 使用 AI 輔助開發生活服務類型預約功能，五天串接 40 支 API與修改數十個畫面。
享樂地圖(商家版)-1 享樂地圖(商家版)-2 享樂地圖(商家版)-3 享樂地圖(商家版)-4 享樂地圖(商家版)-5 享樂地圖(商家版)-6 享樂地圖(商家版)-7 享樂地圖(商家版)-8 享樂地圖(商家版)-9 享樂地圖(商家版)-10
Backend Engineer / 網動廣告科技
2018-03-26 - 2020-11-06
PHP、Smarty、ASP.NET(C# & VB)、MySQL、MSSQL、JavaScript、jQuery、Vue.js、Bootstrap、cPanel
  1. 使用純 PHP 7.3 開發，並有維護 PHP 5.2 甚至更舊的專案經驗。
  2. 獨立開發前、後台程式。
  3. 將 10 年專案模組完全重構自寫框架、制定程式撰寫規範，新增多項功能，程式安全性、可讀性、執行速度大幅提升。
  4. 社群登入串接：
    • Facebook、Google、LINE、osu!。
  5. 銀行、第三方金物流串接：
    • 綠界科技、藍新科技、PayNow、YiPay、LINE Pay、第一銀行、台新銀行、華南銀行。
  6. 開發自動化生成購物、形象網站系統，類似 WordPress 可高度客製化的 CMS 系統，可客製化版面也可直接套用主題包，功能含購物車、社群登入、金流串接、多國語系...等，有新網站只需在後台新增即可使用，減少人事成本，目前已運行 60 個網站。
  7. 專案開發： 會員系統、虛擬商品購物車、行事曆、excel 匯入功能、文章版型功能、票卷訂購系統、會員討論區、一頁式購物、檢測報告生成 PDF 報告系統、抽獎系統、等...

學經歷 Education

NPTU - CSIE / 國立屏東大學 - 資訊工程學系
2014-09-01 - 2018-02-01
  1. 成績優異三年半提早畢業
  2. 智育獎 第一名
  3. 校內專題競賽 第一名
  4. 畢業專題 SmartExam - 一個支援程式設計的線上測驗平台，該版本實際運用在屏東大學程式設計相關課程使用長達五年，2022/10 由新系統 PARTY 取代。
私立中華高級中學 - 資訊科
2011-09-01 - 2014-06-01
  1. 取得電腦硬體裝修乙級、電腦硬體裝修丙級、工業電子丙級、電腦軟體應用丙級、網路架設丙級、網頁設計丙級
  2. 102 學年度創意科學競賽智慧機器人創意闖關競賽 第二名
  3. 2013 年全國智慧型機器人大賽 C12-輪式機器人循跡組 佳作
  4. 2013 年北區程式設計競賽 佳作
  5. 2013 年青年程式設計邀請賽 佳作
  6. 101 學年度校內專業實作比賽 電腦硬體裝修組 第一名
  7. 100 學年度校內專業實作比賽 工業電子組 第二名
  8. 數學、微電腦週邊、單晶片控制、套裝軟體實習、電子學實習均為系排 第一名
  9. 使用 NXT 樂高製作無線遙控抓抓樂，親子天下專訪

個人作品介紹 Side Projects

G 值表 APP
2026-03-28 - 現在
Flutter、Kiro、Claude Code

因為自己的車儀表板有 G 值表，很常用來參考自己開的有沒有平順。覺得滿實用的但想錄製就寫了一個 APP。
因為只是個小工具，安卓因為要封測 14 天太麻煩所以不上架。

  • 即時 G 值表與面積圖
  • 可調整 G 值範圍滑桿，放大細微的力道變化
  • 自動校正，不限手機安裝角度
  • 雷達圖記錄每個方向到達過的最大 G 值
  • 隨時暫停與繼續記錄
  • 紀錄車速、位置、G 力變化
  • 重播紀錄，可加速播放
  • 無 Server 純 Client
  • 串接 Google AdMob

最高於 AppStore 工具程式排行 #68。

G值表-1 G值表-2 G值表-3 G值表-4 G值表-5
查車牌 APP
2026-02-18 - 現在
Flutter、Laravel、Kiro、Claude Code

因為很常無聊查別人車牌，監理站的查詢又很麻煩，紀錄也只能看最近三筆，還有多個地方要查詢，所以就自己寫了一個整合查詢的 APP，功能列表：

  • 爬蟲抓取公路監理資料有償利用服務網資料
  • 爬蟲抓取監理服務網資料
  • 呼叫政府資料開放平台 API
  • 呼叫交通部運輸資料流通服務 API
  • OCR 查詢結果
  • 自動判定汽車、機車車牌，呼叫不同種類 API
  • Apple、Google、訪客 登入
  • 查詢紀錄
  • 車牌辨識
  • 鏡頭對焦、縮放
  • Apple、Google IAP 內購串接
  • 個人資料、邀請註冊
  • 推播
  • 中英文介面
  • 深色模式
  • 民國／西元顯示切換

本專案 90% 程式碼使用 Claude Code 依照制定的架構撰寫。

最高於 AppStore 工具程式排行 #9。

查車牌-1 查車牌-9 查車牌-3 查車牌-7 查車牌-8 查車牌-2 查車牌-4 查車牌-5 查車牌-6
Flutter 台灣縣市選擇器
2025-10-01 - 2025-10-08
Flutter

　　台灣縣市選擇器，可以自訂樣式。 Web Demo


GitHub 連結：https://github.com/MTsung/taiwan_city_picker
Flutter 時間套件 - Chronos
2025-09-01 - 2025-09-15
Flutter

Flutter Chronos

　　Chronos 繼承自 Dart 原生 DateTime，除了原本的基本功能之外，還有更直覺的時間操作方法、靈活的週與月份處理、方便的時間格式化以及強大的時間差計算，讓開發者能更快速地完成複雜的日期時間邏輯，減少手動計算與錯誤。

  • 提供了 700 種 Method，add、sub、ceil、floor、round、is、of、in、diff、format、humans format、set、mid、max、lerp、next、last、operator、overlaps、contains...
  • 支援 ISO 週日曆
  • 支援千年、世紀、十年、年、ISO 年、季度、季節（可設定南北半球）、週、ISO 週、天、時、分、秒、毫秒、微秒。
  • 可取得或設定 ISO 週、週數、季度、年份位置；計算月份中的特定星期、季度中的第一/最後一天等。
  • 支援各種單位的時間比較、範圍判斷、是否在過去/未來、是否為閏年、是否為週末/工作日、生日檢查等。
  • 提供加減工作日、尋找下一個/上一個工作日或週末，方便商業日曆計算。
  • 支援流式接口（Fluent Interface），加法、減法、邊界設定、格式化等操作可一行完成，程式碼更簡潔可讀。
  • 支援常用字串格式化（Format），整合 intl 直接顯示（日期、時間、日期時間）、ISO、RFC 系列標準格式，也保留自訂與本地化格式化功能。
  • 支援時間差顯示，整合 timeago 可直接顯示相對時間差，例如「5 分鐘前」、「2 天後」，方便在 UI 上呈現易讀的時間訊息。
  • 提供完整時間單位的讀取與設定方法，可快速取得年份、季度、週數、天、時、分、秒、毫秒、微秒，以及設定特定單位或複製其他日期。
  • 直接使用運算子（Operator）判斷與加減，提高程式碼可讀性，加速開發。
  • 可取得時間單位的位置，如「今天是這週的第幾天」、「這個月的第幾微秒」，支援所有單位。
  • 可判斷本地時間或 UTC、時區名稱、時區偏移、夏令時間，方便跨時區應用。
  • 可設定現在時間（Fake Now），讓單元測試（Unit Testing）更方便撰寫。

GitHub 連結：https://github.com/MTsung/flutter_chronos
不用品、舊衣回收地圖
2025-03-21 - 2025-03-23
PHP、Claude、ChatGPT、MySQL、Javascript

實驗使用 AI 協助工作，做一個 Side Project，本專案與 AI 分工：

  • 後端 API：自己寫。
  • 前端：Claude Vibe Coding 產生後手動微調整。
  • Icon：ChatGPT 產生。
  • 資料轉換：ChatGPT 產生 Data To SQL 的指令。

專案連結：https://recycle.mtsung.com

查詢台灣縣市鄉鎮區小工具
2021-12-04 - 2021-12-05
PHP、Laravel、Lumen
　　最近公司串接的第三方地圖圖資 API 用量暴增，經檢查流程可優化外，發現後端的座標轉鄉鎮市區可不需要依賴第三方，只需利用政府資料開放平臺提供的全台界線資料即可自行解決，本機實測在 single thread 下每秒可搜尋 10 次。
  • 資料預處理，將 GeoJSON 檔案整理、分割，再利用類似 r-tree 的方式搜尋，先找出可能的地區，再遍歷搜尋是否在界線內，比原檔案暴力搜尋快上至少百倍。
  • 了解 GeoJSON 結構，解析檔案中的 polygon 類型進行運算。
  • 建立 Laravel 套件，上傳至 packagist 以便其他專案快速引入。
GitHub 連結：https://github.com/MTsung/twdd.location

查詢台灣縣市鄉鎮區小工具

NUEiP 自動打卡系統
2021-10-28 - 2021-11-06
Laravel、MySQL
　　研究爬蟲應用、精進 Laravel 框架應用、解決公司同仁缺卡率過高問題。
  • 會員註冊功能
  • 設定打卡時間、地點、啟用
  • 打卡結果 LINE Notify 通知
  • 利用政府公共 API 定期寫入近兩年的行事曆
  • 抓取會員請假日，避免在請假日打卡
  • 設定排除打卡日
GitHub 連結：https://github.com/MTsung/nueip_auto_clock_in

NUEiP 自動打卡系統 - 1

NUEiP 自動打卡系統 - 2

NUEiP 自動打卡系統 - 3

釣魚連結產生工具
2021-02-07 - 2021-02-07
PHP、MySQL
　　跟風統神端火鍋，利用假 meta 讓社群網站的貼文或訊息預覽連結時顯示自定義的圖文，製作釣魚連結，怕被拿去做壞事所以沒做前台產生功能，僅有後台。
標準釣 : facebook 分享偵錯工具
二重釣 : facebook 分享偵錯工具

釣魚連結產生工具 - 1

釣魚連結產生工具 - 2

釣魚連結產生工具 - 3
kaog(Discord Bot)
2021-01-20 - 現在
PHP、MySQL
　　kaog 是一隻在我的小圈圈裡的 discord bot，提供了許多小圈圈才懂梗的指令。還有提供賭博系統讓群組的人在閒暇之餘可以玩一下

GitHub 連結：https://github.com/MTsung/kaog_bot

kaog(Discord Bot) - 1

kaog(Discord Bot) - 2

kaog(Discord Bot) - 3
踩白塊華人盃(osu! mania)
2020-06-28 - 2020-08-22
PHP、MySQL
　　朋友舉辦了一場私人的遊戲比賽，我幫忙製作了一個放置比賽資訊的網站，提供 CMS 後台，可自行設定 banner 、規則、賽程、圖池、參賽者名單、VOD 等功能。
  • 第一屆、第二屆
  • 賽程表：可使用時間軸觀看每周賽程狀況
  • 賽程與圖池：可新增賽程、圖池，圖池可點擊封面撥放音樂、前往 osu! 官網下載圖譜
  • 參賽者列表：使用 pp (Performance Points) 排序
  • 直播頁面：嵌入 Twitch 實況，若實況中 menu 中的 LIVE 圖示會轉為紅色、可開啟滿版模式方便觀看 (目前功能接關閉)
  • VOD：方便賽後查閱

賽程表

踩白塊華人盃(osu! mania)
LINE Notify PHP SDK
2019-07-14 - 2019-07-14
PHP
GitHub 連結：https://github.com/MTsung/LINE_Notify_PHP

發送畫面

LINE Notify PHP SDK - 發送畫面

LINE 接收畫面
LINE Notify PHP SDK - LINE 接收畫面

金流 API SDK
2019-12-06 - 2020-10-29
PHP
  • 藍新科技
  • 華南銀行
  • 財金資訊股份有限公司
  • LINE Pay
  • PayNow
  • 台新銀行
  • YiPay
GitHub 連結：https://github.com/MTsung/PAY_API_PHP

金流 API SDK
SmartExam - 一個支援程式設計的線上測驗平台
2017-07-01 - 2017-12-18
PHP、MariaDB、jQuery
　　本專題希望能跳脫出傳統的筆試，讓程式設計相關課程都可以使用 SmartExam 讓學生們可以在線上進行程式碼的編寫，並可以即時地完成程式碼編譯與執行，即時地檢查其執行結果是否和題目要求的一致。透過作弊偵測的功能，還可以有效地避免學生進行作弊，亦考慮了考試現場的需求，設計了專供監考人員使用的功能，使其可以在考場巡視的同時，仍能透過監考輔助功能掌握全班作答的動態。
  • https://smartexam.csie.nptu.edu.tw (於 2022/10 被新系統取代：PARTY，初版：Wayback Machine)
  • 屏東大學 資訊工程學系 106 學年度專題實作
  • 2017 年資訊學院專題競賽軟體 系統與雲端應用組 第一名
  • 支援 C 、 C++ 、 JAVA
  • 自動批改考試與作業，不需耗費人力
  • 便捷的程式碼編輯環境與即時編譯功能
  • 考試作弊偵測、監考系統、詳細記錄、成績及作答詳細
  • 實際上線(2017/12 ~ 2022/10)於屏東大學資工系程式設計課程的相關作業以及考試的進行
  • 考試時使用 SmartExam 考試專用程式開啟 Chrome 內建的 Kiosk 模式，強制全螢幕

Coding 畫面

SmartExam - 一個支援程式設計的線上測驗平台 - Coding 畫面

作弊偵測

SmartExam - 一個支援程式設計的線上測驗平台 - 作弊偵測

即時監考

SmartExam - 一個支援程式設計的線上測驗平台 - 即時監考

自動批改 & 成績統計

SmartExam - 一個支援程式設計的線上測驗平台 - 自動批改 & 成績統計

實際考試使用照片

SmartExam - 一個支援程式設計的線上測驗平台 - 實際考試使用照片 - 1
SmartExam - 一個支援程式設計的線上測驗平台 - 實際考試使用照片 - 2

KPS (Keys Per Second) 小工具
2017-04-18 - 2017-04-18
Visual Basic
　　可用於 4k 音樂節奏遊戲 (osu!、stepmania等...) ，顯示目前按鍵狀態、每秒按鍵數(KPS)、總按鍵數(Total)。

程式畫面

KPS (Keys Per Second) 小工具

實際應用

EzERD
2016-09-01 - 2016-12-23
Java
物件導向軟體工程期末作品，EzERD 為簡易向量繪圖軟體，本專案透過先完成程式碼部份再回頭實作 UML 模型的方式進行，可在有完成專案的同時了解 UML 各模型的抽像概念以達到理解、加深學習印象的結果。

GitHub 連結：https://github.com/MTsung/EzERD

EzERD
楓之谷小程式
2014-12-01 - 2014-12-01
Visual Basic
　　可使用在任何版本的楓之谷 自動按鍵(綁定楓之谷視窗在幕後執行)、自動滑鼠(幕前執行)，自動滑鼠就算不使用於楓之谷也是個很實用小工具，至今仍然經常使用。

程式畫面

楓之谷小程式 - 自動滑鼠

楓之谷小程式 - 自動按鍵