https://huangchiyu.com/ChiYu-Blog/Recent content in ChiYu's Blog on ChiYu Code JourneyHugo -- gohugo.iozh-TWWed, 02 Sep 2026 13:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-01/Mon, 03 Aug 2026 08:47:21 +0800https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-01/本文同步自 2026 iThome 鐵人賽原文 ，發布日期為 2026-08-03。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 今年我想拿一個很新的 Web API，做一件很https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-01/Sun, 02 Aug 2026 12:26:49 +0800https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-01/本文同步自 2026 iThome 鐵人賽原文 ，發布日期為 2026-08-02。完整系列可見 iThome 系列頁 。 安安，我是 ChiYu！ 今年的第一篇，我想先從一句非常有 Vibe Coding 味https://huangchiyu.com/ChiYu-Blog/posts/notebooklm-gemini-notebook-new-features/Wed, 22 Jul 2026 08:30:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/notebooklm-gemini-notebook-new-features/Hi~ 我是 Eric！ 👋 看到 NotebookLM 改名為 Gemini Notebook 的消息時，我第一個念頭其實不是興奮，而是：「Google 又來了。」 Google 的產品命名常常讓人跟得有點累。今天換名https://huangchiyu.com/ChiYu-Blog/posts/enterprise-ai-adoption-strategy-2026/Mon, 16 Mar 2026 10:30:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/enterprise-ai-adoption-strategy-2026/Hi~ 我是 Eric！🚀 如果你現在正坐在辦公室裡，對著董事會要求看「 AI 轉型回報率（ROI）」的報表發愁，那麼這篇文章就是為你準備的。 2026 年的 AI 市場已https://huangchiyu.com/ChiYu-Blog/posts/notebooklm-knowledge-map-guide/Wed, 25 Feb 2026 14:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/notebooklm-knowledge-map-guide/Hi~ 我是 Eric！ 👋 在之前的文章中，我們聊過了怎麼把 NotebookLM 當成 Podcast 來聽、當成影片來看，甚至是直接產出簡報。但如果你跟我一樣，在面對「超大型技術架構」https://huangchiyu.com/ChiYu-Blog/posts/bookpublisher-md2docx/Tue, 30 Dec 2025 10:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/bookpublisher-md2docx/寫書寫到想砸電腦？我受不了 Word 排版，直接自幹了一個 Markdown 轉檔神器！🚀 身為工程師，世界上最遙遠的距離，就是「我寫好的 Markdown」和「編輯要的 Wordhttps://huangchiyu.com/ChiYu-Blog/posts/hugo-front-matter-guide/Wed, 17 Dec 2025 16:50:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/hugo-front-matter-guide/這篇文章是為了快速查閱 Front Matter (文章開頭的設定區塊) 而建立的範本。 完整範本 (可以直接複製) +++ title = "文章標題" date = 2025-12-17T16:00:00+08:00 slug = "https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday1/Wed, 20 Aug 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday1/Day 0: 【啟程】嘿，AI！我們來做個網站，但這次，我們約法三章 嘿，大家好啊！我是 ChiYu，也可以叫我 Eric。 寫了五年的 Code，平常都在跟 .Nethttps://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-02/Tue, 04 Aug 2026 07:58:25 +0800https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-02/本文同步自 2026 iThome 鐵人賽原文 ，發布日期為 2026-08-04。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天才把完成版的 Agent trace 端上桌，今天我做的https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-02/Mon, 03 Aug 2026 08:03:01 +0800https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-02/本文同步自 2026 iThome 鐵人賽原文 ，發布日期為 2026-08-03。完整系列可見 iThome 系列頁 。 安安～我是祈豫～ 昨天留下來的後台有一個很麻煩的問題。 我知道搜https://huangchiyu.com/ChiYu-Blog/posts/flutter-ai-learning-day-1-dart-project-map/Tue, 05 May 2026 11:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/flutter-ai-learning-day-1-dart-project-map/Hi~ 我是 Eric！ 上一篇我先說明了為什麼我要用 AI 陪自己重新學 Flutter。今天正式進入 Day 1。 不過，第一天我沒有急著打開 Flutter 然後開始堆畫面。 這件https://huangchiyu.com/ChiYu-Blog/posts/ai-game-analysis-battle-chatgpt-vs-gemini/Mon, 13 Apr 2026 14:30:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/ai-game-analysis-battle-chatgpt-vs-gemini/Hi~ 我是 Eric！🚀 這篇文章想做一件我自己覺得非常有意思、而且很有代表性的事情： 把 AI 從聊天工具，直接拉進「遊戲戰術研究員」的角色裡。 這次我拿來https://huangchiyu.com/ChiYu-Blog/posts/notebooklm-study-guide-quiz-guide/Fri, 27 Mar 2026 10:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/notebooklm-study-guide-quiz-guide/Hi~ 我是 Eric！ 👋 在上一篇文章中，我們看過了 NotebookLM 的心智圖如何幫我們梳理宏觀架構。但老實說，學習最痛苦的不是「看不懂」，而是 「我以為我懂了，但一https://huangchiyu.com/ChiYu-Blog/posts/notebooklm-presentation-guide/Tue, 24 Feb 2026 10:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/notebooklm-presentation-guide/Hi~ 我是 Eric！ 👋 在 NotebookLM 的系列文章中，我們已經學會了如何把文件變成 Podcast（聽覺學習）以及影片（視覺學習）。但身為開發者，最常遇到的場景https://huangchiyu.com/ChiYu-Blog/posts/bookpublisher-v1-update/Mon, 05 Jan 2026 10:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/bookpublisher-v1-update/既然要自幹，就要幹到極致！Word 排版救星 V1.0.0 重大更新 🔥 還記得上週我因為受不了 Word 排版，怒寫了一個 Markdown 轉 Word 的工具 BookPublisher MD2Docx 嗎？ 原本以為寫個基本功能就能交https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday2/Thu, 21 Aug 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday2/嘿，大家好啊！我是 ChiYu。 昨天聊到 AI 開發，一不小心就把小小的「腳踏車」專案搞成一艘「航空母艦」，超頭痛的對吧？這種「AI 太能幹」造成的失https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-03/Wed, 05 Aug 2026 08:41:57 +0800https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-03/本文同步自 2026 iThome 鐵人賽原文 ，發布日期為 2026-08-05。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天把專案切到固定 tag，Web、APhttps://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-03/Tue, 04 Aug 2026 07:56:14 +0800https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-03/本文同步自 2026 iThome 鐵人賽原文 ，發布日期為 2026-08-04。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天，我把成員管理頁拆成 Componehttps://huangchiyu.com/ChiYu-Blog/posts/flutter-ai-learning-day-2-everything-is-a-widget/Wed, 06 May 2026 11:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/flutter-ai-learning-day-2-everything-is-a-widget/Hi~ 我是 Eric！ Day 1 我先把 Flutter Learning Lab 的專案地圖看完，知道 README.md、main.dart、app.dart、router.dart、homhttps://huangchiyu.com/ChiYu-Blog/posts/ai-game-analysis-battle-report-style-comparison/Mon, 13 Apr 2026 14:40:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/ai-game-analysis-battle-report-style-comparison/Hi~ 我是 Eric！🚀 這是《AI 戰術大進擊》系列的中篇。 如果你還沒看上篇，可以先從這裡開始： 上篇：為什麼《Pokémon Champions》這麼https://huangchiyu.com/ChiYu-Blog/posts/mastering-prompt-engineering-guide/Tue, 07 Apr 2026 10:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/mastering-prompt-engineering-guide/Hi~ 我是 Eric！🚀 在上一篇我們聊到了 什麼是 AI Agent SKILL ，它定義了 Agent 的能力邊界。但要把這些能力發揮到極致，最關鍵的橋樑就是——Prompt（提示詞）https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday3/Fri, 22 Aug 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday3/安安，我是 ChiYu！ 昨天，我們在腦中畫好了宏偉的建築藍圖 (DDD)，確立了「文件驅動開發」這個核心心法。今天，理論課結束，我們要開始動手了https://huangchiyu.com/ChiYu-Blog/posts/0003hugo-blog-template-intro/Wed, 11 Jun 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/0003hugo-blog-template-intro/【文章最終整合版】 想快速打造個人部落格？試試 HugoBlogTemplate，極簡、開源，讓你專注寫作！ 你是不是也曾想過，要建立一個屬於自己https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-04/Thu, 06 Aug 2026 07:59:08 +0800https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-04/本文同步自 2026 iThome 鐵人賽原文 ，發布日期為 2026-08-06。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天我把活動網站從搜尋一路走到取消報名https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-04/Wed, 05 Aug 2026 08:33:55 +0800https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-04/本文同步自 2026 iThome 鐵人賽原文 ，發布日期為 2026-08-05。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天，我們整理出一張八格 UI Spec，終https://huangchiyu.com/ChiYu-Blog/posts/flutter-ai-learning-day-3-form-router-app-shell/Thu, 07 May 2026 11:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/flutter-ai-learning-day-3-form-router-app-shell/Hi~ 我是 Eric！ Day 1 我先拿到 Flutter Learning Lab 的專案地圖。Day 2 我開始看懂 Widget tree，知道 Flutter UI 不是一堆神祕括號，而是一棵用 Widget 描述出來的畫面樹。 今天進入https://huangchiyu.com/ChiYu-Blog/posts/gpt-5-5-official-prompt-engineering-guide/Thu, 30 Apr 2026 14:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/gpt-5-5-official-prompt-engineering-guide/Hi~ 我是 Eric！🚀 OpenAI 官方近期更新了其開發者文件，針對最新的 GPT-5.5 模型發布了專屬的 官方提示詞指南（Prompt Guidance） 。 這份指南不僅僅是https://huangchiyu.com/ChiYu-Blog/posts/ai-game-analysis-battle-team-list/Mon, 13 Apr 2026 14:50:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/ai-game-analysis-battle-team-list/Hi~ 我是 Eric！🚀 這是《AI 戰術大進擊》系列的下篇。 如果你只想看最後整理好的隊伍名單，這篇就是直接給你拿來對照用的版本。 前兩篇在這裡： 上篇：https://huangchiyu.com/ChiYu-Blog/posts/notebooklm-video-overview-intro/Tue, 24 Feb 2026 08:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/notebooklm-video-overview-intro/Hi~ 我是 Eric！ 👋 在 上一篇文章 中，我們聊到了如何將技術文件變成一場精彩的 Podcast。但老實說，有些技術內容——特別是涉及架構圖、流程圖或https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday4/Sat, 23 Aug 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday4/安安，我是 ChiYu！ 昨天，我們扮演了「技師與軍火官」的角色，把我們的駕駛艙 (VS Code) 從毛胚屋打造成了精裝房，並備妥了所有核心的建材與燃料 (Python & Nohttps://huangchiyu.com/ChiYu-Blog/posts/0004hugo-customization-guide/Wed, 11 Jun 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/0004hugo-customization-guide/讓部落格成為你的形狀：Hugo 個人化設定終極指南 當你成功部署了這個部落格模板，恭喜你完成了第一步！但真正的樂趣現在才開始：將這個公版的部落格https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-05/Fri, 07 Aug 2026 08:17:58 +0800https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-05/本文同步自 2026 iThome 鐵人賽原文 ，發布日期為 2026-08-07。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天我在搜尋按鈕外面多包一層元素，gehttps://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-05/Thu, 06 Aug 2026 08:00:27 +0800https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-05/本文同步自 2026 iThome 鐵人賽原文 ，發布日期為 2026-08-06。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天才把邀請 Dialog 的操作區分清楚：送出用 Bhttps://huangchiyu.com/ChiYu-Blog/posts/flutter-ai-learning-day-4-posts-data-flow/Fri, 08 May 2026 11:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/flutter-ai-learning-day-4-posts-data-flow/Hi~ 我是 Eric！ Day 1 我拿到專案地圖，Day 2 看懂 Widget tree，Day 3 把單一表單畫面接回 App Shell。 今天進入 Day 4。 這一天開始，Flutterhttps://huangchiyu.com/ChiYu-Blog/posts/cloud-assets-automation-template/Thu, 12 Feb 2026 10:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/cloud-assets-automation-template/Hi~ 我是 Eric。 🚀 有一說一，身為一個寫部落格的人，最「阿雜」的事情之一除了寫文章本身，還有就是圖片託管。 以前我總是在找各式各樣的圖床，有的要https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday5/Sun, 24 Aug 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday5/安安，我是 ChiYu！ 昨天，我們完成了技師的工作，為我們的專案蓋好了雲端機棚 (GitHub)，也把駕駛艙 (VS Code) 裝潢得舒適又專業。硬體設施全部到https://huangchiyu.com/ChiYu-Blog/posts/0005design-pattern-intro/Wed, 11 Jun 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/0005design-pattern-intro/哈囉！最近我決定開始一個新的 Side Project，要來用比較輕鬆的方式跟大家分享一下什麼是「設計模式（Design Patterns）」。 等等先別https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-06/Sat, 08 Aug 2026 10:43:40 +0800https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-06/本文同步自 2026 iThome 鐵人賽原文 ，發布日期為 2026-08-08。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天 Playwright 因為按鈕改名而停在 click 以前。看到這https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-06/Fri, 07 Aug 2026 08:16:43 +0800https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-06/本文同步自 2026 iThome 鐵人賽原文 ，發布日期為 2026-08-07。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天才把帳號、密碼、搜尋與備註送回各自https://huangchiyu.com/ChiYu-Blog/posts/flutter-ai-learning-day-5-settings-user-preferences/Sat, 09 May 2026 11:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/flutter-ai-learning-day-5-settings-user-preferences/Hi~ 我是 Eric！ Day 4 我從 Posts 列表一路追到 API，開始理解 View、ViewModel、Repository、Service 之間的資料流。 今天進https://huangchiyu.com/ChiYu-Blog/posts/notebooklm-audio-overview-customization/Mon, 23 Feb 2026 10:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/notebooklm-audio-overview-customization/Hi~ 我是 Eric！ 👋 在 上一篇文章 中，我們快速導覽了 NotebookLM 「工作室 (Studio)」裡的各種強大武器。今天，我們要來深挖這座工廠裡最受歡迎、也是最具https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday6/Mon, 25 Aug 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday6/安安，我是 ChiYu！ 經過了五天的「前置作業」，我們的駕駛艙 (VS Code)、引擎 (Python)、魔法法杖 (Gemini CLI) 全都準備就緒了。是不是已經手癢難https://huangchiyu.com/ChiYu-Blog/posts/0006singleton-pattern/Thu, 12 Jun 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/0006singleton-pattern/在上一篇文章中，我們簡單認識了什麼是「設計模式」。這次，就讓我們從最經典的「單例模式（Singleton）」開始，看看它究竟能為開發帶來什麼https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-07/Sun, 09 Aug 2026 10:42:20 +0800https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-07/本文同步自 2026 iThome 鐵人賽原文 ，發布日期為 2026-08-09。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天把 E0～E5 的證據等級排好後，我正https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-07/Sat, 08 Aug 2026 10:42:44 +0800https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-07/本文同步自 2026 iThome 鐵人賽原文 ，發布日期為 2026-08-08。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天把通知設定拆成 Checkbox、Rhttps://huangchiyu.com/ChiYu-Blog/posts/flutter-ai-learning-day-6-testing-samples/Sun, 10 May 2026 11:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/flutter-ai-learning-day-6-testing-samples/Hi~ 我是 Eric！ Day 4 我看懂 Posts 的資料流，Day 5 我看懂 Settings 如何把使用者偏好存起來，並影響整個 MaterialApp。 今天進入 Day 6。 這一天的主題是https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday7/Tue, 26 Aug 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday7/安安，我是 ChiYu！ 昨天，我們確立了專案的「北極星」——專案章程，並在 GitHub 上留下了第一個不可磨滅的印記。如果說昨天的「專案章程」是我們的**https://huangchiyu.com/ChiYu-Blog/posts/0007factory-method-pattern/Thu, 12 Jun 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/0007factory-method-pattern/哈囉大家，接續上一次 Singleton 模式，這一次我們要介紹的是另一個超實用的模式：工廠方法模式（Factory Method）。 別看到「工廠」兩個字就開始緊https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-08/Mon, 10 Aug 2026 08:02:08 +0800https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-08/本文同步自 2026 iThome 鐵人賽原文 ，發布日期為 2026-08-10。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天才把二十道測試題出好，今天輪到我寫https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-08/Sun, 09 Aug 2026 10:41:19 +0800https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-08/本文同步自 2026 iThome 鐵人賽原文 ，發布日期為 2026-08-09。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天，LumenDesk 的邀請成員流程https://huangchiyu.com/ChiYu-Blog/posts/flutter-ai-learning-day-7-deliverable-quality/Mon, 11 May 2026 11:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/flutter-ai-learning-day-7-deliverable-quality/Hi~ 我是 Eric！ Day 1 到 Day 6，我一路從 Dart、Widget、Form、Router、Posts 資料流、Settings 本地偏好，走到測試分層https://huangchiyu.com/ChiYu-Blog/posts/notebooklm-studio-workflow-strategies/Tue, 10 Feb 2026 14:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/notebooklm-studio-workflow-strategies/Hi~ 我是 Eric！ 👋 在 上一篇文章 中，我們聊到了如何利用 Fast & Deep Research 幫 NotebookLM 篩選出高品質的「黃金來源」，與來源的篩選維護。但如果只有來源，那 NotebookLM 就只是一個https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday8/Wed, 27 Aug 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday8/安安，我是 ChiYu！ 前兩天，我們完成了專案的「出生證明」(專案章程) 和「使用者地圖」(使用者故事)。我們現在非常清楚「為誰而做」以及「他們https://huangchiyu.com/ChiYu-Blog/posts/0008abstract-factory-pattern/Thu, 12 Jun 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/0008abstract-factory-pattern/嗨各位朋友～前面我們介紹過了 Singleton 和 Factory Method，今天要繼續往下走，聊一個稍微進階一點點的設計模式：「抽象工廠模式（Abstract Factohttps://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-09/Tue, 11 Aug 2026 07:58:49 +0800https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-09/本文同步自 2026 iThome 鐵人賽原文 ，發布日期為 2026-08-11。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天才把 click_blue_search_button 請出 catalog，我差點又https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-09/Mon, 10 Aug 2026 08:01:28 +0800https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-09/本文同步自 2026 iThome 鐵人賽原文 ，發布日期為 2026-08-10。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天，LumenDesk 的活動預算、人https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday9/Thu, 28 Aug 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday9/安安，我是 ChiYu！ 昨天，我們化身為架構師，完成了專案的**「系統藍圖」**(軟體架構文件)，釐切了前台、後台、API 與資料庫之間的分工合https://huangchiyu.com/ChiYu-Blog/posts/0009prototype-pattern/Thu, 12 Jun 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/0009prototype-pattern/嗨！繼續設計模式系列，這次要介紹的主角是原型模式（Prototype）。聽到「原型」這個詞是不是有點不太確定這到底是什麼？別擔心，我們還是用https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-10/Wed, 12 Aug 2026 07:54:52 +0800https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-10/本文同步自 2026 iThome 鐵人賽原文 ，發布日期為 2026-08-12。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天才把五支 Tool 的名單定下來，今天要把紙https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-10/Tue, 11 Aug 2026 07:58:21 +0800https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-10/本文同步自 2026 iThome 鐵人賽原文 ，發布日期為 2026-08-11。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天，活動日期和預約時段終於各自歸位。https://huangchiyu.com/ChiYu-Blog/posts/gpt-5-6-models-reasoning-modes-guide/Fri, 10 Jul 2026 13:55:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/gpt-5-6-models-reasoning-modes-guide/Hi~ 我是 Eric！👋 上一篇我們談到 ChatGPT 與 Codex App 正式整合 ：新的 ChatGPT Desktop App 把 Chat、Work、Codex 放到同一個入口，讓不同性質的 AI 任務可以在同一個 Apphttps://huangchiyu.com/ChiYu-Blog/posts/chatgpt-codex-desktop-app-integration/Fri, 10 Jul 2026 13:50:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/chatgpt-codex-desktop-app-integration/Hi~ 我是 Eric！👋 如果你一路有看我前面幾篇 Codex App 的文章，應該知道我一直把它當成「AI Agent 的開發工作台」。它可以開 repository、建立 Worhttps://huangchiyu.com/ChiYu-Blog/posts/codex-app-pet-benmaru/Mon, 22 Jun 2026 08:30:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/codex-app-pet-benmaru/我們很容易把 AI 想成很硬的東西。 模型、token、API、Agent、workflow、自動化、測試、部署。這些詞很工程，也很有效率。它們讓我https://huangchiyu.com/ChiYu-Blog/posts/codex-app-worktree-setup-guide/Fri, 12 Jun 2026 00:10:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/codex-app-worktree-setup-guide/上一篇我把 Worktree 講成 AI Agent 的隔離跑道。 這一篇就不再繞圈。 我們直接做。 目標很明確：把一個 Git repo 整理到 Codex App 可以穩定使用 Worktree，讓 Agent 進入新工作區https://huangchiyu.com/ChiYu-Blog/posts/codex-app-worktree-local-environment/Fri, 12 Jun 2026 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/codex-app-worktree-local-environment/使用 AI Agent 開發最迷人的地方，是你可以把一個問題丟出去，幾分鐘後就看到它真的改了檔案、跑了測試、整理了 diff。 但這也是最危險的地方。 如果所有任https://huangchiyu.com/ChiYu-Blog/posts/md2doc-side-project-traffic-small-product/Thu, 04 Jun 2026 10:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/md2doc-side-project-traffic-small-product/前陣子在 Threads 看到一個討論。 有人分享自己在面試時 Demo 了一些 Side Project，結果面試官問了一句很現實的話： 但你的專案沒有實際使用者，我怎麼知道它到https://huangchiyu.com/ChiYu-Blog/posts/ai-90-percent-code-existence-crisis/Wed, 01 Apr 2026 14:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/ai-90-percent-code-existence-crisis/Hi~ 我是 Eric！🚀 最近看到一支非常有感觸的影片，是五倍學院創辦人 高見龍（龍哥) 分享他近期利用 AI 開發大型系統的心得。這不只是一個技術分享，更像https://huangchiyu.com/ChiYu-Blog/posts/skills-all-in-one-features/Mon, 09 Mar 2026 14:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/skills-all-in-one-features/Hi~ 我是 Eric！🚀 最近這段時間我花了一點時間在一個專案上，今天終於可以大聲宣布：SKILLS All-in-one 平台正式上線啦！ 這不是一個單純的 Prompt 收集站，而是https://huangchiyu.com/ChiYu-Blog/posts/what-is-ai-agent-skill/Fri, 06 Mar 2026 14:40:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/what-is-ai-agent-skill/在 AI Agent 的世界中，大語言模型（LLM）常被視為「大腦」，但如果沒有 SKILL，大腦就像是一個空有知識卻無法與物理世界互動、缺乏專業標準 SOP 的靈魂https://huangchiyu.com/ChiYu-Blog/posts/best-ai-productivity-tools-2026/Fri, 20 Feb 2026 16:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/best-ai-productivity-tools-2026/Hi~ 我是 Eric。 🚀 自從 2025 年底 AI 代理技術全面爆發後，我發現自己每天在終端機前面敲代碼的時間雖然變多了，但處理那些雜七雜八、讓人心累的文書庶務時https://huangchiyu.com/ChiYu-Blog/posts/notebooklm-fast-deep-research-guide/Tue, 10 Feb 2026 10:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/notebooklm-fast-deep-research-guide/Hi 大家好，我是 ChiYu！ 👋 很多人在用 NotebookLM 時，最常做的動作就是點擊「新增來源」然後貼上網址。雖然這個功能已經存在很久了，但你可能也發現了，在選https://huangchiyu.com/ChiYu-Blog/posts/md2ppt-evolution-release-guide/Thu, 22 Jan 2026 10:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/md2ppt-evolution-release-guide/寫程式很爽，但做 PPT 拉框框拉到懷疑人生？😫 安安，我是 ChiYu！ 身為工程師，我們最擅長的就是把重複的工作自動化。這陣子我發現，我們雖然可以用 Markdownhttps://huangchiyu.com/ChiYu-Blog/posts/md2ppt-evolution-cdd-gemini-cli/Fri, 16 Jan 2026 08:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/md2ppt-evolution-cdd-gemini-cli/寫完文件又要重做簡報？Markdown 愛好者的救星來了！🚀 安安，我是 ChiYu！ 身為一個工程師，我們最擅長的事情就是把重複的工作自動化。還記https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday10/Fri, 29 Aug 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday10/安安，我是 ChiYu！ 昨天，我們完成了餐廳的「食材倉庫」設計圖——資料庫綱要。至此，我們專案的願景、使用者需求、系統架構、數據儲存方式，都已https://huangchiyu.com/ChiYu-Blog/posts/0010builder-pattern/Thu, 12 Jun 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/0010builder-pattern/哈囉各位朋友們～今天我們繼續設計模式之旅，來聊聊 建造者模式（Builder） 吧！ 🌟 建造者模式是什麼？ 簡單地說，建造者模式就是將一個複雜產品的https://huangchiyu.com/ChiYu-Blog/topics/ai-collaboration/Mon, 01 Jan 0001 00:00:00 +0000https://huangchiyu.com/ChiYu-Blog/topics/ai-collaboration/AI 協作不是把提示詞寫得很華麗，而是把需求、脈絡、驗證與交付節奏設計好，讓 AI 真的進入工程流程。 這個 Hub 整理站內和 AI 協作最相關的文章，從個人開發、https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-11/Thu, 13 Aug 2026 08:05:51 +0800https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-11/本文同步自 2026 iThome 鐵人賽原文 ，發布日期為 2026-08-13。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天打開 Inspector 後，Chrome 終於把目前頁https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-11/Wed, 12 Aug 2026 07:54:15 +0800https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-11/本文同步自 2026 iThome 鐵人賽原文 ，發布日期為 2026-08-12。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天，三份附件終於可以各自上傳、失敗與https://huangchiyu.com/ChiYu-Blog/posts/md2doc-evolution-codex-workbench/Mon, 15 Jun 2026 10:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/md2doc-evolution-codex-workbench/時隔四個月左右，我重新回到 MD2DOC-Evolution。 這次不是從零開始做一個新工具，而是把已經有人使用的 MD2DOC-Evolution 再往前推一段：新增更完整的功https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday11/Sat, 30 Aug 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday11/安安，我是 ChiYu！ 昨天，我們終於完成了上半部分的最後一份文件！可以正式進入開發的環節！但在進入開發環節前，我想要回頭再詳細聊一下 Ai Prompt Enhttps://huangchiyu.com/ChiYu-Blog/posts/0011adapter-pattern/Thu, 12 Jun 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/0011adapter-pattern/哈囉大家！今天我們要介紹的設計模式是：介面卡模式（Adapter），又叫做轉接器模式。 🌟 介面卡模式（Adapter）到底在做什麼？ 就像生活中https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-12/Fri, 14 Aug 2026 07:32:02 +0800https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-12/本文同步自 2026 iThome 鐵人賽原文 ，發布日期為 2026-08-14。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天介紹的 Declarative API 很適合表單：只要替既有 HTMLhttps://huangchiyu.com/ChiYu-Blog/posts/md2doc-evolution-publisher-workbench/Wed, 29 Jul 2026 19:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/md2doc-evolution-publisher-workbench/Hi~ 我是 Eric。 工程師寫技術文章時，Markdown 很舒服。標題、程式碼、表格、版本差異都清楚，還能放進 Git 做版本控制。 但準備交稿時，出版社通https://huangchiyu.com/ChiYu-Blog/posts/notebooklm-tutorial-gemini-cli-docs/Wed, 04 Feb 2026 10:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/notebooklm-tutorial-gemini-cli-docs/身為開發者，我們每天都在面對新技術。今天要學這個 CLI，明天要學那個 Framework。 說實話， 官方文件（Documentation）通常是https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday12/Sun, 31 Aug 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday12/安安，我是 ChiYu！歡迎來到歷史性的一刻！ 過去一週，我們是專案的「規劃師」，用文字和圖表描繪著未來。從今天起，我們是「建築師」與「魔法師」https://huangchiyu.com/ChiYu-Blog/posts/0012bridge-pattern/Thu, 12 Jun 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/0012bridge-pattern/哈囉大家～我們繼續來探索設計模式的世界吧！今天要介紹的是一個聽起來可能有點陌生，但其實很實用的設計模式：橋接模式（Bridge）。 🌟 橋接模式https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-13/Sat, 15 Aug 2026 09:55:43 +0800https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-13/本文同步自 2026 iThome 鐵人賽原文 ，發布日期為 2026-08-15。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 前天讓 HTML 表單透過 Declarative API 描述自己，昨天再用https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-13/Fri, 14 Aug 2026 07:33:27 +0800https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-13/本文同步自 2026 iThome 鐵人賽原文 ，發布日期為 2026-08-14。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天，我把邀請成員和建立活動的流程接了https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday13/Mon, 01 Sep 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday13/安安，我是 ChiYu！歡迎來到 Vibe Coding 協奏曲的第一個最大的開發項目！ 昨天，我們用一個指令召喚出了整個專案骨架。今天，我們要進行一次令人振奮的專案https://huangchiyu.com/ChiYu-Blog/posts/0013composite-pattern/Thu, 12 Jun 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/0013composite-pattern/哈囉大家，歡迎繼續探索設計模式之旅！今天要介紹的是一個既實用又好理解的設計模式：組合模式（Composite）。 🌟 組合模式是什麼？ 組合模式讓https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-14/Sun, 16 Aug 2026 20:50:12 +0800https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-14/本文同步自 2026 iThome 鐵人賽原文 ，發布日期為 2026-08-16。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天終於讓 Inspector 自己選中 search_evhttps://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-14/Sat, 15 Aug 2026 09:54:57 +0800https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-14/本文同步自 2026 iThome 鐵人賽原文 ，發布日期為 2026-08-15。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天把桌面和手機的導覽重新分工後，我終https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday14/Tue, 02 Sep 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday14/安安，我是 ChiYu！ 我們前幾天火力全開，後端 API 核心功能都搞定了。我們的後端架構現在什麼功能都做得出來！但問題來了，我們怎麼保證每個工程師（https://huangchiyu.com/ChiYu-Blog/posts/0014decorator-pattern/Thu, 12 Jun 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/0014decorator-pattern/哈囉朋友們～今天要介紹的設計模式可是非常實用又有趣的喔，那就是 裝飾者模式（Decorator）！ 🌟 什麼是裝飾者模式？ 裝飾者模式讓你在不修改現https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-15/Mon, 17 Aug 2026 07:53:45 +0800https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-15/本文同步自 2026 iThome 鐵人賽原文 ，發布日期為 2026-08-17。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天先把網站範圍鎖定在五支 Tool 與三條活動https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-15/Sun, 16 Aug 2026 20:49:24 +0800https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-15/本文同步自 2026 iThome 鐵人賽原文 ，發布日期為 2026-08-16。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天，我把帳號申請頁上的 Breadcrhttps://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday15/Wed, 03 Sep 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday15/安安，我是 ChiYu！ 昨天，我們的 CI 品管員 (GitHub Actions) 成功上崗，確保了所有程式碼的「風格」都符合最高標準。 但是，一本語法完全正確的食譜，不代表按照它https://huangchiyu.com/ChiYu-Blog/posts/0015facade-pattern/Thu, 12 Jun 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/0015facade-pattern/哈囉大家～今天的主題非常實用，那就是「外觀模式（Facade）」！這個模式可以有效地讓複雜的系統變得簡單又好用，就像你按下遙控器的開機鍵，電https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-16/Tue, 18 Aug 2026 08:05:58 +0800https://huangchiyu.com/ChiYu-Blog/posts/webmcp-agent-ready-day-16/本文同步自 2026 iThome 鐵人賽原文 ，發布日期為 2026-08-18。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天的 search_events 已經找到「WebMCP 入門工作https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-16/Mon, 17 Aug 2026 07:53:24 +0800https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-16/本文同步自 2026 iThome 鐵人賽原文 ，發布日期為 2026-08-17。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天把工作區設定整理完後，我回到專案列https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday16/Thu, 04 Sep 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday16/安安，我是 ChiYu！ 走到這一步，請先放下鍵盤，靠在椅背上，深呼吸，然後給自己一個最真誠、最響亮的掌聲！你真的非常、非常了不起！ 今天，是我們https://huangchiyu.com/ChiYu-Blog/posts/0016flyweight-pattern/Thu, 12 Jun 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/0016flyweight-pattern/哈囉各位朋友，今天我們要聊的是一個特別省資源的設計模式：享元模式（Flyweight）。 🌟 享元模式是什麼？ 享元模式是一種可以有效節省記憶體的https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-17/Tue, 18 Aug 2026 08:05:09 +0800https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-ui-day-17/本文同步自 2026 iThome 鐵人賽原文 ，發布日期為 2026-08-18。完整系列可見 iThome 系列頁 。 安安～我是ChiYu～ 昨天把資料值和命令分開後，我從 Command Palette 執行https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday17/Fri, 05 Sep 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday17/安安，我是 ChiYu！ 昨天，我們為精彩的後端開發之旅，畫下了一個完美的句點。我們現在擁有一個性能強大、穩定可靠的「專案引擎」，一顆強壯、默默https://huangchiyu.com/ChiYu-Blog/posts/0017proxy-pattern/Thu, 12 Jun 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/0017proxy-pattern/哈囉各位朋友～今天我們要介紹的是很實用且日常生活也常碰到的 代理模式（Proxy）！ 🌟 代理模式是什麼？ 代理模式提供一個中介物件來控制對某個目標https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday18/Sat, 06 Sep 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday18/安安，我是 ChiYu！ 昨天，我們扮演了「造物主」，理解了構成數位生命的三大基本元素：HTML (骨骼)、CSS (皮囊) 與 JavaScript (肌肉)。 我們的生命https://huangchiyu.com/ChiYu-Blog/posts/0018chain-of-responsibility-pattern/Thu, 12 Jun 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/0018chain-of-responsibility-pattern/哈囉～又來到了我們設計模式系列啦，今天要介紹的是一個非常靈活又好用的模式：責任鏈模式（Chain of Responsibility）。 🌟 責任鏈模https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday19/Sun, 07 Sep 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday19/安安，我是 ChiYu！ 昨天，我們扮演了「首席視覺設計師」，為我們的數位生命，定義了一套獨一無二的「基因圖譜 (DNA)」——我們的 風格指南。現https://huangchiyu.com/ChiYu-Blog/posts/0019command-pattern/Thu, 12 Jun 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/0019command-pattern/哈囉大家，今天我們來聊聊 命令模式（Command），這個設計模式能幫助你將請求封裝成物件，讓你可以輕鬆地操作、延遲或撤銷命令。 🌟 命令模式是什https://huangchiyu.com/ChiYu-Blog/posts/codex-ppt-skill-review/Thu, 09 Jul 2026 11:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/codex-ppt-skill-review/做 PPT 這件事很微妙。 真正累人的通常不是「我沒有內容」，而是你明明已經有文章、講稿、課程大綱、技術說明，最後還是得打開 PowerPoint，開始https://huangchiyu.com/ChiYu-Blog/posts/workflow-skill-router-skill/Mon, 15 Jun 2026 09:58:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/workflow-skill-router-skill/多 SKILL 的 AI Agent 用久之後，我越來越確定一件事：真正麻煩的通常不是 Agent 不會做，而是它太容易「什麼都想做一點」。 你只是請它修一個前端 bug，它可能想同時https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday20/Mon, 08 Sep 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday20/安安，我是 ChiYu！ 昨天，我們完成了前端開發的最後一份規劃文件。至此，我們所有的「左手藍圖」工作，全部大功告成！ 從今天起，我們將正式拿起工https://huangchiyu.com/ChiYu-Blog/posts/0020interpreter-pattern/Thu, 12 Jun 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/0020interpreter-pattern/哈囉各位朋友，今天我們來認識一個有趣又實用的設計模式：解譯器模式（Interpreter），並以好玩的「文字冒險遊戲」為例，輕鬆學會如何讓你https://huangchiyu.com/ChiYu-Blog/topics/notebooklm/Mon, 01 Jan 0001 00:00:00 +0000https://huangchiyu.com/ChiYu-Blog/topics/notebooklm/NotebookLM 最有價值的地方，不只是幫你摘要文件，而是把資料變成可閱讀、可講解、可複習、可輸出的知識工作台。 這個 Hub 適合用來規劃一條完整 NotebookLM 學習路線。 這個主https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday21/Tue, 09 Sep 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday21/安安，我是 ChiYu！ 昨天那場「視覺魔法秀」是不是超震撼的？才幾分鐘，AI 就「咻」一下變出一個又美又能動的 UI 原型，真的太扯了！這證明 AI 拿來做https://huangchiyu.com/ChiYu-Blog/posts/0021iterator-pattern/Fri, 13 Jun 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/0021iterator-pattern/哈囉朋友們～今天來聊聊迭代器模式（Iterator），這個設計模式能幫你輕鬆管理和操作集合中的元素。 🌟 什麼是迭代器模式？ 迭代器模式讓你可以逐https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday22/Wed, 10 Sep 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday22/安安，我是 ChiYu！ 昨天，我們扮演了一位冷靜而專業的「結構工程師」，成功地將 AI 生成的華麗原型，重構成為一個結構清晰、職責分明的專業前端專案https://huangchiyu.com/ChiYu-Blog/posts/0022mediator-pattern/Fri, 13 Jun 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/0022mediator-pattern/哈囉朋友們～今天要聊的設計模式是中介者模式（Mediator），這個模式能讓你的程式輕鬆管理物件之間複雜的溝通關係。 🌟 中介者模式是什麼？ 中介https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday23/Thu, 11 Sep 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday23/安安，我是 ChiYu！ 昨天，我們扮演了一位「創世神」，指揮 AI 在一天之內，為我們建構出了 App 完整、精美的靜態 UI。我們現在手上，有了一個外觀完美https://huangchiyu.com/ChiYu-Blog/posts/0023memento-pattern/Fri, 13 Jun 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/0023memento-pattern/哈囉朋友們！今天我們要介紹的是一個超實用的設計模式：備忘錄模式（Memento），透過它，我們可以輕鬆儲存並回復物件的狀態！ 🌟 備忘錄模式是什https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday24/Fri, 12 Sep 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday24/安安，我是 ChiYu！ 昨天，我們的 App 經歷了一次歷史性的飛躍。我們為它安裝了「神經系統」，成功地讓前端的「身體」與後端的「大腦」進行了第一次對https://huangchiyu.com/ChiYu-Blog/posts/0024observer-pattern/Fri, 13 Jun 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/0024observer-pattern/哈囉朋友們～今天我們要聊的是觀察者模式（Observer），這個模式在現實生活中非常常見，讓我們輕鬆理解並學會如何運用它！ 🌟 觀察者模式是什麼https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday25/Sat, 13 Sep 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday25/安安，我是 ChiYu！ 昨天，我們的 App 經歷了一次質的飛躍。我們為它植入了「靈魂」——一個中央的狀態 (state) 和一個渲染引擎 (render)。它學會了如https://huangchiyu.com/ChiYu-Blog/posts/0025state-pattern/Fri, 13 Jun 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/0025state-pattern/哈囉朋友們～今天我們要聊的是非常實用且有趣的狀態模式（State），這個模式讓你的物件能夠根據內部狀態的變化而自動改變行為。 🌟 狀態模式是什麼https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday26/Sun, 14 Sep 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday26/安安，我是 ChiYu！ 昨天，我們的 App 經歷了一次完全體的進化！我們在一天之內，火力全開，搞定了核心的 CRUD 功能。我們的 App 不僅能思考、能表達，現在更https://huangchiyu.com/ChiYu-Blog/posts/0026strategy-pattern/Fri, 13 Jun 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/0026strategy-pattern/哈囉朋友們～今天我們要介紹的設計模式是非常靈活好用的策略模式（Strategy），透過它，你可以輕鬆替換不同的行為，讓你的程式更有彈性！ 🌟 策https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday27/Mon, 15 Sep 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday27/安安，我是 ChiYu！ 昨天，我們的 App 學會了「同理心」，能夠優雅地處理載入與錯誤，大幅提升了使用者體驗。至此，我們 App 的基礎建設與核心互動功能，https://huangchiyu.com/ChiYu-Blog/posts/0027template-method-pattern/Fri, 13 Jun 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/0027template-method-pattern/哈囉朋友們～今天我們要介紹的是非常實用且常見的模板方法模式（Template Method），透過它你可以固定一系列的步驟，讓子類別靈活地去實https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday28/Tue, 16 Sep 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday28/安安，我是 ChiYu！ 昨天，我們再次實踐了「文件驅動開發」的核心精神。我們沒有直接衝進複雜的圖表程式碼中，而是先退一步，將一個模糊的「想法」https://huangchiyu.com/ChiYu-Blog/posts/0028visitor-pattern/Fri, 13 Jun 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/0028visitor-pattern/哈囉朋友們～今天要介紹的是比較特殊但十分強大的訪問者模式（Visitor），透過這個模式，你可以在不修改物件結構的情況下輕鬆新增功能！ 🌟 訪問https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday29/Wed, 17 Sep 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday29/安安，我是 ChiYu！ 昨天，我們成功地兌現了對使用者的最終承諾，將冰冷的數據轉化為了富有情感的、能啟發洞察的視覺化故事。我們的 App 核心價值已然https://huangchiyu.com/ChiYu-Blog/posts/hlr-devlog-1/Thu, 03 Jul 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/hlr-devlog-1/大家好！我是 ChiYu，很高興你正在看「習慣人生RPG」(Habit-Life RPG / H.L.R.) 的第一篇開發日誌！ 先問大家一個問題：你是不是也一樣，手機https://huangchiyu.com/ChiYu-Blog/posts/workflow-skill-router-v2-runtime/Thu, 23 Jul 2026 12:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/workflow-skill-router-v2-runtime/多 SKILL 的 AI Agent 用久後，我真正常遇到的狀況是：它太勤快，什麼都想插一腳。 你只是要修一個 Vue bug，它卻想同時載入前端、UI、瀏覽器、Playwrighttps://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday30/Thu, 18 Sep 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday30/說在前頭！！！ 有些部分多花費了些時間在講，所以雖然今天已經滿30天了， 但我還沒有正式完成這次鐵人賽系列文！！！ 我後面還是會繼續更新到正式完結https://huangchiyu.com/ChiYu-Blog/topics/flutter-ai-learning/Mon, 01 Jan 0001 00:00:00 +0000https://huangchiyu.com/ChiYu-Blog/topics/flutter-ai-learning/這是一條以「AI 輔助學習新技術」為核心的 Flutter 閱讀路線。 重點不是背 Flutter API，而是觀察如何讓 Codex 幫忙建立專案地圖、拆解概念、產出範例，最後走向可交付https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday31/Fri, 19 Sep 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday31/說在前頭～ 既然已經達成30天了，乾脆把庫存一次全部PO完好了～ 安安，我是 ChiYu！ 昨天，我們為 App 裝上了堅固的大門與門鎖，成功地實現了完整的https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday32/Sat, 20 Sep 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/2025ithomeironmanday32/安安！我是 ChiYu！ 三十天竟然就這樣過去了耶！回想一開始，真的只有一個超模糊的想法，就憑著一股傻勁跟對 AI 的好奇心與信任，直接衝了，開始了這https://huangchiyu.com/ChiYu-Blog/posts/matt-pocock-skills-engineering-workflow/Mon, 10 Aug 2026 08:30:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/matt-pocock-skills-engineering-workflow/安安～我是ChiYu～ AI 寫得很快，但寫錯方向只會更快抵達錯誤終點 假設你只丟給 Coding Agent 一句：「幫我做一個預約取消功能。」 它很可能立刻新增 API、補https://huangchiyu.com/ChiYu-Blog/topics/ai-agent/Mon, 01 Jan 0001 00:00:00 +0000https://huangchiyu.com/ChiYu-Blog/topics/ai-agent/AI Agent 的核心不只是模型能力，而是能不能把任務、工具、記憶、規則與驗證組合成可重複的工作流。 這個 Hub 把站內和 Agent 思維最相關的文章串成一條路線。 這個主https://huangchiyu.com/ChiYu-Blog/posts/uncle-bob-ai-software-fundamentals/Mon, 31 Aug 2026 09:30:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/uncle-bob-ai-software-fundamentals/安安～我是 ChiYu～ AI 寫得很快，工程師為什麼反而更累？ AI Coding 最迷人的畫面，大概是需求才剛說完，Agent 已經開始新增檔案、補測試、修錯誤，幾https://huangchiyu.com/ChiYu-Blog/posts/ithome-ironman-autopost/Wed, 02 Sep 2026 13:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/ithome-ironman-autopost/安安～我是ChiYu～ 鐵人賽要連續寫 30 天。文章明明都準備好了，某一天卻忘記發，連載還是會中斷。 每天還得核對日期、Day、標題、Markdowhttps://huangchiyu.com/ChiYu-Blog/topics/design-patterns/Mon, 01 Jan 0001 00:00:00 +0000https://huangchiyu.com/ChiYu-Blog/topics/design-patterns/設計模式不是背名詞，而是學會在重複出現的設計問題中，看見穩定的解法。 這個 Hub 把站內 Design Patterns 系列整理成閱讀路線，適合搭配 C# 範例慢慢建立物件導向設計感https://huangchiyu.com/ChiYu-Blog/posts/ai-development-spec-mvp-task/Mon, 01 Jun 2026 13:35:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/ai-development-spec-mvp-task/Hi~ 我是 Eric。 最近我越來越強烈地感覺到一件事： AI 開發的核心，不是「讓 AI 幫我多寫一點 Code」。 真正的核心是： 自己要能從模糊需求切出具體的 Shttps://huangchiyu.com/ChiYu-Blog/posts/learning-flutter-with-ai-intro/Tue, 05 May 2026 10:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/learning-flutter-with-ai-intro/Hi~ 我是 Eric！🚀 你有過這種經歷嗎？剛拿到一份新工作的 Offer，準備報到時發現：「喔！我們接下來的會開發 App 喔！技術選型交給你決定。」，那我https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-2-0-sdd/Mon, 29 Dec 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/vibe-coding-2-0-sdd/Hi 大家好，我是 ChiYu！ 最近在社群和鐵人賽裡，我們聊了很多關於 Vibe Coding 的話題。那種「指尖在鍵盤上飛舞，AI 像讀心術一樣把程式碼一行行噴出來」的https://huangchiyu.com/ChiYu-Blog/posts/0002develop-blog-with-codex/Sun, 08 Jun 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/0002develop-blog-with-codex/在上一篇文章 《第一次認識 Codex：讓 AI 幫你寫程式不是夢！》 中，我介紹了 Codex 這個強大的 AI 程式助理。而今天，我想分享一個更具體的實戰經驗：我是如https://huangchiyu.com/ChiYu-Blog/posts/0001codex-intro/Thu, 05 Jun 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/posts/0001codex-intro/最近如果你有在關注 AI 或寫程式的領域，可能會聽過一個名字——Codex。它是 OpenAI 推出的一個超厲害工具，簡單來說，就是一個會寫程式的 AI。今天這篇https://huangchiyu.com/ChiYu-Blog/about/Sun, 01 Jun 2025 00:00:00 +0800https://huangchiyu.com/ChiYu-Blog/about/你好！我是 ChiYu ，也可以叫我 小艾 或是叫我 Eric。 我是一名軟體工程師，目前專注於 C# .Net 後端開發領域。 熱愛研究軟體架構、設計模式 (Design Patterns) 以及各種能讓程式