JCField NotesFrontend practice

Field note

Blog

Learning routes

系列文章

從系列入口快速瀏覽完整學習路線。

從 JavaScript 到 TypeScript：30 天建立 AI 時代的型別思維

用 30 天從 JavaScript 走進 TypeScript，建立能與 AI 協作、也能自行驗證的型別思維。

進入系列 →30 notes

Angular 新手練功日誌：從零到職場冒險

從 Angular 基礎語法一路走到實作觀念，建立可帶進職場的開發脈絡。

進入系列 →

2026年10月13日回頭看，TypeScript 幫我們解決了什麼？7 min read 2026年10月12日擴充專案：用 ESLint 檢查 AI 寫的程式8 min read 2026年10月11日讓 AI 依規格寫 TypeScript：用 Zod 與測試驗收7 min read 2026年10月10日如何審查 AI 生成的 TypeScript？8 min read 2026年10月9日裝飾器：從自訂函式到 Angular 的用法8 min read 2026年10月8日錯誤處理：用型別描述成功與失敗7 min read 2026年10月7日API 型別設計：依用途拆分型別7 min read 2026年10月6日API 傳來的資料，TypeScript 知道嗎？10 min read 2026年10月5日infer：理解函式庫如何推導型別6 min read 2026年10月4日映射型別、條件型別與元組7 min read 2026年10月3日工具型別：從既有型別產生新型別7 min read 2026年10月2日keyof、typeof 與索引存取型別：避免重複維護型別6 min read 2026年10月1日泛型：保留輸入與輸出的關係7 min read 2026年9月30日函式型別：函式也是資料契約8 min read 2026年9月29日結構型別：長得一樣就可能相容7 min read 2026年9月28日Interface vs Type：從使用目的判斷7 min read 2026年9月27日型別斷言：as 為什麼可能只是在欺騙自己？5 min read 2026年9月26日any、unknown、never：處理未知資料與遺漏分支6 min read 2026年9月25日可辨識聯集：一個欄位決定要帶哪些資料5 min read 2026年9月24日型別縮小：讓條件判斷幫忙確認型別5 min read 2026年9月23日字面值與聯集：用型別表達業務規則4 min read 2026年9月22日物件型別：從資料結構開始建模5 min read 2026年9月21日型別推論：讓 TypeScript 自己理解程式7 min read 2026年9月20日從 JavaScript 到 TypeScript：編譯時與執行時8 min read 2026年9月19日ES Module：現代 JavaScript 專案的邊界7 min read 2026年9月18日Promise、async/await 與事件迴圈8 min read 2026年9月17日Prototype、Class 與 this8 min read 2026年9月16日Scope 與 Closure：函式如何記住外部狀態？7 min read 2026年9月15日JavaScript 是動態型別，問題到底出在哪裡？10 min read 2026年9月14日AI 都會寫程式了，為什麼還要學 TypeScript？8 min read 2025年9月30日建置專案 | Angular 新手練功日誌5 min read 2025年9月29日Animations | Angular 新手練功日誌4 min read 2025年9月28日Testing | Angular 新手練功日誌3 min read 2025年9月27日Routing （二） | Angular 新手練功日誌7 min read 2025年9月26日Routing （一） | Angular 新手練功日誌6 min read 2025年9月25日HTTP Client | Angular 新手練功日誌4 min read 2025年9月24日RxJs | Angular 新手練功日誌5 min read 2025年9月23日回應式表單 | Angular 新手練功日誌4 min read 2025年9月22日範本驅動型表單 | Angular 新手練功日誌4 min read 2025年9月21日Pipes | Angular 新手練功日誌3 min read 2025年9月20日指令 | Angular 新手練功日誌4 min read 2025年9月19日元件生命週期 | Angular 新手練功日誌6 min read 2025年9月18日Service | Angular 新手練功日誌4 min read 2025年9月17日模板相關用法二 | Angular 新手練功日誌4 min read 2025年9月16日模板相關用法一 | Angular 新手練功日誌3 min read 2025年9月15日雙向綁定 | Angular 新手練功日誌2 min read 2025年9月14日Output | Angular 新手練功日誌3 min read 2025年9月13日Input | Angular 新手練功日誌4 min read 2025年9月12日控制流程 for | Angular 新手練功日誌5 min read 2025年9月11日控制流程 switch | Angular 新手練功日誌2 min read 2025年9月10日控制流程 if | Angular 新手練功日誌3 min read 2025年9月9日Signals | Angular 新手練功日誌5 min read 2025年9月8日事件監聽 | Angular 新手練功日誌2 min read 2025年9月7日資料繫結 | Angular 新手練功日誌4 min read 2025年9月6日元件資料定義 | Angular 新手練功日誌3 min read 2025年9月5日模組 | Angular 新手練功日誌6 min read 2025年9月4日元件 | Angular 新手練功日誌9 min read 2025年9月3日專案架構 | Angular 新手練功日誌6 min read 2025年9月2日環境安裝 | Angular 新手練功日誌3 min read 2025年9月1日前言 | Angular 新手練功日誌2 min read