組合模式：樹狀結構的好幫手
組合模式 (Composite Pattern) 讓你用一致的方式處理個別物件與物件群組。本文透過 C# 檔案系統範例，示範樹狀結構的實作。
C#
Design Patterns
All time
歷史總點閱排行
全部文章依開站以來的 GoatCounter 累計點閱數重新排序，長銷文章都在這裡。資料每天自動同步一次。
Ranked by views
歷史累計點閱排行
有歷史累計點閱紀錄的文章排在前面，其餘依發布日期排列；點閱數每天同步一次。
Day 03｜先別急著做 Tool，我把活動網站自己走了一遍
2026 iThome 鐵人賽 WebMCP Day 3：安安～我是ChiYu～ 昨天把專案切到固定 tag，Web、API、測試和 build 也都跑起來了。照這個進度，今天最容易做 的事情，就是立刻替網站加上第一支 WebMCP Tool。 但我先把 Inspector 關掉。 不是它做錯了什麼，只是今…
WebMCP
AI Agent
JavaScript
Day 3｜一份 AI 看得懂的 UI Spec，至少要交代這 8 件事
2026 iThome 鐵人賽 Vibe Coding UI Day 3：安安～我是ChiYu～ 昨天我把成員管理頁拆成 Component、Pattern 和 Layout，總算能指出：「這次只改部門篩選，不動整張頁面。」 修改範圍有了，照理說可以叫 AI 開工了吧？ 還不行。因為我手上只剩下這句需求： …
Vibe Coding
UX/UI
Frontend
我把 iThome 鐵人賽發文流程做成開源範本了
鐵人賽文章寫完，仍可能因漏發、貼錯系列或重複發布而中斷。我把自己的流程做成 iThome Ironman AutoPost，這篇說明它如何用 TypeScript、Playwright 與 GitHub Actions 驗證文章、發布結果與安全邊界。
Automation
Open Source
CI/CD
Testing
Flutter AI 學習 Day 5：讓 App 記住使用者選擇
Flutter AI 學習 Day 5 透過 Settings feature 學 SharedPreferences、本地偏好與 ThemeMode，理解設定頁如何影響整個 MaterialApp。
Flutter
Settings
Storage
Codex
【撰寫指南】Hugo 文章 Front Matter 參數詳解
這是一篇給自己看的備忘錄，詳細記錄了撰寫新文章時所需的參數設定與用途。
Documentation
Hugo
Day 19: 【文件 #7】頁面的骨架：用 Gemini 規劃主佈局與元件拆分
今天我們將化身為「UI 架構師」，指揮 Gemini 設計出網站的主要佈局，並將介面拆解成清晰的元件清單。
Frontend
Gemini
UX/UI
Day 6: 【文件 #1】專案的靈魂：用 Gemini CLI 生成「專案章程」
今天，我們就要正式啟動專案，打響「左手藍圖」的第一槍！我們將完全在 VS Code 終端機內，為我們的太空船，設定好最初也最重要的航行座標。
Documentation
Gemini
Prompt Engineering
Vibe Coding
Day 2: 【心法篇】開發者的航海圖：什麼是文件驅動開發 (DDD)？
2025 iThome 鐵人賽 Day 2：深入探討文件驅動開發 (DDD) 的心法。了解如何透過清晰的規格文件駕馭 AI，避免 Vibe Coding 失控，實現「左手藍圖，右手魔法」的高效開發。
DDD
Vibe Coding
Day 1: 【啟程】嘿，AI！我們來做個網站，但這次，我們約法三章
2025 iThome 鐵人賽 Day 1：開啟文件驅動開發 (DDD) 與 Vibe Coding 的旅程。介紹本系列文章的核心目標，以及如何透過 AI 輔助來構建「習慣養成與心情日誌」專案。
DDD
Vibe Coding