Sun's profile

你好，我是謝上智(Sun)

向下滾動

關於我

Sun 是一位專注於產品實現、使用者體驗和實用 AI 整合的軟體工程師。他專精於建構結合前端卓越技術與 AI 驅動智能的可擴展工具。 Sun 目前主導多個核心專案： Synvize：AI 驅動的發布平台，能夠聚合新聞、執行語義合成，並自動生成文章和電子報。它簡化了從網頁爬取到結構化發布的整個內容流程。 Sun UI Design：使用 TypeScript 和 TailwindCSS 構建的現代動畫 React UI 組件庫。支援模組化或完整套件安裝、完整型別安全、Tree-shaking 導出，以及互動式 Storybook 文檔。 LexiTechly：使用 Google Gemini 的 AI 輔助英語閱讀學習平台。提供 CEFR 等級評估、詞彙分析、互動式 AI 對話、單字/句子音頻，以及無限本地儲存。 除了開發工作，Sun積極透過工作坊和企業技術分享會分享他的專業知識，涵蓋 OpenAI、Gemini API 和 Notion 整合等主題。他的經驗涵蓋 Unity 遊戲開發、.NET 系統、全端應用程式和 AI 驅動工具。 Sun 相信偉大的技術不僅僅是演算法——而是要建構人們信任、理解並樂於使用的直觀工具。

英業達股份有限公司 - 軟體工程師

2023/12 - 至今

負責企業級應用系統開發與維護，主要使用 .NET MVC、Low Code 技術，並參與 AI 技術導入專案。

  • ▹開發與維護企業內部系統
  • ▹參與 AI 技術導入專案
  • ▹進行技術分享與知識交流
  • ▹優化系統架構與效能
  • ▹建立開發文件與規範

酷愛迪數位創意 - 外包軟體工程師

2020/10 - 至今

以接案方式合作，專注於 AR 與 Unity 開發，負責多項創新互動專案的開發與實現。

  • ▹研究 AR 臉部辨識，開發人臉位置判斷功能
  • ▹使用 Unity 開發跨平台手機 APP 介面
  • ▹開發互動式遊戲，與企劃密切溝通
  • ▹確保 UI 在不同裝置上的一致性
  • ▹優化應用程式效能與使用者體驗

宥倍實業股份有限公司 - 軟體工程師

2023/2 - 2023/10

負責多個企業應用系統的開發與維護，主要使用 .NET MVC、WinForm 技術。

  • ▹同時管理五個專案的開發與維護
  • ▹快速理解並解決程式問題
  • ▹提升專案開發效率
  • ▹建立完整的專案文件
  • ▹優化開發流程與架構

田野科技有限公司 - 遊戲工程師

2022/4 - 2023/2

負責開發多項影像辨識與 AR/VR 遊戲，同時管理 LINE BOT 人事系統。

  • ▹開發多款體感互動遊戲
  • ▹實現 AR/VR 技術整合
  • ▹設計影像辨識演算法
  • ▹開發 LINE BOT 人事系統
  • ▹優化使用者體驗與效能

專業服務項目

可接受委託

提供專業的技術開發與顧問服務，從需求分析到系統實現，為您打造完整的解決方案。

全端開發

網站系統開發與維護

VR/AR 開發

互動體驗設計與開發 (須提供設備)

遊戲開發

互動遊戲開發與設計

AI 應用開發

AI 應用程式開發與整合

APP 開發

行動應用程式開發與優化

教學課程

在各大專院校和企業分享實務經驗，提供客製化課程內容，從基礎概念到進階應用，協助學員快速掌握技術要點。

Unity 遊戲開發實務課程
Unity 結合 MediaPipe 影像辨識應用
LINE BOT 開發與應用實作
AI 應用開發實務分享
指導學生專案開發

技術能力

C#

C#

Python

Python

JavaScript

JavaScript

TypeScript

TypeScript

Java

Java

.NET

.NET

React

React

Next.js

Next.js

Tailwind CSS

Tailwind CSS

Vue.js

Vue.js

Flutter

Flutter

Unity

Unity

Azure OpenAI

Azure OpenAI

Gemini

Gemini

Computer Vision

Computer Vision

MediaPipe

MediaPipe

SQL Server

SQL Server

Git

Git

Docker

Docker

活動與分享

黑客松

DIGITIMES AWS 黑客松團隊合照
AI 開發

