Josh's Dev Blog (中文)

Josh's Dev Blog (中文) https://joshhong.vercel.app/zh Frontend engineering insights and personal development journey (中文版) zh-TW Mon, 15 Jun 2026 02:33:46 GMT <![CDATA[Cost #6：Batch API + Cache Write 優化 — 進階省錢的最後 30%]]> https://joshhong.vercel.app/zh/posts/2026-08-17_Cost_06_Batch_Cache_Write_Optimization https://joshhong.vercel.app/zh/posts/2026-08-17_Cost_06_Batch_Cache_Write_Optimization Mon, 17 Aug 2026 00:00:00 GMT Claude Code Cost Batch API Prompt Engineering <![CDATA[Cost #5：Monthly Bill Audit 工作流 — 從 926 sessions 找出燒 token 的元兇]]> https://joshhong.vercel.app/zh/posts/2026-08-10_Cost_05_Monthly_Bill_Audit https://joshhong.vercel.app/zh/posts/2026-08-10_Cost_05_Monthly_Bill_Audit Mon, 10 Aug 2026 00:00:00 GMT Claude Code Cost Audit Token Insights <![CDATA[Cost #4：Pro / Max / API 哪個 ROI 高 — 用什麼 workload 該選什麼 plan]]> https://joshhong.vercel.app/zh/posts/2026-08-03_Cost_04_Pro_Max_API_ROI https://joshhong.vercel.app/zh/posts/2026-08-03_Cost_04_Pro_Max_API_ROI Mon, 03 Aug 2026 00:00:00 GMT Claude Code Cost Subscription ROI <![CDATA[Cost #3：Agentic Loop Token Bombing 防線 — Ralph 跑一夜燒 $200 怎麼防]]> https://joshhong.vercel.app/zh/posts/2026-07-27_Cost_03_Agentic_Loop_Token_Defense https://joshhong.vercel.app/zh/posts/2026-07-27_Cost_03_Agentic_Loop_Token_Defense Mon, 27 Jul 2026 00:00:00 GMT Claude Code Cost Ralph Loop Auto-Research <![CDATA[Cost #2：模型選擇經濟學 — Opus / Sonnet / Haiku 何時用哪個]]> https://joshhong.vercel.app/zh/posts/2026-07-20_Cost_02_Model_Selection_Economics https://joshhong.vercel.app/zh/posts/2026-07-20_Cost_02_Model_Selection_Economics Mon, 20 Jul 2026 00:00:00 GMT Claude Code Cost Model Selection Routing <![CDATA[Cost #1：Cache TTL Pro vs Max — 5 分鐘 vs 1 小時的物理影響]]> https://joshhong.vercel.app/zh/posts/2026-07-13_Cost_01_Cache_TTL_Deep_Dive https://joshhong.vercel.app/zh/posts/2026-07-13_Cost_01_Cache_TTL_Deep_Dive Mon, 13 Jul 2026 00:00:00 GMT Claude Code Cost Cache 經濟學 <![CDATA[Recipe #10：圖像 4 層路由管線 — 不要每張圖都重想用什麼工具]]> https://joshhong.vercel.app/zh/posts/2026-07-06_Recipe_10_Image_Routing_Pipeline https://joshhong.vercel.app/zh/posts/2026-07-06_Recipe_10_Image_Routing_Pipeline Mon, 06 Jul 2026 00:00:00 GMT Pipeline Image Generation ComfyUI Decision Tree <![CDATA[Recipe #9：Wiki 知識管線 — raw → wiki → site 三層自動化]]> https://joshhong.vercel.app/zh/posts/2026-06-29_Recipe_09_Wiki_Knowledge_Pipeline https://joshhong.vercel.app/zh/posts/2026-06-29_Recipe_09_Wiki_Knowledge_Pipeline Mon, 29 Jun 2026 00:00:00 GMT Pipeline Wiki Knowledge Management Static Site <![CDATA[Recipe #8：多 Agent 編排管線 — PM + Simon + Giselle + 三 Teammate 怎麼跑]]> https://joshhong.vercel.app/zh/posts/2026-06-22_Recipe_08_Multi_Agent_Orchestration_Pipeline https://joshhong.vercel.app/zh/posts/2026-06-22_Recipe_08_Multi_Agent_Orchestration_Pipeline Mon, 22 Jun 2026 00:00:00 GMT Pipeline Multi-Agent Worktree PM <![CDATA[Recipe #7：Ralph Loop 管線 — Stop Hook 攔截 + 跨 session 自動接力]]> https://joshhong.vercel.app/zh/posts/2026-06-15_Recipe_07_Ralph_Loop_Pipeline https://joshhong.vercel.app/zh/posts/2026-06-15_Recipe_07_Ralph_Loop_Pipeline Mon, 15 Jun 2026 00:00:00 GMT Pipeline Ralph Loop Stop Hook 自動迭代 <![CDATA[Recipe #6：Auto-Research 管線 — 把品味變成數字然後讓 Agent 自動推]]> https://joshhong.vercel.app/zh/posts/2026-06-08_Recipe_06_Auto_Research_Pipeline https://joshhong.vercel.app/zh/posts/2026-06-08_Recipe_06_Auto_Research_Pipeline Mon, 08 Jun 2026 00:00:00 GMT Pipeline Auto-Research Karpathy 自動優化 <![CDATA[六邊形 #6：風險意識 — Telegram 是 injection 入口、worktree 是 race condition 防線]]> https://joshhong.vercel.app/zh/posts/2026-06-05_Hexagon_06_Risk_Awareness https://joshhong.vercel.app/zh/posts/2026-06-05_Hexagon_06_Risk_Awareness Fri, 05 Jun 2026 00:00:00 GMT AI Agent Security Permission 風險意識 <![CDATA[Recipe #5：內容分發管線 — Threads → Blog → LinkedIn → X → YT 一魚多吃]]> https://joshhong.vercel.app/zh/posts/2026-06-01_Recipe_05_Content_Distribution_Pipeline https://joshhong.vercel.app/zh/posts/2026-06-01_Recipe_05_Content_Distribution_Pipeline Mon, 01 Jun 2026 00:00:00 GMT Pipeline Content Remotion Building in Public <![CDATA[六邊形 #5：指令設計 — Reference Fidelity 跟 Anti-Minimal 的兩條鐵律]]> https://joshhong.vercel.app/zh/posts/2026-05-29_Hexagon_05_Prompt_Craft https://joshhong.vercel.app/zh/posts/2026-05-29_Hexagon_05_Prompt_Craft Fri, 29 May 2026 00:00:00 GMT AI Agent Prompt CLAUDE.md 指令設計 <![CDATA[Recipe #4：求職管線 — 6 爬蟲 + Supabase + GPT enrich + 英語面試一條龍]]> https://joshhong.vercel.app/zh/posts/2026-05-25_Recipe_04_Job_Hunting_Pipeline https://joshhong.vercel.app/zh/posts/2026-05-25_Recipe_04_Job_Hunting_Pipeline Mon, 25 May 2026 00:00:00 GMT Pipeline Supabase 求職 MockMaster <![CDATA[六邊形 #4：輸出驗證 — 把主觀感覺變成數字才能 chase]]> https://joshhong.vercel.app/zh/posts/2026-05-22_Hexagon_04_Output_Verification https://joshhong.vercel.app/zh/posts/2026-05-22_Hexagon_04_Output_Verification Fri, 22 May 2026 00:00:00 GMT AI Agent Quality Gate Auto-Research 輸出驗證 <![CDATA[Recipe #3：VN 圖像管線 — 為什麼 66 個 node 一個都不能砍]]> https://joshhong.vercel.app/zh/posts/2026-05-18_Recipe_03_VN_Image_Pipeline https://joshhong.vercel.app/zh/posts/2026-05-18_Recipe_03_VN_Image_Pipeline Mon, 18 May 2026 00:00:00 GMT Pipeline ComfyUI SDXL VN <![CDATA[六邊形 #3：任務策略 — 知道什麼丟給 Agent、什麼自己做更快]]> https://joshhong.vercel.app/zh/posts/2026-05-15_Hexagon_03_Task_Strategy https://joshhong.vercel.app/zh/posts/2026-05-15_Hexagon_03_Task_Strategy Fri, 15 May 2026 00:00:00 GMT AI Agent Task Decomposition Ralph Loop 任務策略 <![CDATA[Recipe #2：動畫生成管線 — gpt-image-2 keyframes + RIFE 補幀]]> https://joshhong.vercel.app/zh/posts/2026-05-11_Recipe_02_Animation_Pipeline https://joshhong.vercel.app/zh/posts/2026-05-11_Recipe_02_Animation_Pipeline Mon, 11 May 2026 00:00:00 GMT Pipeline ComfyUI Animation RIFE <![CDATA[六邊形 #2：迭代學習 — 把每個錯誤變成永久的規則]]> https://joshhong.vercel.app/zh/posts/2026-05-08_Hexagon_02_Iteration_Learning https://joshhong.vercel.app/zh/posts/2026-05-08_Hexagon_02_Iteration_Learning Fri, 08 May 2026 00:00:00 GMT AI Agent Memory Feedback Loop 迭代學習 <![CDATA[Recipe #1：影音翻譯管線 — Whisper + Claude 把日文 podcast 變雙語 markdown]]> https://joshhong.vercel.app/zh/posts/2026-05-04_Recipe_01_AV_Translation_Pipeline https://joshhong.vercel.app/zh/posts/2026-05-04_Recipe_01_AV_Translation_Pipeline Mon, 04 May 2026 00:00:00 GMT Pipeline Whisper Claude 翻譯 <![CDATA[六邊形 #1：上下文管理 — 讓 Agent 30 秒進入狀況]]> https://joshhong.vercel.app/zh/posts/2026-05-01_Hexagon_01_Context_Management https://joshhong.vercel.app/zh/posts/2026-05-01_Hexagon_01_Context_Management Fri, 01 May 2026 00:00:00 GMT AI Agent Claude Code Memory 上下文管理 <![CDATA[SVG 動畫的 Sweet Spot：7 個真該用，4 個根本不該碰]]> https://joshhong.vercel.app/zh/posts/2026-04-25_SVG_Animation_Sweet_Spot https://joshhong.vercel.app/zh/posts/2026-04-25_SVG_Animation_Sweet_Spot Sat, 25 Apr 2026 00:00:00 GMT SVG 前端動畫 UI <![CDATA[AI Agent 時代的工程師能力：六邊形戰士養成指南]]> https://joshhong.vercel.app/zh/posts/2026-04-22_AI_Agent_Engineer_Hexagon https://joshhong.vercel.app/zh/posts/2026-04-22_AI_Agent_Engineer_Hexagon Wed, 22 Apr 2026 00:00:00 GMT AI Agent Claude Code 工程師能力職涯發展 <![CDATA[AI 驅動開發的三個工具：Impeccable、Auto-Research 和 Ralph]]> https://joshhong.vercel.app/zh/posts/2026-04-16_Three_Tools_for_AI_Driven_Development https://joshhong.vercel.app/zh/posts/2026-04-16_Three_Tools_for_AI_Driven_Development Thu, 16 Apr 2026 00:00:00 GMT AI Agent Claude Code Automation DevTools Guides <![CDATA[三合一組合拳：用 Impeccable + Auto-Research + Ralph 重建我的部落格]]> https://joshhong.vercel.app/zh/posts/2026-04-16_Impeccable_AutoResearch_Ralph_Combo https://joshhong.vercel.app/zh/posts/2026-04-16_Impeccable_AutoResearch_Ralph_Combo Thu, 16 Apr 2026 00:00:00 GMT AI Agent Claude Code Automation DevTools <![CDATA[Google Gemini Flash Image research]]> https://joshhong.vercel.app/zh/posts/2026-04-16_Google_Gemini_Flash_Image_research https://joshhong.vercel.app/zh/posts/2026-04-16_Google_Gemini_Flash_Image_research Thu, 16 Apr 2026 00:00:00 GMT AI Agent Claude Code <![CDATA[Harness Engineering：AI Agent 工作環境設計指南]]> https://joshhong.vercel.app/zh/posts/2026-04-10_harness-engineering-ai-agent https://joshhong.vercel.app/zh/posts/2026-04-10_harness-engineering-ai-agent Fri, 10 Apr 2026 00:00:00 GMT Claude Code AI Agent 工作流程 <![CDATA[Claude Code Prompt Caching 機制整理：Pro vs Max TTL 完整數據]]> https://joshhong.vercel.app/zh/posts/2026-04-10_claude-code-cache-ttl-pro-vs-max https://joshhong.vercel.app/zh/posts/2026-04-10_claude-code-cache-ttl-pro-vs-max Fri, 10 Apr 2026 00:00:00 GMT Claude Code AI工具 Token <![CDATA[我用 AI 團隊蓋了一間像素風虛擬辦公室]]> https://joshhong.vercel.app/zh/posts/2026-03-25_Virtual_Office_Pixel_Dashboard https://joshhong.vercel.app/zh/posts/2026-03-25_Virtual_Office_Pixel_Dashboard Wed, 25 Mar 2026 00:00:00 GMT AI Side Project Pixel Art OpenClaw Build Log <![CDATA[Automation Playbook: OpenClaw 記憶體管理]]> https://joshhong.vercel.app/zh/posts/2026-02-13_Playbook_Memory_Management https://joshhong.vercel.app/zh/posts/2026-02-13_Playbook_Memory_Management Fri, 13 Feb 2026 00:00:00 GMT Automation Playbook OpenClaw Memory <![CDATA[OpenClaw Field Notes 合集：4 大主題、13 個踩過的坑]]> https://joshhong.vercel.app/zh/posts/2026-02-13_OpenClaw_Field_Notes_Collection https://joshhong.vercel.app/zh/posts/2026-02-13_OpenClaw_Field_Notes_Collection Fri, 13 Feb 2026 00:00:00 GMT OpenClaw Field Notes Gmail OAuth Sessions Config <![CDATA[OpenClaw Field Notes：Auto-Update 後的 Cron Jobs 修復]]> https://joshhong.vercel.app/zh/posts/2026-02-12_OpenClaw_Field_Notes_Cron_Jobs_Auto_Update_Fix https://joshhong.vercel.app/zh/posts/2026-02-12_OpenClaw_Field_Notes_Cron_Jobs_Auto_Update_Fix Thu, 12 Feb 2026 00:00:00 GMT OpenClaw Cron Field Notes Config <![CDATA[Automation Playbook：Cron 環境用 Python 發送 Gmail（OAuth）]]> https://joshhong.vercel.app/zh/posts/2026-02-12_Automation_Playbook_Gmail_OAuth_in_Cron https://joshhong.vercel.app/zh/posts/2026-02-12_Automation_Playbook_Gmail_OAuth_in_Cron Thu, 12 Feb 2026 00:00:00 GMT Automation Gmail OAuth Python Cron Playbook <![CDATA[Automation Playbook：新 Agent Onboarding SOP]]> https://joshhong.vercel.app/zh/posts/2026-02-09_New_Agent_Onboarding_SOP https://joshhong.vercel.app/zh/posts/2026-02-09_New_Agent_Onboarding_SOP Mon, 09 Feb 2026 00:00:00 GMT Automation Playbook OpenClaw Onboarding <![CDATA[Day 18: Skills 系統（如何寫自己的 skill）]]> https://joshhong.vercel.app/zh/posts/2026-02-01_Learn_day18-skills https://joshhong.vercel.app/zh/posts/2026-02-01_Learn_day18-skills Sun, 01 Feb 2026 00:00:00 GMT AI Agent OpenClaw Deep Dive OpenClaw <![CDATA[Day 17: Logging 與 Debug]]> https://joshhong.vercel.app/zh/posts/2026-01-31_Learn_day17-logging https://joshhong.vercel.app/zh/posts/2026-01-31_Learn_day17-logging Sat, 31 Jan 2026 00:00:00 GMT AI Agent LLM OpenClaw Deep Dive Architecture <![CDATA[Day 16: Provider 系統（OpenAI, Anthropic, Google）]]> https://joshhong.vercel.app/zh/posts/2026-01-30_Learn_day16-providers https://joshhong.vercel.app/zh/posts/2026-01-30_Learn_day16-providers Fri, 30 Jan 2026 00:00:00 GMT AI Agent LLM OpenClaw Deep Dive Architecture <![CDATA[Day 15: Hooks 系統]]> https://joshhong.vercel.app/zh/posts/2026-01-29_Learn_day15-hooks https://joshhong.vercel.app/zh/posts/2026-01-29_Learn_day15-hooks Thu, 29 Jan 2026 00:00:00 GMT AI Agent LLM OpenClaw Deep Dive Automation <![CDATA[Day 14: Security（sandbox, tool policies, SSRF protection）]]> https://joshhong.vercel.app/zh/posts/2026-01-28_Learn_day14-security https://joshhong.vercel.app/zh/posts/2026-01-28_Learn_day14-security Wed, 28 Jan 2026 00:00:00 GMT AI Agent LLM OpenClaw Deep Dive Security <![CDATA[Speak2Type：一個 Windows 的全域語音輸入小工具]]> https://joshhong.vercel.app/zh/posts/2026-01-27_speak2type https://joshhong.vercel.app/zh/posts/2026-01-27_speak2type Tue, 27 Jan 2026 00:00:00 GMT Windows Side Project Tool <![CDATA[Day 13: Commands 系統]]> https://joshhong.vercel.app/zh/posts/2026-01-27_Learn_day13-commands https://joshhong.vercel.app/zh/posts/2026-01-27_Learn_day13-commands Tue, 27 Jan 2026 00:00:00 GMT AI Agent LLM OpenClaw Deep Dive Tool Use <![CDATA[Day 12: Browser Control（CDP, profiles, snapshots）]]> https://joshhong.vercel.app/zh/posts/2026-01-26_Learn_day12-browser https://joshhong.vercel.app/zh/posts/2026-01-26_Learn_day12-browser Mon, 26 Jan 2026 00:00:00 GMT AI Agent LLM OpenClaw Deep Dive Tool Use <![CDATA[Day 11: Subagents（sessions_spawn）]]> https://joshhong.vercel.app/zh/posts/2026-01-25_Learn_day11-subagents https://joshhong.vercel.app/zh/posts/2026-01-25_Learn_day11-subagents Sun, 25 Jan 2026 00:00:00 GMT AI Agent LLM OpenClaw Deep Dive Architecture <![CDATA[Day 10: Auto-reply 機制（heartbeat, routing）]]> https://joshhong.vercel.app/zh/posts/2026-01-24_Learn_day10-heartbeat https://joshhong.vercel.app/zh/posts/2026-01-24_Learn_day10-heartbeat Sat, 24 Jan 2026 00:00:00 GMT AI Agent LLM OpenClaw Deep Dive Automation <![CDATA[Day 9: Context 管理（workspace files, project context）]]> https://joshhong.vercel.app/zh/posts/2026-01-23_Learn_day09-context https://joshhong.vercel.app/zh/posts/2026-01-23_Learn_day09-context Fri, 23 Jan 2026 00:00:00 GMT AI Agent LLM OpenClaw Deep Dive Context Management <![CDATA[Day 8: Config 系統（openclaw.json, agents, bindings）]]> https://joshhong.vercel.app/zh/posts/2026-01-22_Learn_day08-config https://joshhong.vercel.app/zh/posts/2026-01-22_Learn_day08-config Thu, 22 Jan 2026 00:00:00 GMT AI Agent LLM OpenClaw Deep Dive Architecture <![CDATA[Day 7: Memory 系統（compaction, memory-flush）]]> https://joshhong.vercel.app/zh/posts/2026-01-21_Learn_day07-memory https://joshhong.vercel.app/zh/posts/2026-01-21_Learn_day07-memory Wed, 21 Jan 2026 00:00:00 GMT AI Agent LLM OpenClaw Deep Dive Memory <![CDATA[Day 6: Cron 系統（schedule, payload, delivery）]]> https://joshhong.vercel.app/zh/posts/2026-01-20_Learn_day06-cron https://joshhong.vercel.app/zh/posts/2026-01-20_Learn_day06-cron Tue, 20 Jan 2026 00:00:00 GMT AI Agent LLM OpenClaw Deep Dive Automation <![CDATA[Day 5: Plugin 架構（Telegram/WhatsApp 如何整合）]]> https://joshhong.vercel.app/zh/posts/2026-01-19_Learn_day05-plugins https://joshhong.vercel.app/zh/posts/2026-01-19_Learn_day05-plugins Mon, 19 Jan 2026 00:00:00 GMT AI Agent LLM OpenClaw Deep Dive Plugins <![CDATA[Day 4: Tool 系統（exec, browser, message 等）]]> https://joshhong.vercel.app/zh/posts/2026-01-18_Learn_day04-tools https://joshhong.vercel.app/zh/posts/2026-01-18_Learn_day04-tools Sun, 18 Jan 2026 00:00:00 GMT AI Agent LLM OpenClaw Deep Dive Tool Use <![CDATA[Day 3: Session 機制（isolated vs main）]]> https://joshhong.vercel.app/zh/posts/2026-01-17_Learn_day03-session https://joshhong.vercel.app/zh/posts/2026-01-17_Learn_day03-session Sat, 17 Jan 2026 00:00:00 GMT AI Agent LLM OpenClaw Deep Dive Context Management <![CDATA[Day 2: Agent 系統（處理訊息的核心邏輯）]]> https://joshhong.vercel.app/zh/posts/2026-01-16_Learn_day02-agent-system https://joshhong.vercel.app/zh/posts/2026-01-16_Learn_day02-agent-system Fri, 16 Jan 2026 00:00:00 GMT AI Agent LLM OpenClaw Deep Dive Architecture <![CDATA[Day 1: OpenClaw 整體架構]]> https://joshhong.vercel.app/zh/posts/2026-01-15_Learn_day01-architecture https://joshhong.vercel.app/zh/posts/2026-01-15_Learn_day01-architecture Thu, 15 Jan 2026 00:00:00 GMT AI Agent LLM OpenClaw Deep Dive Architecture <![CDATA[12. Token 優化與成本控制：省錢的藝術]]> https://joshhong.vercel.app/zh/posts/2026-01-12_Learn_12-cost-optimization https://joshhong.vercel.app/zh/posts/2026-01-12_Learn_12-cost-optimization Mon, 12 Jan 2026 00:00:00 GMT AI Agent LLM AI Agent Fundamentals Cost Optimization <![CDATA[11. Trust Boundary：什麼是可信的、什麼不是]]> https://joshhong.vercel.app/zh/posts/2026-01-11_Learn_11-trust-boundary https://joshhong.vercel.app/zh/posts/2026-01-11_Learn_11-trust-boundary Sun, 11 Jan 2026 00:00:00 GMT AI Agent LLM AI Agent Fundamentals Security <![CDATA[10. Embedding 與向量搜尋：Agent 的長期記憶]]> https://joshhong.vercel.app/zh/posts/2026-01-10_Learn_10-embeddings https://joshhong.vercel.app/zh/posts/2026-01-10_Learn_10-embeddings Sat, 10 Jan 2026 00:00:00 GMT AI Agent LLM AI Agent Fundamentals Embeddings <![CDATA[09. Provider 抽象層：OpenClaw 如何支援多個 LLM]]> https://joshhong.vercel.app/zh/posts/2026-01-09_Learn_09-provider-abstraction https://joshhong.vercel.app/zh/posts/2026-01-09_Learn_09-provider-abstraction Fri, 09 Jan 2026 00:00:00 GMT AI Agent LLM AI Agent Fundamentals Architecture <![CDATA[08. Session 狀態機：Agent 對話的生命週期]]> https://joshhong.vercel.app/zh/posts/2026-01-08_Learn_08-session-state https://joshhong.vercel.app/zh/posts/2026-01-08_Learn_08-session-state Thu, 08 Jan 2026 00:00:00 GMT AI Agent LLM AI Agent Fundamentals Context Management <![CDATA[07. Context Management：為什麼 Agent 需要「遺忘」]]> https://joshhong.vercel.app/zh/posts/2026-01-07_Learn_07-context-management https://joshhong.vercel.app/zh/posts/2026-01-07_Learn_07-context-management Wed, 07 Jan 2026 00:00:00 GMT AI Agent LLM AI Agent Fundamentals Context Management <![CDATA[06. ReAct 模式：Agent 的思考循環]]> https://joshhong.vercel.app/zh/posts/2026-01-06_Learn_06-react-pattern https://joshhong.vercel.app/zh/posts/2026-01-06_Learn_06-react-pattern Tue, 06 Jan 2026 00:00:00 GMT AI Agent LLM AI Agent Fundamentals Architecture <![CDATA[05. System Prompt 的地位：為什麼它能控制 AI 行為]]> https://joshhong.vercel.app/zh/posts/2026-01-05_Learn_05-system-prompt https://joshhong.vercel.app/zh/posts/2026-01-05_Learn_05-system-prompt Mon, 05 Jan 2026 00:00:00 GMT AI Agent LLM AI Agent Fundamentals Prompt Engineering <![CDATA[04. Temperature 與 Top-p：控制 LLM 的「創意」]]> https://joshhong.vercel.app/zh/posts/2026-01-04_Learn_04-temperature https://joshhong.vercel.app/zh/posts/2026-01-04_Learn_04-temperature Sun, 04 Jan 2026 00:00:00 GMT AI Agent LLM AI Agent Fundamentals Prompt Engineering <![CDATA[03. Streaming 原理：為什麼可以邊打邊出字]]> https://joshhong.vercel.app/zh/posts/2026-01-03_Learn_03-streaming https://joshhong.vercel.app/zh/posts/2026-01-03_Learn_03-streaming Sat, 03 Jan 2026 00:00:00 GMT AI Agent LLM AI Agent Fundamentals Streaming <![CDATA[02. Tool Calling 協議：Agent 能「動手」的原理]]> https://joshhong.vercel.app/zh/posts/2026-01-02_Learn_02-tool-calling https://joshhong.vercel.app/zh/posts/2026-01-02_Learn_02-tool-calling Fri, 02 Jan 2026 00:00:00 GMT AI Agent LLM AI Agent Fundamentals Tool Use <![CDATA[01. Token 機制：LLM 的計量單位]]> https://joshhong.vercel.app/zh/posts/2026-01-01_Learn_01-tokens https://joshhong.vercel.app/zh/posts/2026-01-01_Learn_01-tokens Thu, 01 Jan 2026 00:00:00 GMT AI Agent LLM AI Agent Fundamentals <![CDATA[從登入狀態學 Web 儲存策略：Cookie、Session、JWT 的實戰指南]]> https://joshhong.vercel.app/zh/posts/2025-08-31_Web_Authentication_Storage_Strategy https://joshhong.vercel.app/zh/posts/2025-08-31_Web_Authentication_Storage_Strategy Sun, 31 Aug 2025 00:00:00 GMT Auth Security JavaScript <![CDATA[Memory Cache 實作：測試快取效果]]> https://joshhong.vercel.app/zh/posts/2025-08-31_Memory_Cache_SSG_Comparison https://joshhong.vercel.app/zh/posts/2025-08-31_Memory_Cache_SSG_Comparison Sun, 31 Aug 2025 00:00:00 GMT Cache Performance Next.js <![CDATA[Port 管理速查表：開發者必備的網路診斷指令]]> https://joshhong.vercel.app/zh/posts/2025-08-30_Port_Management_Cheat_Sheet https://joshhong.vercel.app/zh/posts/2025-08-30_Port_Management_Cheat_Sheet Sat, 30 Aug 2025 00:00:00 GMT DevTools <![CDATA[Next.js 渲染模式完全指南：SSR/CSR/SSG/ISR]]> https://joshhong.vercel.app/zh/posts/2025-08-24_NextJS_Rendering_Patterns_Complete_Guide https://joshhong.vercel.app/zh/posts/2025-08-24_NextJS_Rendering_Patterns_Complete_Guide Sun, 24 Aug 2025 00:00:00 GMT Next.js SSG SSR Rendering Performance <![CDATA[Next.js 部落格 SSG 實作：從 SSR 到 SSG ]]> https://joshhong.vercel.app/zh/posts/2025-08-23_SSG_Implementation_Next_Blog https://joshhong.vercel.app/zh/posts/2025-08-23_SSG_Implementation_Next_Blog Sat, 23 Aug 2025 00:00:00 GMT Next.js SSG SSR Performance <![CDATA[XSS防護實戰：從「改 100 個檔案」到「一個攔截器」的經驗]]> https://joshhong.vercel.app/zh/posts/2025-08-01_XSS_Protection_Architecture_Refactoring https://joshhong.vercel.app/zh/posts/2025-08-01_XSS_Protection_Architecture_Refactoring Fri, 01 Aug 2025 00:00:00 GMT Security XSS JavaScript API <![CDATA[前端 gRPC 整合實戰：從 REST API 到 gRPC 的完整遷移方案]]> https://joshhong.vercel.app/zh/posts/2025-08-01_Frontend_gRPC_Integration_Implementation https://joshhong.vercel.app/zh/posts/2025-08-01_Frontend_gRPC_Integration_Implementation Fri, 01 Aug 2025 00:00:00 GMT gRPC TypeScript Next.js API <![CDATA[如何建立一個具有記憶能力，帶有大量上下文感知的聊天機器人（VideoSummarizer 專案）]]> https://joshhong.vercel.app/zh/posts/2025-06-22_video_summarizer_chatbot https://joshhong.vercel.app/zh/posts/2025-06-22_video_summarizer_chatbot Sun, 22 Jun 2025 00:00:00 GMT AI Next.js API Node.js <![CDATA[30 秒見真章 — 我自製的 YouTube 管理・摘要・筆記工具《VideoSummarizer》]]> https://joshhong.vercel.app/zh/posts/2025-06-21_Video_summarizer_project https://joshhong.vercel.app/zh/posts/2025-06-21_Video_summarizer_project Sat, 21 Jun 2025 00:00:00 GMT Next.js AI Node.js Video <![CDATA[成為軟體工程師一年之後，以及未來]]> https://joshhong.vercel.app/zh/posts/2025-06-15_after_a_year_being_swe https://joshhong.vercel.app/zh/posts/2025-06-15_after_a_year_being_swe Sun, 15 Jun 2025 00:00:00 GMT Career <![CDATA[GoogleDoc to Markdown 轉換小工具 (自動轉換+上傳圖片至Cloudinary+AI修文)]]> https://joshhong.vercel.app/zh/posts/2025-06-01_Google_Docs_to_Markdown_Tool https://joshhong.vercel.app/zh/posts/2025-06-01_Google_Docs_to_Markdown_Tool Sun, 01 Jun 2025 00:00:00 GMT Node.js AI DevTools <![CDATA[轉職軟體工程師？我個人的真實經驗分享]]> https://joshhong.vercel.app/zh/posts/2025-04-14_Career_switch_experience https://joshhong.vercel.app/zh/posts/2025-04-14_Career_switch_experience Mon, 14 Apr 2025 00:00:00 GMT Career <![CDATA[WhisperX + AiNiee + SakuraLLM 實現日文影片轉錄中文字幕]]> https://joshhong.vercel.app/zh/posts/2025-03-20_Whisperx_AiNiee_Sakurallm https://joshhong.vercel.app/zh/posts/2025-03-20_Whisperx_AiNiee_Sakurallm Thu, 20 Mar 2025 00:00:00 GMT AI Node.js DevTools Video <![CDATA[2025 Side Projects and Tools]]> https://joshhong.vercel.app/zh/posts/2025-03-13_side_projects_and_tools https://joshhong.vercel.app/zh/posts/2025-03-13_side_projects_and_tools Thu, 13 Mar 2025 00:00:00 GMT AI Node.js DevTools <![CDATA[NextAuth簡易實作流程]]> https://joshhong.vercel.app/zh/posts/2025-01-15_Simple_Implementation_Process_for_NextAuth https://joshhong.vercel.app/zh/posts/2025-01-15_Simple_Implementation_Process_for_NextAuth Wed, 15 Jan 2025 00:00:00 GMT Next.js Auth Node.js <![CDATA[個人部落格更新紀錄(一)：實作文章篩選器]]> https://joshhong.vercel.app/zh/posts/2025-01-12_Personal_Blog_Update_Post_Filters https://joshhong.vercel.app/zh/posts/2025-01-12_Personal_Blog_Update_Post_Filters Sun, 12 Jan 2025 00:00:00 GMT React Next.js JavaScript <![CDATA[Component共享狀態做法之context API實作]]> https://joshhong.vercel.app/zh/posts/2025-01-11_Component_State_Sharing_Options https://joshhong.vercel.app/zh/posts/2025-01-11_Component_State_Sharing_Options Sat, 11 Jan 2025 00:00:00 GMT React Next.js JavaScript <![CDATA[Moonlight 遠端串流設置筆記]]> https://joshhong.vercel.app/zh/posts/2025-01-10_Moonlight_Remote_Access_Setup_Notes https://joshhong.vercel.app/zh/posts/2025-01-10_Moonlight_Remote_Access_Setup_Notes Fri, 10 Jan 2025 00:00:00 GMT DevTools <![CDATA[控制Next.js路由變化連動的API請求]]> https://joshhong.vercel.app/zh/posts/2025-01-08_Handling_Nextjs_Routing_and_Context_Fetch_Issues https://joshhong.vercel.app/zh/posts/2025-01-08_Handling_Nextjs_Routing_and_Context_Fetch_Issues Wed, 08 Jan 2025 00:00:00 GMT Next.js React API <![CDATA[在Next.js應用下使用i18n]]> https://joshhong.vercel.app/zh/posts/2025-01-06_Using_i18n_in_Nextjs_Applications https://joshhong.vercel.app/zh/posts/2025-01-06_Using_i18n_in_Nextjs_Applications Mon, 06 Jan 2025 00:00:00 GMT Next.js React JavaScript <![CDATA[React 父子元件通信與 prop 使用]]> https://joshhong.vercel.app/zh/posts/2025-01-05_React_Parent_Child_Communication_and_Props_Usage https://joshhong.vercel.app/zh/posts/2025-01-05_React_Parent_Child_Communication_and_Props_Usage Sun, 05 Jan 2025 00:00:00 GMT React JavaScript <![CDATA[小寶成長日記更新紀錄(一)：前端與DB日期處理]]> https://joshhong.vercel.app/zh/posts/2025-01-04_Our_Little_Explorer_Update_Record https://joshhong.vercel.app/zh/posts/2025-01-04_Our_Little_Explorer_Update_Record Sat, 04 Jan 2025 00:00:00 GMT Next.js React JavaScript Node.js <![CDATA[使用IntersectionObserver實現lazyload的應用]]> https://joshhong.vercel.app/zh/posts/2025-01-03_Using_IntersectionObserver_for_Lazyload_Applications https://joshhong.vercel.app/zh/posts/2025-01-03_Using_IntersectionObserver_for_Lazyload_Applications Fri, 03 Jan 2025 00:00:00 GMT JavaScript Performance React <![CDATA[git fetch & git pull 專案錯誤]]> https://joshhong.vercel.app/zh/posts/2025-01-02_Git_Fetch_Pull_Project_Errors https://joshhong.vercel.app/zh/posts/2025-01-02_Git_Fetch_Pull_Project_Errors Thu, 02 Jan 2025 00:00:00 GMT Git DevTools <![CDATA[使用Postman查詢Github GraphQL API]]> https://joshhong.vercel.app/zh/posts/2025-01-01_Using_Postman_to_Query_Github_GraphQL_API https://joshhong.vercel.app/zh/posts/2025-01-01_Using_Postman_to_Query_Github_GraphQL_API Wed, 01 Jan 2025 00:00:00 GMT API Git DevTools <![CDATA[Git commit line count]]> https://joshhong.vercel.app/zh/posts/2024-12-31_Git_Commit_Line_Count https://joshhong.vercel.app/zh/posts/2024-12-31_Git_Commit_Line_Count Tue, 31 Dec 2024 00:00:00 GMT Git DevTools <![CDATA[MUI Select和表單元件]]> https://joshhong.vercel.app/zh/posts/2024-12-28_MUI_Select_and_Form_Components https://joshhong.vercel.app/zh/posts/2024-12-28_MUI_Select_and_Form_Components Sat, 28 Dec 2024 00:00:00 GMT React JavaScript <![CDATA[通用專案開發環境設置]]> https://joshhong.vercel.app/zh/posts/2024-12-26_dev_env_setup_guide https://joshhong.vercel.app/zh/posts/2024-12-26_dev_env_setup_guide Thu, 26 Dec 2024 00:00:00 GMT DevTools Git Deployment <![CDATA[了解JS陣列方法之 flat() and new Set()]]> https://joshhong.vercel.app/zh/posts/2024-12-13_Understanding_JavaScript_Array_Methods https://joshhong.vercel.app/zh/posts/2024-12-13_Understanding_JavaScript_Array_Methods Fri, 13 Dec 2024 00:00:00 GMT JavaScript <![CDATA[Metadata筆記]]> https://joshhong.vercel.app/zh/posts/2024-12-10_Understanding_Metadata https://joshhong.vercel.app/zh/posts/2024-12-10_Understanding_Metadata Tue, 10 Dec 2024 00:00:00 GMT Next.js Performance <![CDATA[VSCode 降版筆記]]> https://joshhong.vercel.app/zh/posts/2024-12-05_VSCode_Downgrade_and_Update_Settings_Notes https://joshhong.vercel.app/zh/posts/2024-12-05_VSCode_Downgrade_and_Update_Settings_Notes Thu, 05 Dec 2024 00:00:00 GMT DevTools Git <![CDATA[一行 JavaScript 函數將 URL 參數轉物件]]> https://joshhong.vercel.app/zh/posts/2024-12-02_url_params_to_object https://joshhong.vercel.app/zh/posts/2024-12-02_url_params_to_object Mon, 02 Dec 2024 00:00:00 GMT JavaScript <![CDATA[Synchronous(同步) vs Asynchronous (非同步) 筆記]]> https://joshhong.vercel.app/zh/posts/2024-11-28_Synchronous_vs_Asynchronous_Notes https://joshhong.vercel.app/zh/posts/2024-11-28_Synchronous_vs_Asynchronous_Notes Thu, 28 Nov 2024 00:00:00 GMT JavaScript Node.js <![CDATA[Node.js fs.readdir, readdirSync 使用方式]]> https://joshhong.vercel.app/zh/posts/2024-11-26_Nodejs_fs_readdir_and_readdirSync_Explained https://joshhong.vercel.app/zh/posts/2024-11-26_Nodejs_fs_readdir_and_readdirSync_Explained Tue, 26 Nov 2024 00:00:00 GMT Node.js JavaScript <![CDATA[Node.js Path.join 與 Process.cwd 方法]]> https://joshhong.vercel.app/zh/posts/2024-11-25_Nodejs_Path_join_and_Process_cwd_Explained https://joshhong.vercel.app/zh/posts/2024-11-25_Nodejs_Path_join_and_Process_cwd_Explained Mon, 25 Nov 2024 00:00:00 GMT Node.js JavaScript <![CDATA[DOMPurify使用方式]]> https://joshhong.vercel.app/zh/posts/2024-11-23_Using_DOMPurify https://joshhong.vercel.app/zh/posts/2024-11-23_Using_DOMPurify Sat, 23 Nov 2024 00:00:00 GMT JavaScript Security <![CDATA[了解JavaScript的String.replace()使用方式]]> https://joshhong.vercel.app/zh/posts/2024-11-22_Understanding_String_replace_Method_in_JavaScript https://joshhong.vercel.app/zh/posts/2024-11-22_Understanding_String_replace_Method_in_JavaScript Fri, 22 Nov 2024 00:00:00 GMT JavaScript <![CDATA[Google Sheets API 串接紀錄]]> https://joshhong.vercel.app/zh/posts/2024-09-13_Google_Sheets_API_Setup_and_Troubleshooting_Notes https://joshhong.vercel.app/zh/posts/2024-09-13_Google_Sheets_API_Setup_and_Troubleshooting_Notes Fri, 13 Sep 2024 00:00:00 GMT API Node.js Database <![CDATA[專案回顧-小寶成長日記]]> https://joshhong.vercel.app/zh/posts/2023-05-28_06baby https://joshhong.vercel.app/zh/posts/2023-05-28_06baby Sun, 28 May 2023 00:00:00 GMT Next.js React TypeScript API <![CDATA[React Table初探]]> https://joshhong.vercel.app/zh/posts/2023-04-18_reacttable https://joshhong.vercel.app/zh/posts/2023-04-18_reacttable Tue, 18 Apr 2023 00:00:00 GMT React JavaScript <![CDATA[API是什麼？REST API又是什麼？ ]]> https://joshhong.vercel.app/zh/posts/2023-04-05_restfulapi https://joshhong.vercel.app/zh/posts/2023-04-05_restfulapi Wed, 05 Apr 2023 00:00:00 GMT API Node.js <![CDATA[useState介紹]]> https://joshhong.vercel.app/zh/posts/2023-03-31_useState_explained https://joshhong.vercel.app/zh/posts/2023-03-31_useState_explained Fri, 31 Mar 2023 00:00:00 GMT React JavaScript <![CDATA[Tailwind CSS 使用心得，開發速度有感提升(2025/1/3更新)]]> https://joshhong.vercel.app/zh/posts/2023-03-30_Tailwind_CSS_Usage_Experience https://joshhong.vercel.app/zh/posts/2023-03-30_Tailwind_CSS_Usage_Experience Thu, 30 Mar 2023 00:00:00 GMT CSS Tailwind <![CDATA[寫技術部落格的理由與期望]]> https://joshhong.vercel.app/zh/posts/2023-03-29_Reasons_and_Expectations_for_Writing_a_Dev_Blog https://joshhong.vercel.app/zh/posts/2023-03-29_Reasons_and_Expectations_for_Writing_a_Dev_Blog Wed, 29 Mar 2023 00:00:00 GMT Career Blog