GWP4 STUDIO Logo

GWP4 STUDIO

一個記錄專案實作經驗、技術筆記與踩坑紀錄的個人技術站。主題涵蓋資料工程、全端開發、AI 工具整合、反向工程與雲端部署。

最新文章

完整記錄每個專案從動機、卡關、技術選擇到實作細節的過程。

全部 19 篇 →
·專案紀錄

Google Chat 又難用又醜,所以我做了 Schat:用 Chrome Extension 把它包成 Slack 風格

深度解析 Schat 的設計:為什麼不能走官方 API、為什麼必須在 chat.google.com 分頁內由 Chrome 親自發請求(x-browser-validation 反爬簽章)、五層 RPC 怎麼串、訊息排程/自訂 emoji/桌面通知怎麼疊加在反向工程出來的 Dynamite 私有協定上面。

·技術筆記

Web Log:把 Chrome 的 HTTP / WebSocket 流量灌進 ring buffer,讓 Claude Code 直接查

做 Schat 反向工程 Google Chat 私有協定時,DevTools Network panel 完全不夠用——它跟 chrome.debugger 互斥、查詢不了、留不下來。所以做了 web-log:Chrome extension 持續攔截 HTTP(S) 與 WebSocket → in-memory ring buffer → Claude Code skill 自然語言查詢。本文記錄它的設計、與 Schat 開發時的實際搭配,以及 chrome.debugger API 那些討厭的硬性限制。

·技術筆記

我請 Claude Code 幫自己的開發流程跑了 7 輪實驗:一段優化 SpecFlow 的心得

上個月做了 SpecFlow 第一版,中間修修改改之後,我想到應該認真 review 這個流程到底有沒有效益。於是請 Claude Code 撰寫了一份 benchmark 實驗,連續跑 7 輪來優化整個流程與 prompt。這篇是這段路程的心得,以及一路上顛覆我對 prompt engineering 認知的反直覺發現。

·DevOps

在 Mac + OrbStack 上搭一條 GitHub Actions 部署管線:從 0 到實際踩過的所有坑

把多個獨立 GitHub repo 的 service 部署到一台 Mac 的完整實戰:自架 self-hosted runner、用 GHCR 管 image、組織遷移、Keychain 問題、Multi-arch build、Docker plugin 路徑等等真實踩過的工程細節。

·技術筆記

用 Go 打造 OpenAI Codex API Proxy:OAuth 認證與 SSE 串流轉譯

記錄如何用純 Go 標準庫實作一個 OpenAI 相容的 API Proxy,讓 ChatGPT Plus 訂閱直接驅動 Cursor、aider 等開發工具,涵蓋 OAuth Device Flow、Responses API 格式轉譯與 SSE 串流處理。

·專案紀錄

為接案者打造輕量 CRM:Next.js + NestJS 全端開發紀錄

記錄開發一套面向自由工作者的客戶關係管理系統的過程,涵蓋認證設計、Pipeline 看板、活動追蹤、以及從需求分析到部署的完整全端開發經驗。

專案與對應文章

每個專案都有完整的技術文章記錄背後的思考與實作。點擊閱讀完整紀錄。

Schat — Slack 風格 Google Chat 客戶端

因為 Google Chat 又難用又醜,做了一個用 Chrome Extension 橋接的本地前端,反向工程 Dynamite 私有協定、加上排程訊息與自訂提示音等原版沒有的功能。

Chrome ExtensionReact反向工程

Web Log — Chrome 流量擷取工具

把 Chrome 的 HTTP/WebSocket 流量持續灌進本地 ring buffer,搭配 Claude Code skill 用自然語言查詢——做 Schat 反向工程時的眼睛和耳朵。

Chrome ExtensionClaude Code開發工具

租窩 Zwoo — 租屋資料地圖

用 LLM 從多源租屋資料抽取結構化欄位、灌進 PostgreSQL,再用 Next.js + Google Maps 做可視化的看房平台。

Next.jsLLMGoogle Maps

USJ 等待時間

整理大阪環球影城設施等待時間的資料管線——從爬取、清洗、寫入到前端呈現的全流程紀錄。

資料管線Web 爬蟲即時資訊

巴菲特選股日報

每日自動拉取台股與美股財報、用巴菲特價值投資指標評分。背後是一條 SaaS 級的分析架構。

資料分析股票篩選SaaS

OpenJarvis — 全離線 AI 會議助理

macOS 桌面 AI 會議助理:本地語音辨識、即時逐字稿、AI 摘要、語音複製 TTS——全部離線運作,音訊不離開電腦。

TauriRust語音辨識