2025 DIGITIMES AWS 生成式 AI 黑客松

參加 DIGITIMES 和 AWS 合作舉辦的生成式 AI 應用黑客松，專注於開發創新的生成式 AI 解決方案

主要成果：
  • ▹使用 AWS 生成式 AI 服務開發創新應用
  • ▹整合 Amazon Bedrock 和 Anthropic Claude
  • ▹實現多代理協作系統
  • ▹開發多模態 AI 模型應用
  • ▹建立具推理能力的大型語言模型應用
AWS BedrockAnthropic ClaudeAmazon CodeWhispererAmazon SageMakerReactNode.js
雙北設計節黑客松團隊合照
全端開發

2025 雙北設計節 黑客松

參加台北市政府主辦的雙北設計節黑客松，專注於開發長照資料整合與儀表板組件優化

主要成果：
  • ▹開發長照數據視覺化儀表板
  • ▹整合雙北市長照開放資料
  • ▹優化儀表板組件效能
  • ▹建立資料自動更新機制
Vue.jsDockerPostgreSQLNode.jsTailwindCSS

演講分享

演講
演講分享

TED × AI創新應用講座

受邀擔任 TED 講座講師，分享 AI 技術的創新應用與未來展望

主要成果：
  • ▹分享 AI 技術在各領域的實際應用案例
  • ▹探討 AI 發展趨勢與未來機會
  • ▹與聽眾互動討論 AI 創新想法
AI 應用ChatGPTNotebookLM

教學活動

Unity 影像辨識課程
教學分享

Unity 影像辨識課程

在屏東科技大學碩士班擔任 Unity 結合 MediaPipe 影像辨識課程講師，分享實務經驗與技術整合

主要成果：
  • ▹教授 Unity 與 MediaPipe 整合技術
  • ▹人體姿態估測在遊戲中的應用
  • ▹手部追蹤與手勢識別實作
  • ▹指導學生專案開發
  • ▹分享業界實務經驗
UnityMediaPipeComputer Vision影像辨識人體姿態估測

主要專案

iT邦幫忙輔助工具 Logo
前端開發

iT邦幫忙輔助工具

