<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>開源項目 | 蔣濤</title><link>https://dylanchiang-dev.github.io/tags/%E9%96%8B%E6%BA%90%E9%A0%85%E7%9B%AE/</link><atom:link href="https://dylanchiang-dev.github.io/tags/%E9%96%8B%E6%BA%90%E9%A0%85%E7%9B%AE/index.xml" rel="self" type="application/rss+xml"/><description>開源項目</description><generator>Hugo Blox Builder (https://hugoblox.com)</generator><language>zh-TW</language><lastBuildDate>Sat, 11 Jul 2026 00:00:00 +0000</lastBuildDate><image><url>https://dylanchiang-dev.github.io/media/icon_hu_982c5d63a71b2961.png</url><title>開源項目</title><link>https://dylanchiang-dev.github.io/tags/%E9%96%8B%E6%BA%90%E9%A0%85%E7%9B%AE/</link></image><item><title>DC-WeMark：本地優先的微信公眾號 Markdown 排版工具</title><link>https://dylanchiang-dev.github.io/project/dc-wemark/</link><pubDate>Sat, 11 Jul 2026 00:00:00 +0000</pubDate><guid>https://dylanchiang-dev.github.io/project/dc-wemark/</guid><description>&lt;p>DC-WeMark 是一款面向微信公眾號作者的開源 Markdown 排版工具。使用者可以在左側撰寫 Markdown、於右側即時預覽，並將保留樣式的富文字一鍵貼入公眾號編輯器。整個處理流程都在瀏覽器本機完成，不需要帳號、後端或文章上傳。&lt;/p>
&lt;h2 id="我在項目中負責的工作">我在項目中負責的工作&lt;/h2>
&lt;p>這是由我主導設計與開發的獨立開源項目。我負責從問題定義、技術架構到產品交付的完整流程。&lt;/p>
&lt;ul>
&lt;li>&lt;strong>產品設計&lt;/strong>：聚焦 Markdown 作者進入公眾號編輯器時的格式損失、反覆調整與內容隱私問題，確立「排版、預覽、複製」的單一工作流。&lt;/li>
&lt;li>&lt;strong>核心引擎&lt;/strong>：以 Rust 和 &lt;code>comrak&lt;/code> 解析 Markdown AST，將主題規則轉換為公眾號可接受的 inline CSS，並編譯為 WebAssembly。&lt;/li>
&lt;li>&lt;strong>前端體驗&lt;/strong>：使用 Vite 與原生 TypeScript 完成雙欄編輯、同步捲動、手機預覽、檔案匯入匯出、草稿保存與剪貼簿相容處理。&lt;/li>
&lt;li>&lt;strong>設計系統&lt;/strong>：建立 48 款原創排版主題，並提供字體、字號、強調色和複製背景等可調參數。&lt;/li>
&lt;li>&lt;strong>工程交付&lt;/strong>：補齊 Rust 單元測試、Playwright 端到端測試、Docker 自架方案，以及 Cloudflare Pages 的持續部署流程。&lt;/li>
&lt;/ul>
&lt;h2 id="核心創新">核心創新&lt;/h2>
&lt;h3 id="1-將排版核心放進-webassembly">1. 將排版核心放進 WebAssembly&lt;/h3>
&lt;p>Markdown 解析、主題套用與相容性處理都由 Rust 核心完成，再透過 WebAssembly 在瀏覽器執行。同一套核心未來也能延伸至 CLI 或桌面端，而不必重新實作排版規則。&lt;/p>
&lt;h3 id="2-內容不離開使用者裝置">2. 內容不離開使用者裝置&lt;/h3>
&lt;p>系統沒有伺服器邏輯、資料庫或帳號服務。文章從輸入到複製始終保留在本機，兼顧敏感內容的隱私與離線可用性。&lt;/p>
&lt;h3 id="3-針對公眾號編輯器的相容輸出">3. 針對公眾號編輯器的相容輸出&lt;/h3>
&lt;p>一般網頁 CSS 無法直接保留在公眾號編輯器中。DC-WeMark 將樣式逐一內聯到元素，過濾不支援的標籤與屬性，並以 &lt;code>text/html&lt;/code> 寫入剪貼簿，讓貼上後的版式盡可能保持一致。&lt;/p>
&lt;h3 id="4-小體積低依賴的產品架構">4. 小體積、低依賴的產品架構&lt;/h3>
&lt;p>前端不依賴大型 UI 框架，部署產物是可由任何靜態服務託管的檔案。這讓線上版本、自架版本與未來多端重用都保持簡單。&lt;/p>
&lt;h2 id="技術架構">技術架構&lt;/h2>
&lt;ul>
&lt;li>&lt;strong>排版核心&lt;/strong>：Rust、comrak、WebAssembly&lt;/li>
&lt;li>&lt;strong>前端&lt;/strong>：Vite、TypeScript、HTML、CSS&lt;/li>
&lt;li>&lt;strong>品質保障&lt;/strong>：Rust tests、Playwright E2E&lt;/li>
&lt;li>&lt;strong>部署&lt;/strong>：Cloudflare Pages、Docker、nginx&lt;/li>
&lt;li>&lt;strong>授權&lt;/strong>：MIT License&lt;/li>
&lt;/ul>
&lt;p>
·
&lt;/p></description></item><item><title>博雅 BOYA：人文社科 AI 研究技能庫</title><link>https://dylanchiang-dev.github.io/project/boya-skills/</link><pubDate>Fri, 12 Jun 2026 00:00:00 +0000</pubDate><guid>https://dylanchiang-dev.github.io/project/boya-skills/</guid><description>&lt;p>博雅 BOYA 是我為人文社科研究者設計的開源 AI 論文工作流。它把選題、文獻檢索、研究設計、論文修改、引用查核、口試與投稿等工作拆成可獨立使用、也能接力運行的技能，讓 AI 處理繁重工作，同時把研究判斷與學術責任保留給研究者。&lt;/p>
&lt;h2 id="我在項目中負責的工作">我在項目中負責的工作&lt;/h2>
&lt;p>我負責 BOYA 的問題定義、工作流架構、全部技能設計、實測驗證與開源維護。&lt;/p>
&lt;ul>
&lt;li>&lt;strong>需求轉譯&lt;/strong>：將人文社科研究中的隱性方法知識，轉化為非程式背景研究者也能使用的提問、檢查點與產出格式。&lt;/li>
&lt;li>&lt;strong>工作流設計&lt;/strong>：建立一個導航入口與十六個專用技能，涵蓋研究問題、文獻、理論框架、方法、寫作、查核、口試與投稿。&lt;/li>
&lt;li>&lt;strong>人機協作治理&lt;/strong>：為研究問題、理論框架、方法選擇及解釋性判斷設置人工決策門，避免自動化越過研究者。&lt;/li>
&lt;li>&lt;strong>學術誠信機制&lt;/strong>：把「查無不編造」「引用必回源」「AI 使用透明揭露」寫成工作流中的硬性規則。&lt;/li>
&lt;li>&lt;strong>驗證體系&lt;/strong>：以真實論文材料建立實測案例、結構化評估與證據紀錄，持續把暴露出的問題寫回技能規則。&lt;/li>
&lt;li>&lt;strong>跨平台維護&lt;/strong>：支援 Codex、Claude Code 與 OpenCode，並提供繁體中文、簡體中文、英文和日文入口。&lt;/li>
&lt;/ul>
&lt;h2 id="核心創新">核心創新&lt;/h2>
&lt;h3 id="1-把研究方法轉化為可執行工作流">1. 把研究方法轉化為可執行工作流&lt;/h3>
&lt;p>BOYA 不只提供提示詞，而是把每個研究階段拆成明確的輸入、判斷門、產出物與交接條件，使 AI 協作具備可追蹤的研究過程。&lt;/p>
&lt;h3 id="2-human-in-the-loop-硬性決策門">2. Human-in-the-loop 硬性決策門&lt;/h3>
&lt;p>流程可以協助檢索、整理、核對與模擬提問，但遇到研究問題、理論選擇、方法取捨及主張修訂時，必須停下來由研究者決定。這是 BOYA 與全自動論文生成工具的核心差異。&lt;/p>
&lt;h3 id="3-區分書目存在與主張成立">3. 區分書目存在與主張成立&lt;/h3>
&lt;p>&lt;code>reference-check&lt;/code> 負責確認文獻與書目欄位，&lt;code>claim-audit&lt;/code> 則回到原文檢查關鍵主張是否得到支持，避免把 DOI 存在誤當成內容證據。&lt;/p>
&lt;h3 id="4-用真實研究材料驅動迭代">4. 用真實研究材料驅動迭代&lt;/h3>
&lt;p>每項技能都透過真實研究案例暴露邊界，再將錯誤模式寫回規則與評估。工作流的可靠性來自可檢查的實測紀錄，而不是僅靠功能描述。&lt;/p>
&lt;h2 id="項目成果">項目成果&lt;/h2>
&lt;ul>
&lt;li>建立 &lt;strong>17 個&lt;/strong>可組合的研究技能與完整導航工作流。&lt;/li>
&lt;li>累積 &lt;strong>20 個&lt;/strong>真實材料實測案例。&lt;/li>
&lt;li>提供離線單元測試、結構化回歸案例和跨模型手動驗證流程。&lt;/li>
&lt;li>以 MIT License 開源，並提供四種語言的使用入口。&lt;/li>
&lt;li>已用於作者碩士論文的參考文獻覆核，發現 DOI、署名及書目資訊錯誤並公開勘誤。&lt;/li>
&lt;/ul>
&lt;p>
·
&lt;/p></description></item><item><title>家庭任務管理系統：Cloudflare 全棧協作平台</title><link>https://dylanchiang-dev.github.io/project/family-task-manager/</link><pubDate>Thu, 02 Oct 2025 00:00:00 +0000</pubDate><guid>https://dylanchiang-dev.github.io/project/family-task-manager/</guid><description>&lt;p>家庭任務管理系統是一套面向家庭與小型團隊的開源協作平台。它將任務、日曆、靈感箱、週期安排、成員分工與通知整合在同一個介面，並以 Cloudflare 的邊緣服務完成前後端與資料層部署。&lt;/p>
&lt;h2 id="我在項目中負責的工作">我在項目中負責的工作&lt;/h2>
&lt;p>這是由我主導設計、開發與維護的全棧開源項目。我完成了從早期 PHP 版本到端到端 TypeScript 架構的整體重構。&lt;/p>
&lt;ul>
&lt;li>&lt;strong>產品定義&lt;/strong>：從家庭成員共同管理日常任務的需求出發，設計工作台、任務、日曆、靈感箱、分類、成員與個人設定等核心流程。&lt;/li>
&lt;li>&lt;strong>架構重構&lt;/strong>：將 PHP 與 MySQL 單體系統重構為 React、Hono、Cloudflare Workers、D1、KV 和 R2 組成的邊緣原生架構。&lt;/li>
&lt;li>&lt;strong>資料與 API&lt;/strong>：設計團隊、任務、分類、評論、通知、週期任務與日程區塊的資料模型、驗證規則和 API。&lt;/li>
&lt;li>&lt;strong>複雜任務邏輯&lt;/strong>：實作週期任務生成、時間窗口、積壓任務、日曆檢視與排程更新，處理跨層資料一致性。&lt;/li>
&lt;li>&lt;strong>身份與權限&lt;/strong>：建置 JWT 存取權杖、KV refresh session、團隊隔離與角色權限。&lt;/li>
&lt;li>&lt;strong>工程品質&lt;/strong>：採用 monorepo、前後端共享 Zod schema、型別檢查、單元測試與 Cloudflare 自動部署。&lt;/li>
&lt;/ul>
&lt;h2 id="核心創新">核心創新&lt;/h2>
&lt;h3 id="1-從個人待辦轉向家庭協作">1. 從個人待辦轉向家庭協作&lt;/h3>
&lt;p>系統不只管理單一使用者的清單，而是以家庭或小型團隊為單位，支援成員指派、分類、評論、通知與多視角工作台。&lt;/p>
&lt;h3 id="2-以時間語義統一多種任務">2. 以時間語義統一多種任務&lt;/h3>
&lt;p>一般任務、週期任務、時間窗口、行程與靈感箱各自有不同的生命週期。系統透過共享資料契約與日曆視圖，讓不同任務能在一致的操作模型中管理。&lt;/p>
&lt;h3 id="3-端到端-typescript-契約">3. 端到端 TypeScript 契約&lt;/h3>
&lt;p>前端、後端與共享套件位於同一個 pnpm workspace，並以 Zod schema 和型別共享降低 API 欄位漂移，使輸入驗證與型別安全從介面一路延伸至資料層。&lt;/p>
&lt;h3 id="4-邊緣原生的低維運架構">4. 邊緣原生的低維運架構&lt;/h3>
&lt;p>前端部署於 Cloudflare Pages，API 運行於 Workers，資料使用 D1、KV 與 R2。這套架構減少傳統伺服器維護，同時保留資料庫、快取、檔案與排程能力。&lt;/p>
&lt;h2 id="技術架構">技術架構&lt;/h2>
&lt;ul>
&lt;li>&lt;strong>前端&lt;/strong>：React、TypeScript、Vite、Tailwind CSS、shadcn/ui、PWA&lt;/li>
&lt;li>&lt;strong>後端&lt;/strong>：Hono、Cloudflare Workers、Zod&lt;/li>
&lt;li>&lt;strong>資料層&lt;/strong>：Cloudflare D1、Drizzle ORM、KV、R2&lt;/li>
&lt;li>&lt;strong>工程化&lt;/strong>：pnpm workspace、Vitest、MSW、Cloudflare Pages&lt;/li>
&lt;li>&lt;strong>授權&lt;/strong>：MIT License&lt;/li>
&lt;/ul>
&lt;p>
·
&lt;/p></description></item></channel></rss>