張詠淇

衛道高中 應屆畢業生
全民英檢中級初試通過
APCS 程式識讀 2 級 / 實作 1 級
服務時數 189 小時

關於我

我是張詠淇,就讀衛道高中。我對資訊科技藝術創作懷有高度熱忱,從自學 Live2D 動態角色製作,到獨立開發 AI 手寫數字辨識網站,持續探索技術與創意的結合。高中期間積極參與校內外競賽、擔任多項幹部職務,並累積 189 小時服務時數,培養了我主動學習、團隊合作與解決問題的能力。

競賽表現

競賽名稱成績
113 學年度智慧鐵人創意競賽 — 校內賽第三名
台中市中小學資訊應用競賽 — 校內賽(電腦繪圖類高中組)第三名
校內資訊競賽 — 高中電腦繪圖第四名
2023 第四屆科學與科普專業英文能力競賽(生活與資訊科技)金腦獎

幹部經歷

  • 高一上/高二上:副班長
  • 漫畫研究插畫社:教學長
  • 衛道高中糾察隊:副美工長

服務學習與社團

糾察隊(189 小時)— 協助學校重大場合引導、秩序維護,高二擔任副美工長,製作招生宣傳海報。

漫研社 — 擔任教學長期間推動社團上台演出,並以衛道漫研社名義參加 TCS15 校外演出。

自主學習 — Live2D 動態角色製作

出於對插畫與角色創作的熱愛,我自學 Live2D 軟體,將平面角色賦予動態效果。從建模、物理模擬到動作設定,過程中培養了跨領域的資訊整合能力,也體現了我面對未知技術時主動探索、自主解決問題的態度。

其他經歷

美光先進晶圓廠參訪

實地了解半導體產業製程與科技應用

國科會科普計畫

參與創意實作科普闖關競賽營,激發科學探究精神

專題作品 & 未來展望

張詠淇 — 衛道高中

專題作品 — MNIST 手寫數字 AI 辨識網站

獨立開發一個結合人工智慧網頁技術的全端應用。使用者可在網頁畫板上手寫數字,系統透過預訓練的 AI 模型即時辨識,顯示辨識結果與各數字的信心機率分佈。此專案已部署上線,可透過公開網域存取。

技術架構

前端 (瀏覽器) 後端 (Next.js Server) ┌───────────────────────┐ ┌────────────────────────────┐ │ Canvas 手寫畫板 │ POST │ ONNX Runtime (Node.js) │ │ (280×280 px) │ /api/predict │ 載入 mnist-12.onnx 模型 │ │ ↓ 縮放為 28×28 │ ───────────→ │ (26KB 預訓練 CNN) │ │ ↓ 灰階正規化 0~1 │ │ ↓ 推論 │ │ 即時顯示辨識結果 │ ←── JSON ── │ 回傳 digit, confidence │ └───────────────────────┘ └────────────────────────────┘
Next.jsTypeScriptReactTailwind CSSONNX RuntimeCanvas APIRESTful APINginxLinuxCloudflare

開發歷程與問題解決

第一版 — TensorFlow.js:嘗試在瀏覽器端訓練 CNN,但套件過大導致載入失敗,學會評估技術方案可行性。
第二版 — ONNX Runtime Web:改用輕量推論引擎,但考量架構合理性,決定將模型移至後端。
第三版 — 前後端分離(最終版):前端繪圖與顯示,後端 ONNX Runtime Node.js 推論,成功實現即時辨識。
部署上線:Ubuntu + systemd + Nginx + Cloudflare 生產部署,解決 OOM、IPv6、SSL 等問題。

學習收穫

技術能力 — 掌握全端開發流程,從前端 UI 到後端 AI 推論到伺服器部署。
問題解決 — 三次架構迭代,學會快速評估替代方案、靈活調整技術選型。
工程思維 — 理解「能跑」與「能部署」的差距,培養系統性思考能力。

未來展望

期望在大學深入學習人工智慧軟體工程,將程式開發、藝術設計與團隊合作經驗拓展至更具挑戰性的專案。結合資訊技術視覺創作的雙重興趣,探索 AI 在創意產業的應用,成為兼具技術深度與美學素養的跨域人才。