HeyBinyang

文章

記錄關於設計、技術與生活的美學思考。透過深入敘述,尋找數位時代的靜謐角落。

·隨筆·visibility10 閱讀

用 MDN MCP 為 AI 接上「正版即時前端文件」

最近 MDN 官方發布了自己的 MDN MCP Server,可以直接將 MDN 文件和瀏覽器相容性資料接入各種 AI 工具中,讓 Agent 查閱文件、查看相容性時不再瞎猜。

·技術·visibility17 閱讀

Codex Subagents 實戰:從零開發一個瀏覽器小遊戲

本文將會介紹如何使用 Codex Subagents 從零開發一個產品。你會看到怎麼用多個 agent 分工協作,開發一款可以在瀏覽器裡直接跑的太空射擊遊戲,從設計文件、視覺素材,到測試驗證,全程走一遍。

·技術·visibility22 閱讀

Codex Subagents 實戰:批次生成測試、檢查相容性、翻譯註解

本文介紹了一種適合批次重複性程式設計任務的高效方法:先將任務整理成 CSV,讓 Codex 依「每行一項任務」啟動獨立 subagent 並行處理,再將結果統一寫回輸出 CSV。無論是批次生成單元測試、檢查 React Query 升級相容性,還是翻譯整專案註解,這種模式都能將原本需要逐一手工完成的工作壓縮到幾分鐘內完成。

·技術·visibility4 閱讀

第 7 篇:為 blog-demo 接入簡單鑑權(Next.js + Prisma + Auth.js)

這一篇,我們來做三件事:為專案接入一個最小可用的登入系統(Auth.js / NextAuth 風格);把 blog-demo 的「新建文章 / 發表評論」改成「必須登入才能操作」;在 API Route 裡,從 session 中取得當前使用者 id,取代硬編碼的 authorId。

·技術·visibility6 閱讀

第 6 篇:Next.js + Prisma + blog-demo 的全端實戰

前幾篇,我們主要站在「後端視角」用 Prisma 搭建好了 blog-demo 的資料模型和業務鏈路。這一篇,我們把這套模型接到 Next.js 上,做一個最小但完整的「個人部落格後台」。