一個專為 iT邦幫忙 (https://ithelp.ithome.com.tw/) 設計的Chrome擴充工具，提供更好的編輯體驗和寫作輔助功能。

主要成果：

  • ▹垂直工具列：將原本水平的編輯工具列轉換為垂直顯示
  • ▹懸浮定位：工具列固定在左側，不影響編輯區域
  • ▹拖拽移動：支援拖拽調整工具列位置
  • ▹快速匯入Notion：一鍵匯入Notion內容到iT邦幫忙
  • ▹拖拉上傳圖片：支援拖拉圖片直接上傳到編輯器
Chrome ExtensionTypeScriptManifest V3WebpackCSS3
ChromeChrome擴充功能
Postly Logo
全端開發

Postly - 反思分享社群平台

專注於個人成長和反思分享的社群平台，讓使用者能夠記錄並分享他們的日常反思和見解。提供每日反思提示、社群互動、個人成就追蹤等功能，使用現代化的 Next.js 和 React 技術構建。

主要成果：

  • ▹每日精選反思主題與深度思考引導
  • ▹完整的社群互動系統（按讚、評論、分享）
  • ▹個人成就追蹤與連續反思紀錄
  • ▹即時互動通知與參與度分析
  • ▹Google OAuth 認證與安全的使用者管理
  • ▹響應式設計與無障礙功能支援
Next.js 15React 19TypeScriptTailwind CSS 4NextAuth.jsTanStack QueryHeadless UI
查看專案體驗網站
CoinHub App Logo
移動應用開發

CoinHub - 加密貨幣交易與投資組合管理

基於 Flutter 開發的綜合加密貨幣交易和投資組合管理應用程式，提供用戶完整的數位資產管理平台。透過 Web3 和 API 整合，支援多種區塊鏈網路和加密貨幣交易所。

主要成果：

  • ▹實現即時加密貨幣價格追蹤
  • ▹建立完整的投資組合管理系統
  • ▹整合多個區塊鏈網路與交易所 API
  • ▹實現錢包連結與交易功能
  • ▹開發圖表視覺化與技術分析工具
  • ▹建立安全的資料儲存與加密機制
FlutterDartweb3dartWalletConnectfl_chartshared_preferencescryptoWebSocket
Google Form AI 自動填寫工具
AI 開發

Google Form AI 自動填寫工具

使用 Google Gemini AI 來自動填寫 Google Form 的智能工具，只需提供表單網址和基本資訊，即可自動生成填寫用的網址

主要成果：

  • ▹使用 Gemini AI 智能生成答案
  • ▹自動解析 Google Form 結構
  • ▹支援多種題型：簡答題、詳答題、選擇題、下拉式選單等
  • ▹同時提供純前端應用與 Python 後端版本
  • ▹完整的使用說明與錯誤處理
HTMLCSSJavaScriptPythonGoogle Gemini AIRESTful API
查看專案體驗網站
Synvize 首頁
AI 開發

Synvize

AI 驅動的內容生成平台，能夠自動整合網站、YouTube、新聞和文本等多元資料來源，透過 AI 分析並生成結構化文章。使用者可以編輯生成的內容，並與社群分享。平台內建 AI 助手，協助讀者快速理解文章重點。

主要成果：

  • ▹多源數據自動蒐集與整合
  • ▹AI 智能分析與文章生成
  • ▹社群內容分享與互動功能
  • ▹內建 AI 助手即時解答
  • ▹自動新聞追蹤與更新
  • ▹文章編輯與發布系統
Next.jsPythonGoogle GeminiPostgreSQLWeb Scraping
查看專案
MemoryLane Logo
前端開發

MemoryLane

優雅的 LINE 聊天記錄回顧網站，讓您以全新方式重溫珍貴對話與回憶。支援上傳 LINE 聊天紀錄並以時間軸方式呈現，提供彈幕特效與完全本地處理機制保護隱私。

主要成果：

  • ▹簡易上傳 LINE 匯出的聊天記錄檔案
  • ▹精美的按月份時間軸顯示
  • ▹瀏覽特定月份時顯示隨機對話彈幕特效
  • ▹所有處理皆在本地完成，保護隱私
  • ▹響應式設計，支援多裝置體驗
  • ▹簡潔直觀的用戶界面
Next.js 15.2React 19TypeScript 5Tailwind CSS 4Framer Motiondate-fns 4localStorage
查看專案體驗網站
AR 垃圾車體感遊戲介紹
遊戲開發

AR 垃圾車體感遊戲

結合 AR 與影像辨識技術的垃圾車主題體感遊戲，包含「垃圾車等等我」追逐模式和「打擊垃圾車」戰鬥模式。運用身體動作控制遊戲角色，完成追趕垃圾車和攻擊垃圾車的任務挑戰。

主要成果：

  • ▹開發雙模式體感遊戲系統
  • ▹整合 AR 影像辨識與人體姿態追蹤
  • ▹實現身體動作控制機制
  • ▹設計垃圾車追逐與戰鬥玩法
  • ▹建立 3D 城市場景與垃圾車模型
  • ▹優化手機端 AR 效能與體驗
UnityAR FoundationMediaPipeComputer VisionC#3D ModelingMobile Development
LINE BOT 人事管理系統介面
後端開發

LINE BOT 人事管理系統

基於 LINE BOT 開發的企業人力資源管理系統，整合員工日常工作流程，提供便捷的行動化辦公體驗。透過 LINE 介面實現打卡、請假、簽核、發票上傳等核心人事功能，大幅提升企業內部作業效率。

主要成果：

  • ▹設計並實現 LINE BOT 對話流程
  • ▹建立員工打卡與考勤管理系統
  • ▹開發請假申請與審核流程
  • ▹實現多層級簽核機制
  • ▹整合發票上傳與報帳功能
  • ▹建立人事資料管理與權限控制
LINE Bot SDKJavaScriptWebhook
Threads Saver Logo
前端開發

Threads Saver - 瀏覽器擴充工具

一個強大的 Threads 瀏覽器擴充工具，提供多種實用功能來增強您的瀏覽體驗。Threads Saver 讓您輕鬆下載和保存 Threads 上的內容，包括文字、圖片、影片等，支援多種格式輸出和批次處理功能。

主要成果：

  • ▹智能下載功能：一鍵下載 Threads 帖子的所有內容
  • ▹多格式支援：Markdown、JSON、HTML、純文字、CSV 格式
  • ▹批次處理：支援批量下載多個帖子
  • ▹進階設定：自定義下載品質等選項
  • ▹即時通知：操作結果即時反饋
  • ▹狀態記憶：下載狀態持久化保存
  • ▹視覺反饋：下載完成後圖標變色提示
  • ▹Threads風格介面：採用原生深色主題設計
Chrome ExtensionTypeScriptJSZipManifest V3CSS3WebpackSharp
ChromeChrome擴充功能
LexiTechly 主介面
AI 開發

LexiTechly - 智慧英文內容分析

使用 Google Gemini AI 分析英文網頁內容，提供 CEFR 等級評估、單字解析、AI 互動對話與語音發音功能，提升您的英文閱讀與學習體驗！

主要成果：

  • ▹網頁英文內容的 CEFR 等級分析
  • ▹全方位的詞彙、語法和主題難度評估
  • ▹互動式 AI 對話功能
  • ▹單字列表與 AI 詞彙分析
  • ▹支援單字和例句的語音播放
  • ▹無限制的本地儲存空間
Chrome ExtensionHTMLCSSJavaScriptGoogle Gemini AISpeechify APIIndexedDB
ChromeChrome擴充功能
Sun UI Design Logo
前端開發

Sun UI Design

一個具有精美動畫效果的現代 React UI 組件庫，使用 React、TailwindCSS 和 TypeScript 構建。提供現代化且可自定義的組件，支持 Tree-shaking 導出。

主要成果：

  • ▹設計並實現多個現代化 UI 組件
  • ▹支持獨立包或整體打包安裝
  • ▹完整的 TypeScript 類型支持
  • ▹TailwindCSS 整合優化
  • ▹Storybook 文檔與展示
  • ▹優化的打包與發佈流程
ReactTypeScriptTailwindCSSStorybookLernanpm
查看專案體驗網站
DeepCrawlAI Screenshot
AI 開發

DeepCrawlAI

一個結合網頁爬蟲和 AI 分析的智能爬蟲工具，能夠深度爬取網頁內容並使用 Gemini AI 進行智能分析。

主要成果：

  • ▹智能網頁爬蟲，支援多層次深度爬取
  • ▹使用 Google Gemini AI 進行內容分析
  • ▹支援動態網頁爬取（Selenium）和靜態網頁爬取
  • ▹自動提取相關連結並遞迴爬取
  • ▹將網頁內容轉換為結構化的 Markdown 格式
  • ▹防止重複爬取相同網頁
PythonGoogle Gemini AIBeautifulSoupSeleniumCloudscraper
查看專案
Snapraze Logo
全端開發

Snapraze

提供圖片雲端儲存、編輯標記以及原圖比對功能的平台。使用者可以上傳、管理、編輯和比較圖片，支援多種圖片格式，並提供完整的圖片管理系統。

主要成果：

  • ▹雲端圖片儲存與管理系統
  • ▹圖片編輯與標記工具
  • ▹原圖與編輯圖即時比對
  • ▹支援多種圖片格式
  • ▹完整的修改記錄追蹤
  • ▹使用者權限管理
Next.jsTypeScriptTailwind CSSShadcn/uiCloudinaryPostgreSQLPrismaFabric.js
查看專案
汽車工廠供料防呆系統監控介面
後端開發

汽車工廠供料防呆系統

使用 .NET 開發的汽車工廠供料監控網站，整合工料機制進行防呆檢測。當供料與工單不對應時，系統會即時顯示錯誤並提供錯誤編號，確保生產線正常運作。這是舊系統的全面翻新專案，由我獨自負責開發與工廠端對接。

主要成果：

  • ▹設計並實現供料與工單對應檢核機制
  • ▹建立即時錯誤監控與通報系統
  • ▹開發錯誤編號管理與追蹤功能
  • ▹完成舊系統架構全面翻新
  • ▹建立與工廠設備的串接介面
  • ▹優化防呆檢測算法提升準確度
.NET FrameworkASP.NET MVCSQL ServerC#JavaScriptBootstrapAJAX
VR 恐龍射擊遊戲畫面
遊戲開發

VR 恐龍射擊

VR 射擊遊戲，整合不同專案架構，實現流暢的 VR 射擊體驗

主要成果：

  • ▹整合多個專案架構
  • ▹優化 VR 互動體驗
  • ▹設計怪物生成系統
  • ▹實現多樣化武器系統
UnitySteamVRVR 開發