Technical notes

ChiYu 的技術筆記與軟體開發學習之旅

你好~我是 ChiYu 。 這裡會分享我的程式學習心得與技術筆記,歡迎一起討論與交流!

Latest 最新文章

依時間快速掌握最近整理的技術筆記與專案復盤。

Path 系列路徑

把同一條學習線集中起來,適合從頭補脈絡。

Topics 主題索引

從 AI 協作、後端、前端、工作流等入口找內容。

Projects 公開專案

把 repo、展示頁、代表文章與主題 hub 串成可檢視的作品集。

Selected & recent

置頂與最新文章

查看全部
一般更新 前端開發 2026-08-06 7 分鐘閱讀 點閱 0

Day 5|輸入文字也有分工:Text Field、Textarea、Password 與 Search

2026 iThome 鐵人賽 Vibe Coding UI Day 5:安安~我是ChiYu~ 昨天才把邀請 Dialog 的操作區分清楚:送出用 Button,權限說明用 Link。按鈕總算不再互相冒充,我把視線往上一移,新的問題已經排好隊等我了。 帳號、密碼、搜尋和備註,一人分到一個長方形輸入框。AI…

Vibe Coding UX/UI Frontend
一般更新 前端開發 2026-08-06 5 分鐘閱讀 點閱 0

Day 04|按鈕只多包一層,哪種 Playwright Locator 撐得住?

2026 iThome 鐵人賽 WebMCP Day 4:安安~我是ChiYu~ 昨天我把活動網站從搜尋一路走到取消報名,最後挑了風險最低的搜尋流程,準備交給 Playwright 重播。今天它正式接班:開啟頁面、填入 WebMCP、按下搜尋,再確認畫面出現 一場活動。 第一輪很順,四行程式碼就完成了。接著…

WebMCP AI Agent JavaScript

Learning paths

系列路徑

同一個主題的文章放在一起,適合照順序讀,也適合回頭查某一段實作決策。

Topic hubs

主題索引

用主題找文章,比單純翻日期更快。每個入口都保留閱讀脈絡與代表文章。

進入主題頁

Projects

公開專案

這些作品把 AI 協作、文件產線、內容驅動開發與工程基本功連回實際 repo 和展示頁。

查看完整專案
AI Agent tooling Active

Workflow Skill Router

把 AI Agent 的 Skill 選擇變成可維護的路由流程

整理 Skill 觸發條件、驗證規則與公開文件,讓 Agent 工作流不只靠提示詞,而是有可重複的判斷邊界。

Python Markdown Codex GitHub Actions
  • 公開文件與 quickstart
  • Skill-first 產品敘事
  • 可驗證的 routing 規則
Document automation Active

MD2DOC-Evolution

Markdown 到 Word 的文件產線與 AI Workbench

把文件產製、模板、轉檔與 Codex 工作流整合成可交付工具,適合技術文件、規格書與長文整理。

Node.js Markdown Pandoc Codex
  • GitHub Pages 產品頁
  • Codex Workbench 文章
  • 小產品流量觀察
Presentation automation Maintained

MD2PPT-Evolution

用內容驅動簡報生成的 CDD 實驗

從 Markdown 內容結構出發,探索可維護的投影片生成流程,並記錄 Gemini CLI 與內容驅動開發的實作取捨。

Markdown Gemini CLI GitHub Pages
  • CDD 實作紀錄
  • 公開 release guide
  • 簡報生成流程