代表作品與軟體專案 (Projects)
將嚴謹的通訊與訊號處理理論，轉化為親切、直觀且美麗的互動式網頁體驗。在這裡展示我所開發的開源工具與工程視覺化專案。
5G NR Physical Layer Quiz (5G NR 實體層協議小測驗)
// 專案概述
一項專為 3GPP LTE/5G NR 實體層工程師設計的專業線上互動測驗平台。深入涵蓋 SSB 時頻資源映射、下行廣播通道 (PBCH) 頻道編碼流、RACH 隨機接入程序與子載波間距 (SCS) 對齊計算。每個測驗題目都附有嚴謹的學術推導、公式解析與 3GPP 規格書條款引用。
// 技術棧 (Tech Stack)
// 核心功能與亮點
- ✓包含單選題、多選題與情境式頻譜分配填空題
- ✓提供即時的答題正誤分析，並以 LaTeX/Markdown 渲染完整的推導細節
- ✓內嵌動態 SVG 資源網格 (Resource Grid) 題目，點擊可即時查閱各 RE (Resource Element) 分配情況
- ✓整合 3GPP TS 38.211 與 TS 38.212 標準文件查閱指南
DFT & Spectral Leakage Interactive Visualizer (離散傅立葉轉換與頻譜洩漏交互式模擬器)
// 專案概述
在數位訊號處理中，有限長度的時間截斷會導致頻譜洩漏。本工具提供一個完全互動式的動態圖形介面，讓使用者自訂弦波信號參數（振幅、頻率、相位），並透過調整取樣長度與不同的窗函數（Rectangular, Hamming, Hann, Blackman），實時觀察並對比頻域旁瓣 (Side-lobe) 的衰減與解析度變化。
// 技術棧 (Tech Stack)
// 核心功能與亮點
- ✓純瀏覽器端實時計算離散傅立葉轉換 (DFT) 頻譜響應
- ✓雙頻道對比：可同時渲染兩種不同窗函數在時域與頻域下的性能差異
- ✓精準標記第一旁瓣衰減分貝值 (-13dB, -43dB, -32dB 等) 與主瓣寬度變遷
- ✓流暢的 Canvas/SVG 折線圖渲染，支持多指縮放與精確懸停數值標籤
5G NR Frame Structure Grid Viewer (5G NR 幀結構多維網格查看器)
// 專案概述
3GPP 5G NR 支援多種靈活的子載波間距 (SCS = 15k, 30k, 60k, 120k Hz)，導致一個子訊框中的 Slot 數量不同。本項目建構一個三維響應式格點檢視器，動態拆解 10ms Frame -> 1ms Subframe -> Slots -> 14 OFDM Symbols 的多層級級聯關係，並彩色標記下行 (DL) / 上行 (UL) / 彈性 (Flexible) 符號的符號級別分配。
// 技術棧 (Tech Stack)
// 核心功能與亮點
- ✓視覺化展示 Type A / Type B 隨機存取前導碼映射結構
- ✓支援 3GPP 規格的常見 Slot 格式設定 (TDD Common Configuration)
- ✓即時計算當前 SCS 與 CP 類型下的時域物理長度與傳輸開銷
- ✓高對比網格視角，極佳的 RWD 縮放比例，在手機螢幕上依然保持清晰可讀
5G NR Protocol Quiz — 互動式協議測驗 (Blog Embedded Widget)
// 專案概述
直接嵌入技術部落格文章中的互動測驗元件，讓讀者在閱讀 5G NR 實體層知識後即時驗證理解。測驗涵蓋 SSB 結構映射、PBCH 頻道編碼、RACH 隨機接入程序，以及 SCS 與 Slot 結構計算等核心主題。每道題目皆附帶嚴謹的 3GPP 規格引用與數學推導，並採用 KaTeX 渲染公式，提供深度學習與自我評估的一站式體驗。
// 技術棧 (Tech Stack)
// 核心功能與亮點
- ✓MDX 內嵌互動元件：可直接在部落格文章中使用 <Quiz /> 標籤調用
- ✓支援單選與多選題型，答題後即時顯示正確/錯誤分析與詳解
- ✓每題推導使用 KaTeX 渲染 LaTeX 數學公式，確保學術級精確表達
- ✓題庫按主題分類：SSB Mapping / PBCH Polar Coding / RACH Preamble / SCS Timing
📚 理論與實踐的交互迴圈
我所製作的每一個模擬器，背後都對應著一篇技術文章。如果你想閱讀有關 5G NR SSB 同步結構 或 窗函數抑制頻譜洩漏 的理論推導與演算法代碼分析，歡迎隨時參觀我的技術區！