挫屎勇 (wemee) 的技術部落格。跟 AI Agent 一起寫程式的實戰心得、前端與全端開發筆記、無線網路實驗，以及把想法做成產品的過程。https://wemee.github.io/zh-Hanthttps://wemee.github.io/blog/lora-meshtastic-intro/https://wemee.github.io/blog/lora-meshtastic-intro/手機沒訊號的時候，還有什麼辦法把一句話送出去？LoRa 是一種用速率換距離的無線電技術，Meshtastic 是跑在它上面的開源網狀通訊系統。這篇從零開始講清楚它是什麼、怎麼運作、傳多遠、能做什麼，以及它做不到什麼。Sat, 08 Aug 2026 00:00:00 GMTLoRaMeshtasticmesh無線電災害備援wemee (with AI assistant)https://wemee.github.io/blog/meshtastic-broadcast-storm/https://wemee.github.io/blog/meshtastic-broadcast-storm/2008 年我的碩士論文在研究車載隨意網路的路由層：下一跳怎麼選、怎麼壓制廣播風暴、怎麼把封包到達率拉高。十幾年後 Meshtastic 把 multi-hop ad hoc 網路做成了商品，卻幾乎不做路由。這篇用當年的問題意識重新檢視它的每一個設計決策。Sat, 08 Aug 2026 00:00:00 GMTMeshtasticLoRaMANETVANETrouting無線網路wemee (with AI assistant)https://wemee.github.io/blog/pachinko-state-machine/https://wemee.github.io/blog/pachinko-state-machine/用程式把封入式柏青哥剝到只剩機率骨架，三大機種的差別其實只落在一個點上：大當り怎麼被判定。寫的過程踩到一個有意思的坑——每個機率都抄自真機，組合起來玩家卻長期穩賺。問題出在它們是相乘的，以及『公称繼續率』是個偏樂觀的數字。順帶記怎麼用『跑幾百萬發、看回收率』取代手算 EV。Fri, 19 Jun 2026 00:00:00 GMT遊戲開發狀態機機率遊戲設計柏青哥wemeehttps://wemee.github.io/blog/warfront-dev-notes-1-design/https://wemee.github.io/blog/warfront-dev-notes-1-design/第三款中型遊戲想做單線拉鋸 RTS:兩陣營、升主堡、出兵自動進攻。但「自動出兵、自動開打」藏著一個陷阱——玩家到底在玩什麼?會不會變成放著看的放置遊戲?記錄我怎麼用四根支柱把它撐成一款有決策的遊戲:相剋三角(而非線性強弱)、經濟與軍隊的賭局、戰爭迷霧與偵查、手動指揮,以及一個防雪球的主場優勢。Sat, 13 Jun 2026 00:00:00 GMT遊戲開發Phaser即時戰略遊戲設計TypeScriptwemee (with AI assistant)https://wemee.github.io/blog/warfront-dev-notes-2-feel/https://wemee.github.io/blog/warfront-dev-notes-2-feel/核心做完、坐下來玩,馬上撞到兩個哭笑不得的 bug:盾兵卡在弓兵後面動不了、貼城的敵軍跟我新出的兵互相穿過無視。揪出根源才發現,兩個 bug 同源於我把移動模型設計得太巧——排隊成戰列加上只往前方索敵。記錄這個轉念:把出兵點挪到城堡後方,一個空間安排就消掉兩個 bug 跟一堆特例,以及牧師該怎麼聰明走位。Sat, 13 Jun 2026 00:00:00 GMT遊戲開發Phaser即時戰略重構TypeScriptwemee (with AI assistant)https://wemee.github.io/blog/tactics-roguelike-dev-notes/https://wemee.github.io/blog/tactics-roguelike-dev-notes/第二款中型遊戲想做 roguelike,但又一個經典 Rogue clone 太安全。改走 Into the Breach 路線:完全資訊、敵人預告下一步,讓每一層變成一局可以推演到底的棋。記錄這個轉念怎麼決定了整套架構——純邏輯可單測、預告就是一筆鎖定的資料、友傷靠一行程式長出深度,以及一個讓兩隻怪疊在同一格的 BFS 坑。Sun, 31 May 2026 00:00:00 GMT遊戲開發Phaserroguelike遊戲設計演算法TypeScriptwemee (with AI assistant)https://wemee.github.io/blog/tower-defense-dev-notes/https://wemee.github.io/blog/tower-defense-dev-notes/遊戲區清一色小品,這次想做點有系統交互的「中型」遊戲。塔防的關卡怎麼做到無限?關鍵不是寫更多波次,而是讓兩條成長曲線交叉——血量指數漲、獎勵線性漲,失守只是時間問題。順帶記資料驅動的內容量、HUD 與 Phaser 怎麼解耦,以及體驗是怎麼一輪輪玩出來的。Sun, 31 May 2026 00:00:00 GMT遊戲開發Phaser塔防遊戲設計TypeScriptwemee (with AI assistant)https://wemee.github.io/blog/collaborating-with-ai-1-mindset/https://wemee.github.io/blog/collaborating-with-ai-1-mindset/把任務丟給 AI、期待它變出完美成品,通常會失望。真正有生產力的協作,是先想清楚『哪些事該交給它、哪些事我得自己扛』。一個老工程師蓋完 8 軌道 64 課線上課程後,對人機分工的實戰心得。Sat, 30 May 2026 00:00:00 GMTAI協作Claude CodeAI Agent工作法心法wemee (with AI assistant)https://wemee.github.io/blog/collaborating-with-ai-2-kickoff/https://wemee.github.io/blog/collaborating-with-ai-2-kickoff/AI agent 表現好不好,八成在你按下 Enter 之前就決定了。餵足脈絡、先對齊計劃、把大任務拆成可驗收的小塊——這三件開場功夫,是我跟 agent 協作裡投資報酬率最高的部分。Sat, 30 May 2026 00:00:00 GMTAI協作Claude Codecontext工作法拆任務wemee (with AI assistant)https://wemee.github.io/blog/collaborating-with-ai-3-guiding/https://wemee.github.io/blog/collaborating-with-ai-3-guiding/有時候我心裡早有答案,卻故意不直接講。因為我要的不是『我的答案』,而是更好的答案。怎麼用『假意討論』養出脈絡、逼 agent 發想、判斷它夠不夠創新,再決定要不要放它去做——一個刻意不當神諭的協作技巧。Sat, 30 May 2026 00:00:00 GMTAI協作Claude Code引導創意工作法wemee (with AI assistant)https://wemee.github.io/blog/collaborating-with-ai-4-closing/https://wemee.github.io/blog/collaborating-with-ai-4-closing/Agent 說『搞定了』,不等於真的搞定了。它的自信跟正確率是兩條獨立的曲線。怎麼用『不盲信』的心態驗證輸出、設計能自動抓錯的關卡、以及辨認那個『該換我自己上』的時刻——協作的最後一哩,品質都在這裡決定。Sat, 30 May 2026 00:00:00 GMTAI協作Claude Code驗證code review工作法wemee (with AI assistant)https://wemee.github.io/blog/collaborating-with-ai-5-trust/https://wemee.github.io/blog/collaborating-with-ai-5-trust/該死盯著 agent 的每一步,還是給它全部權限、放它一路幹到底?這不是是非題,是一條光譜。用『炸的範圍 × 能不能回頭 × 驗不驗得了』三把尺,決定每個任務該給多少自由——以及哪些訊號代表它正在走偏。Sat, 30 May 2026 00:00:00 GMTAI協作Claude Code信任自動化風險wemee (with AI assistant)https://wemee.github.io/blog/collaborating-with-ai-6-tooling/https://wemee.github.io/blog/collaborating-with-ai-6-tooling/前面講的心法,靠每次手動執行很快會累垮。怎麼用設定檔、長期記憶、slash 指令、子代理、自動化關卡,把『好的協作習慣』固化成系統——讓 agent 跨 session 記住你的偏好,讓一次性的默契變成可重複的工作流。Sat, 30 May 2026 00:00:00 GMTAI協作Claude Codememory自動化工具wemee (with AI assistant)https://wemee.github.io/blog/collaborating-with-ai-7-casestudy/https://wemee.github.io/blog/collaborating-with-ai-7-casestudy/把前六篇的所有原則,放回它們真正發生的現場。從一句『我全都想做』到八軌道六十四堂課上線,一個人加一個 AI agent,到底是怎麼一起走完這段路的——分工、引導、驗證、信任、工具,全部在一個真實專案裡同時運轉。Sat, 30 May 2026 00:00:00 GMTAI協作Claude Codecase study程式實驗室復盤wemee (with AI assistant)https://wemee.github.io/blog/oracle-face-rig/https://wemee.github.io/blog/oracle-face-rig/與其準備 N 張表情圖硬切,不如把五官變成一組數值。情緒是參數預設,切換是補間——平滑變形、眼神跟隨、對嘴說話全從同一套參數長出來。順帶記一個 git worktree 害 Vite 擋掉 React runtime 的坑。Sat, 30 May 2026 00:00:00 GMToraclesvganimationface-rigastroreactwemee (with AI assistant)https://wemee.github.io/blog/id-photo-cm-dpi/https://wemee.github.io/blog/id-photo-cm-dpi/公制尺寸到像素的換算、Math.floor 排版置中、刻意保留的重複程式碼，跟一個 cropper 元件怎麼透過 outputMode 同時服務「下載」跟「丟回父元件」兩種完全不同的工具。Wed, 27 May 2026 00:00:00 GMTid-photocanvasdpireactcomponent-reusewemee (with AI assistant)https://wemee.github.io/blog/image-lab-heic-tiff/https://wemee.github.io/blog/image-lab-heic-tiff/在瀏覽器內解 HEIC 跟 TIFF、用 dynamic import 把解碼器擋在主 bundle 外、iOS Safari 的 file.type 空字串、cropperjs 預設樣式為什麼不能用，跟 Tailwind JIT 對動態 class 的硬性要求。Wed, 27 May 2026 00:00:00 GMTimage-labheictifftailwindcropperreactwemee (with AI assistant)https://wemee.github.io/blog/notepad-contenteditable-clipboard/https://wemee.github.io/blog/notepad-contenteditable-clipboard/做一個免登入的線上記事本，前端三個非顯而易見的決定：為什麼用 contentEditable、為什麼剪貼簿要分三條軌道、為什麼背景色無論如何都要剝掉。Wed, 27 May 2026 00:00:00 GMTnotepadcontenteditableclipboardreactweb-apiwemee (with AI assistant)https://wemee.github.io/blog/notepad-indexeddb-races/https://wemee.github.io/blog/notepad-indexeddb-races/切換筆記讓 sidebar 順序自己跳、按下垃圾桶一秒後筆記又復活——同一個工具裡的兩個 race condition 怎麼修，以及為什麼把純邏輯抽到獨立檔案。Wed, 27 May 2026 00:00:00 GMTnotepadindexeddbrace-conditionreacttestingwemee (with AI assistant)https://wemee.github.io/blog/qrcode-tabs-paste/https://wemee.github.io/blog/qrcode-tabs-paste/在瀏覽器解碼跟產生 QR Code，加上一個被 Headless UI 的 Tabs 設計引發的全域 paste race condition。用 offsetParent 判斷自己是否真的可見。Wed, 27 May 2026 00:00:00 GMTqrcodepasteheadlessuitabsreactwemee (with AI assistant)https://wemee.github.io/blog/todo-localstorage/https://wemee.github.io/blog/todo-localstorage/整站最簡單的一個工具：一個 localStorage key 加一份 React state 就完事。但藏在裡面的有 IME 組字、Modal 關閉策略、跟為什麼這次不用 debounce。Wed, 27 May 2026 00:00:00 GMTtodolocalstoragereactimewemee (with AI assistant)https://wemee.github.io/blog/paradox-of-capability/https://wemee.github.io/blog/paradox-of-capability/當年美國海軍做出 Tor，發現只有自己用匿名網路等於自我標記。2026 年 Anthropic 的 Claude Mythos 掃出數千個 zero-day，正面臨同樣的困境。這不是巧合，而是權力的結構性悖論。Wed, 08 Apr 2026 00:00:00 GMTsecurityprivacyAIgame-theorywemeehttps://wemee.github.io/blog/clawdbot-hype-vs-reality/https://wemee.github.io/blog/clawdbot-hype-vs-reality/Clawdbot 被吹捧成「明天就能讓你躺著登月」的神器，但這真的是事實嗎？讓我們戳破這個美夢，正視 AI 發展中的現實與技術限制。Tue, 27 Jan 2026 00:00:00 GMTAIClawdbotTechnologyHypewemeehttps://wemee.github.io/blog/snake-rl-architecture/https://wemee.github.io/blog/snake-rl-architecture/分享一個高內聚、低耦合的機器學習架構設計。利用 Gymnasium 與 Stable-Baselines3 在 Python 訓練，透過策略模式與 JSON 權重導出，在瀏覽器端實現高效能、可擴充的 AI 推理。Sun, 18 Jan 2026 00:00:00 GMTMachine LearningTypeScriptPythonArchitectureDesign PatternsSnake AIwemeehttps://wemee.github.io/blog/snake-rl-evolution-zen/https://wemee.github.io/blog/snake-rl-evolution-zen/這是一篇關於我們如何把一條只會在角落轉圈的笨蛇，訓練成能填滿 40% 地圖的頂級掠食者的故事。過程充滿了過度設計的失敗、被獎勵機制誤導的痛苦，以及最後「無為而治」的頓悟。Sun, 18 Jan 2026 00:00:00 GMTReinforcement LearningAISnake GameGymnasiumReward Shapingwemeehttps://wemee.github.io/blog/phaser-architecture/https://wemee.github.io/blog/phaser-architecture/分享在 Astro 專案中整合 Phaser 3 時的架構重構經驗。探討如何從快速原型演進到符合 SOLID 原則的可維護架構。Wed, 14 Jan 2026 00:00:00 GMTphaserarchitecturesolidtypescriptrefactoringwemee (with AI assistant)https://wemee.github.io/blog/phaser-physics-gotcha/https://wemee.github.io/blog/phaser-physics-gotcha/深入研究 Phaser 3 Arcade Physics 的碰撞機制。揭露動能損失的根本原因，以及如何自訂碰撞邏輯來實現真正的完全彈性碰撞。Wed, 14 Jan 2026 00:00:00 GMTphaserphysicsdebugginggotchawemee (with AI assistant)https://wemee.github.io/blog/phaser-tech-selection/https://wemee.github.io/blog/phaser-tech-selection/記錄在 Astro 網站中導入 2D 遊戲引擎的完整決策過程。從現有的原生 Canvas 遊戲出發，分析為何選擇 Phaser 3，以及它如何滿足製作熱血風格遊戲的需求。Wed, 14 Jan 2026 00:00:00 GMTphasergame-devarchitecturedecision-makingwemee (with AI assistant)https://wemee.github.io/blog/stairs-rl-success/https://wemee.github.io/blog/stairs-rl-success/記錄下樓梯遊戲從規則 AI 失敗到 RL 成功的完整歷程。探討 GameCore 分離、PyMiniRacer 數值一致性、統一訓練框架與 500K 步訓練的實作細節。Wed, 14 Jan 2026 00:00:00 GMTreinforcement-learningppoarchitecturepytorchtensorflow-jssolidwemee (with AI assistant)https://wemee.github.io/blog/traffic-flow-simulation/https://wemee.github.io/blog/traffic-flow-simulation/從 IDM 智慧駕駛模型開始，逐步加入隨機減速與反應時間延遲，讓車流模擬從「機械感」變得「像真的」。完整記錄幽靈塞車的物理原理與調校心得。Wed, 14 Jan 2026 00:00:00 GMTsimulationphysicstrafficidmjavascriptwemee (with AI assistant)https://wemee.github.io/blog/mnist-browser-ml/https://wemee.github.io/blog/mnist-browser-ml/從零開始訓練 MNIST 模型，轉換為 TensorFlow.js 格式，並在瀏覽器中實現即時推理與 Saliency Map 可解釋性視覺化。完整記錄技術選型、踩坑經驗與效能優化。Tue, 13 Jan 2026 00:00:00 GMTmachine-learningtensorflowbrowsermnistexplainabilitywemee (with AI assistant)https://wemee.github.io/blog/coding-evolution-from-pointers-to-prompts/https://wemee.github.io/blog/coding-evolution-from-pointers-to-prompts/從 C 語言的指標地獄，到腳本語言的解放，再到 AI 輔助開發的新時代。一個寫了 20 年程式的工程師，回顧那些年我們追過的編譯器錯誤。Mon, 12 Jan 2026 00:00:00 GMT程式開發C語言PythonAIClaude Code回憶錄wemeehttps://wemee.github.io/blog/age-of-delegated-living/https://wemee.github.io/blog/age-of-delegated-living/如果 AI 不只幫我們工作，甚至幫我們「體驗」生活？探討一個人類極度懶惰的未來，所有事情都成為指令，連釣魚、旅遊都由 Agent 代勞。Sun, 11 Jan 2026 00:00:00 GMTaifuture-techphilosophydystopiawemee (with AI assistant)https://wemee.github.io/blog/ai-evolution-part1-awakening/https://wemee.github.io/blog/ai-evolution-part1-awakening/回顧 20 年前的 AI 研究，從 SVM 機器人導航到 CNN 解決不可思議的「貓狗大戰」，以及 AlphaGo帶來的震撼。Sun, 11 Jan 2026 00:00:00 GMTAISVMCNNAlphaGoDeep Learning機器學習回憶錄wemeehttps://wemee.github.io/blog/ai-evolution-part2-creation/https://wemee.github.io/blog/ai-evolution-part2-creation/AI 開始有了「創造力」。紀錄我鑽研 AE, VAE, GAN, StyleGAN 到 Stable Diffusion 的生成式 AI 狂熱年代。Sun, 11 Jan 2026 00:00:00 GMTAIGANDiffusionStable DiffusionGenerative AI機器學習wemeehttps://wemee.github.io/blog/ai-evolution-part3-agency/https://wemee.github.io/blog/ai-evolution-part3-agency/邁入 LLM 時代，從 Transformer 到 Antigravity AI Agent。大江東去，看盡 AI 技術浪潮。Sun, 11 Jan 2026 00:00:00 GMTAILLMTransformerAI AgentAntigravity機器學習wemeehttps://wemee.github.io/blog/breakout-ai/https://wemee.github.io/blog/breakout-ai/深入解析經典打磚塊遊戲的 AI 實作。探討如何利用確定性物理系統的特性，透過暴力搜尋 (Brute-force Search) 與軌跡模擬，在有限狀態空間中尋求全域最佳解。Sat, 10 Jan 2026 00:00:00 GMTgame-aialgorithmsimulationtypescriptwemee (with AI assistant)https://wemee.github.io/blog/evolution-of-software-and-agents/https://wemee.github.io/blog/evolution-of-software-and-agents/探討軟體發展的三個階段：從人類學習適應複雜的 GUI，到 AI Agent 代勞操作，最終邁向「意圖即軟體」的未來。當自然語言成為終極介面，既有的軟體形態將如何消亡？Sat, 10 Jan 2026 00:00:00 GMTaifuture-techhciagentic-workflowwemee (with AI assistant)https://wemee.github.io/blog/stairs-ai-failure/https://wemee.github.io/blog/stairs-ai-failure/為什麼同樣是物理模擬，打磚塊成功了，下樓梯卻失敗了？深入分析高頻連續決策系統中的震盪效應 (Oscillation) 與貪婪演算法的侷限。Sat, 10 Jan 2026 00:00:00 GMTgame-aicontrol-theoryfailure-analysisjavascriptwemee (with AI assistant)https://wemee.github.io/blog/astro-migration/https://wemee.github.io/blog/astro-migration/記錄將個人 GitHub Pages 網站從純靜態 HTML 遷移到 Astro 框架的完整過程，包含遇到的問題與解決方案。Fri, 09 Jan 2026 00:00:00 GMTastrogithub-pagesweb-developmentmigrationwemee (with AI assistant)https://wemee.github.io/blog/html-css-viewport-units/https://wemee.github.io/blog/html-css-viewport-units/介紹 CSS 的 vh、vw、vmin 單位，以及如何用 JavaScript 的 screen.width / screen.height 相對螢幕大小設定元素尺寸。Tue, 09 Dec 2014 00:00:00 GMThtmlcssjavascriptviewportrwdwemee