專注於 AI 工作流、AI Coding 與 SaaS 產品開發的實戰筆記。

為什麼你的 AI 需要一個記憶——GBrain 個人化 AI 知識庫完整入門

為什麼你的 AI 需要一個記憶——GBrain 個人化 AI 知識庫完整入門

為什麼你的 AI 需要一個記憶——GBrain 個人化 AI 知識庫完整入門 你跟 ChatGPT 講過 100 次的事,下次新對話它還是不知道。 你硬碟裡躺著 500 篇 markdown 筆記,但 AI 一篇都找不到。 你三個月前怎麼決定一個產品方向、你經營過的客戶、你昨天讀完那本書的重點——全在你電腦裡,但你的 AI 看不到。 大部分人把 AI 當「更聰明的 Google」。但真正的個人化 AI 不是這個——是有記憶的同事。是知道你過去說過什麼、做過什麼、決定過什麼、然後在你今天要做新決策時,幫你把過去那些拉出來給你看。 這篇我會講清楚:誰需要個人化 AI、它真正能做什麼、為什麼 GBrain(Y Combinator
19 min read
Harness Engineering:做 AI 產品工程師必須得知道的新技能

Harness Engineering:做 AI 產品工程師必須得知道的新技能

你大概也遇過這種情況:同樣是用 GPT-5.5 或 Claude Opus 4.7——X 上看到別人的 demo 跑得超順、agent 連續工作幾小時都不會崩;到你自己手上,它做幾步就跑偏、把你叫它做的事誤解、或自信地說「修好了」但實際根本沒跑通。 第一反應通常是:是不是 prompt 沒寫好?是不是 RAG 沒調明白?是不是模型不夠強? 都不是。 差距在一個你可能從沒聽過、但 2026 年最頂尖的 AI 團隊正在投入最多人力的東西——Harness Engineering。 這篇我寫給「做 AI 產品落地的工程師」——不是訓練模型的研究者,是把 AI 用在實際業務上、做 Agent 的人。我會講清楚:
22 min read
用 Claude + Codex 打造你的 Threads 海巡機器人——每 3 小時自動爬、篩、發 Discord(含風險警告)

用 Claude + Codex 打造你的 Threads 海巡機器人——每 3 小時自動爬、篩、發 Discord(含風險警告)

先講風險再看做法——這種瀏覽器自動化操作違反多數平台的服務條款。自動爬可能會被封號、自動發文風險爆表。本文教的所有東西都強烈建議用小帳跑,你的主帳號不要碰。本文後段有完整風險章節,務必讀完再動手。 你大概也有這種狀態:經營 Threads(或 X、IG)要靠每天滑動態抓題目、找對話、看別人在紅什麼。一天滑 1 小時都不夠,而且滑完還會跳針——你關心的好內容跟你不在意的雜訊混在一起,你的注意力被演算法綁架。 我這個月做了一件事:讓一個機器人替我滑。 每 3 小時,它自動巡邏 Threads(或 X)我指定的主題、捕捉感興趣的篇章、整理成資訊圖解,推到我的 Discord 頻道。我每天早上花 10 分鐘掃完——比親自滑 1 小時抓到的有用內容還多。 這篇我會講清楚:怎麼用 Claude + Codex Chrome 外掛
16 min read
Codex、Claude Code、Antigravity——三個 AI 寫 code agent 的真實比較與選法(含預算分檔建議)

Codex、Claude Code、Antigravity——三個 AI 寫 code agent 的真實比較與選法(含預算分檔建議)

如果你最近想開始用 AI 寫 code agent,會發現選擇變多了——OpenAI 的 Codex、Anthropic 的 Claude Code、Google 在 5/19 剛大改版的 Antigravity 2.0。每家都說自己最強,每個訂閱都 $20–$200 起跳。 你不是要選最強的那一個,你是要選最划算的那一個。這篇我會用 2026/5/23 為時間錨點,講清楚:3 個工具各自的甜蜜區、不同預算下該怎麼買、為什麼 GitHub Copilot 我這篇不深講、以及一個業界已成共識的「分工搭配」做法。讓我們開始吧。 1. 為什麼這篇只比 3 個、把
14 min read
為什麼我用 Claude 寫部落格、卻用 Codex 配圖——一個被多數人沒想過的 AI 分工

為什麼我用 Claude 寫部落格、卻用 Codex 配圖——一個被多數人沒想過的 AI 分工

如果你已經用 Codex CLI 了,可能會問:「Codex 本來就能畫圖、能寫文,幹嘛還搞分工?」 答案很直接——因為 Codex 寫文的味道很 AI。 文字段落硬、句子過於工整、比喻死板、節奏一致到讓人想睡。它寫 code 寫得超好,但寫部落格、寫文案、寫一篇要被人讀的東西,跟 Claude 比起來差很多。 但 Codex 內建 image_gen 這個工具,Claude 沒有。 所以我這週做了一件事:用 Claude 寫稿、寫到完整 + 校稿 + 配 prompt,然後叫 Claude 自己呼叫 Codex CLI 去生圖。一週內跑完
13 min read
ChatGPT、Claude、Gemini、Copilot、Manus——工程師與想創業的人該怎麼選 AI 工具

ChatGPT、Claude、Gemini、Copilot、Manus——工程師與想創業的人該怎麼選 AI 工具

你大概也有這種狀態:付了 ChatGPT、看了 Claude 的廣告、聽說 Gemini 影片很猛、公司 Teams 一直跳 Copilot、Manus 在 X 上被瘋傳——五個帳號都開了,但每天打開的還是同一個。 然後過幾天又有人說「你應該試試 X」,你又緊張地裝起來,玩兩天又冷掉。 我把這個現象叫 AI 焦慮。它的根本不是 AI 不行,是你拿錯了工具。 這篇我會用工程師、想創業、做產品的人最常遇到的場景,把 5 個主流 AI 各自的甜蜜區拆清楚——以及一張你可以直接收藏的決策表、我自己的真實混搭組合,跟一個讓你不再焦慮的兜底辦法。讓我們開始吧。 1. 為什麼你該搞懂五個 AI 的差別 如果你只用過 ChatGPT 兩天就覺得「
19 min read
你每月付的 ChatGPT Plus 早就送你一位 AI 員工——OpenAI Codex 完整入門

你每月付的 ChatGPT Plus 早就送你一位 AI 員工——OpenAI Codex 完整入門

如果你每月付 ChatGPT Plus,但只把它當成更聰明的 Google,那你正每月花 $20 美元租一整層房,卻只進過其中一個房間。 最尷尬的是,這層房子裡藏著一位 AI 員工——他能幫你寫網頁、做簡報、分析 Excel、回 Gmail、每天早上 8 點自動掃當天的 AI 新聞、甚至幫你戳 iOS 模擬器跑自動化測試——而大部分付費用戶根本沒打開過他的房門。 他的名字叫 Codex。 這篇我會講清楚:Codex 是什麼、不是什麼,五個入口怎麼選,外掛生態能幹嘛,跨職業的實戰場景,以及一個我自己每天都在用的排程案例。讓我們開始吧。 1. Codex 不是 2021 年那個 Codex 先把最大的誤解講清楚。 2021 年有一個 OpenAI Codex—
20 min read
人人都能擁有一位資深做圖、P 圖大師——ChatGPT 圖像 2.0 完整入門

人人都能擁有一位資深做圖、P 圖大師——ChatGPT 圖像 2.0 完整入門

設計師很貴。一位資深設計師更貴——貴到大部分人這輩子都不會擁有一位。 現在這位資深設計師就住在你的 ChatGPT 裡,三分鐘畫完過去要三天才能做完的圖。而且如果你 Canva 也有訂閱,這張圖還不再是死的——你可以拆開來繼續編輯,像在跟一位真人做圖師合作。 這篇我會講清楚:ChatGPT 圖像 2.0(OpenAI 內部代號 duct tape、API 模型 ID gpt-image-2)到底是什麼、它跟以前差在哪、八種職業可以怎麼用,以及一個被多數人忽略的下游工作流:把它跟 Canva 串起來,等於人人都能擁有一條設計產線。 讓我們開始吧。 1. 「資深做圖大師」是什麼意思? 先把話講清楚:ChatGPT 圖像 2.0 不是來取代設計師的。它是另一種職業。 Figma / Photoshop 設計師 ChatGPT 圖像
21 min read
每個程式設計師和 AI 玩家都該知道的 12 個 Claude Code 功能

每個程式設計師和 AI 玩家都該知道的 12 個 Claude Code 功能

最近在用 Claude Code 開發,越用越覺得這個工具的設計不只是「會寫程式的 chatbot」這麼簡單。它底下其實藏了非常多功能,掌握之後生產力差好幾倍。 我整理了 12 個我覺得最值得認識的核心功能,直接用我自己理解的方式講一遍。文章後段也會分享一些我的實戰經驗,包含怎麼用 Subagent 讓 Claude Code 去開發大型專案、以及怎麼把 Claude Code 接到 Discord 上面遠端操控。 讓我們開始吧。 1. CLAUDE.md:給 Claude 的「憲法」 CLAUDE.md 是我覺得最重要的一個檔案,你可以把它理解成 Claude Code 的憲法,或者所謂的永久記憶。 裡頭會講述常見的專案介紹、必須遵守的規範、術語、工作流程,以及一些需要避開的雷點。每次開新對話,Claude
25 min read
Ray 的 JGP 提案分享與面試心得分享

Ray 的 JGP 提案分享與面試心得分享

「給你 100 萬,休學一年就創業,你願意嗎?」 我是 Ray,也是 Jamie's Gapyear Program(以下簡稱 JGP)第三屆的錄取者。這份文件寫於 2026 年 4 月 6 日,剛好是第四屆計畫截止的前一天。 由於距離第四屆申請截止只剩倒數 24 小時,而且剛好今天再趕各種事情有點忙 QQ,所以我就分享大家最感興趣的提案內容,並簡單分享關於面試的經驗。 此文章不代表任何 JGP 相關立場 這僅是我個人的經驗分享。JGP 每屆的每位錄取者都是非常特別的存在,所有的經驗僅供參考且無法複製。 在看提案之前 很多人可能會覺得:「我沒有像其他人那樣已經有付費用戶的 MVP,我是不是連投都不要投?」 但在這裡,所謂的「創業」,並不是指你一定要開一間公司,或是一定要有成熟的付費產品。真正看重的是:你是否已經開始執行了?
13 min read
用 Discord 操控你的 Claude Code 完整教學

用 Discord 操控你的 Claude Code 完整教學

想要讓 Claude 直接在 Discord 裡面幫你處理任務、回覆訊息嗎?這篇教學將帶你透過 MCP 伺服器,將 Discord 機器人與 Claude Code 完美結合! 設定完成後,當機器人收到訊息時,MCP 伺服器就會自動將訊息轉發給 Claude。更棒的是,Claude 還能直接使用工具來回覆、添加表情符號反應,甚至編輯訊息。 讓我們開始吧! 準備工作 在開始之前,請確保你的電腦已經安裝了 Bun(我們的 MCP 伺服器是跑在 Bun 上的)。 如果你還沒安裝,可以直接在終端機輸入以下指令快速安裝: Bash curl -fsSL https://bun.sh/install | bash 記得安裝完成後,可以輸入 exec /bin/zsh
7 min read
如何 Vibe Coding 高質感 UI 的 App 與網頁的基礎實戰
Paid-members only

如何 Vibe Coding 高質感 UI 的 App 與網頁的基礎實戰

我要來分享,今天我開始了一個新的專案,我會用怎樣的工具、用什麼樣的方法,在極短的時間之內,快速建構一個高質感的網站設計。 Vibe Coding 在沒經驗的情況下,很容易弄出「一眼就知道是 AI 製作的網站」。 AI 特別鍾愛那種好比說: 1. 紫色漸層 2. 對比度超級高的色彩與文字 3. 奇怪的元素 4. 意義不明的 emoji 所以我要來分享,今天我開始了一個新的專案,我會用怎樣的工具、用什麼樣的方法,在極短的時間之內,快速建構一個高質感的網站設計。 這邊分享幾個我的例子 * Fig It 應用 * 線上課程 * IOS 原生 App,防偷窺 App Ray貓 。 吳睿誠 (@ray.realms) on Threads快速 Vibe Coding 一個很酷的可能沒什麼用的iPhone AppThreads
12 min read
Agent Skill 實戰攻略,從入門到進階,提升你的 AI 生產力
Paid-members only

Agent Skill 實戰攻略,從入門到進階,提升你的 AI 生產力

如果你對 AI 的認知還停留在「每次開新對話都要重新貼上背景資料跟規則提示詞」,那你正浪費許多自己的時間與生產力。 今天,我會用一篇文章快速帶你實戰 Agent Skill,帶你理解如何使用以及如何快速提升自己的生產力。 讓我先來舉一個簡單的例子,假設我們想弄一個專門做「會計對帳」的 ChatGPT,就必須把對帳軟體的完整使用說明書、每日流程(例如:今天有什麼帳要對、怎麼查詢來源資料、遇到特例如何處理等)全部寫進提示詞裡。這就像是在交代新進的實習生,給他一份鉅細靡遺的 SOP。 在過去,這看起來只是一個很普通的長篇提示詞,我們只是把流程用文字記錄下來。每次需要 AI 做這件事,我們就得把這段落落長的提示詞翻出來,重新複製貼上給它。 但 Agent Skill 最大且最核心的改變,在於它可以替這份提示詞加上「說明(Description)」,告訴 Agent 只有在特定情境下,才需要去讀取這個 Skill。 這就像是在查閱百科全書,書中雖然有上萬個條目,但你可以先看目錄找到需要的內容,而不用把上萬頁全部翻完才找到目標。Agent
13 min read
Vibe Coding 實戰指南:從零到一的產品變現與金流避坑總結

Vibe Coding 實戰指南:從零到一的產品變現與金流避坑總結

在 Vibe Coding 的時代,把一個點子變成可運作的軟體,可能只需要一個週末。有了 Claude Code、Cdoex 這些強大的 AI 夥伴,寫程式已經不再是最大的門檻。 但當你滿懷熱血地看著你的產品上線,準備迎接第一筆收入時,你通常會撞上開發過程中最破壞 Vibe 的一道高牆——金流串接。 這篇文章不僅僅只是技術分享。我會一步一步分享我過去開發網站與 SaaS 產品時是如何收錢的,以及我選擇了哪些第三方支付廠商來建立我的事業。更重要的是,如果你現在就要開始動手做,我會以我的經驗來說明捷徑在哪。 SPONSORED 在開始之前,幫我訂閱個電子報 每週帶給你一篇來自創業中工程師 Ray 的實戰文章 訂閱 台灣開發者的起手式:為什麼我推薦統一金流(PAYUNi)? 相信閱讀這篇文章的讀者多數在台灣,那我們就先從最容易、最常見的選項開始。 說到台灣的第三方金流,大家腦海裡浮現的通常是藍新、綠界這些老字號。但如果你是一個獨立開發者,或是正在做一個前所未見的新創 SaaS,我必須坦白說,這條路可能不太好走。 分享一
11 min read
你真的需要龍蝦 (OpenClaw) 嗎?我的實戰祛魅與自動化心得

你真的需要龍蝦 (OpenClaw) 嗎?我的實戰祛魅與自動化心得

老實說,當 OpenClaw(龍蝦)剛開始在 X 和 Threads 上洗版時,我並沒有受到什麼巨大的衝擊。 我看著大家對他的描述,「它能操作電腦、能看螢幕」,聽起來很像 Anthropic 剛出的 Claude Computer Use。覺得有研究價值,但是沒有積極到種「天啊,我非用不可」的衝動。 直到上週,我抱著測試的心態把它裝進了我家那台 Windows 桌機裡。經過一週的實測,我發現我錯了——或者說,我看待它的角度錯了。 這篇文章我會分享作為一個開發者如何用它來重構工作流,以及為什麼你可能需要或者不需要養一隻龍蝦。 每週帶給你一篇 AI 實戰文章 在開始之前,幫我訂閱個電子報 每週帶給你一篇來自創業中工程師 Ray 的實戰文章 訂閱 它完全不是賈維斯,頂多算是更方便的 Claude Code 一開始的我以為 OpenClaw 具備
7 min read
Threads 自媒體經營|有關於我的 Threads 經營復盤

Threads 自媒體經營|有關於我的 Threads 經營復盤

在演算法統治的時代,我們聽過太多「30 天漲粉 10 萬」的神話。 但這篇文章,我想專注在我自己的實戰經驗。 我是 Ray,22 歲,一個正在休學創業的工程師。 我用了一個月從 0 到 3,000 粉,並一路發展到現在的 13,000 粉絲。這條路不算快,但這是一條可被驗證的路。 作為一名工程師,我不相信運氣,我相信系統與實驗。 這篇長文將攤開我經營 Threads 一路以來的「實驗筆記」: * 為什麼我的第一篇文只有 32 讚,第二篇卻能帶來 100 位付費潛力用戶? * 如何寫出一篇爆文? * 當流量紅利消退後,如何讓粉絲真正留存? 如果你也想經營個人品牌,那這篇文章就是送給你的個人筆記。 起點 把時間撥回兩年前,當時正值 threads 準備在台灣起飛的時代 那時候我剛玩完
17 min read
實戰分享:用 Vibe Coding 指揮 AI 做出 60 秒高質感宣傳動畫
Paid-members only

實戰分享:用 Vibe Coding 指揮 AI 做出 60 秒高質感宣傳動畫

這篇文章我會來分享我是怎麼透過 AI 做出這部影片的 或者是 以我的 Syndoc 宣傳片為例,這支影片完全由 AI 輔助開發,我只負責下指令和審核,總計花不到 12 小時。過去,這類動畫可能需要數週時間,還得熟練動畫工具。但現在,AI 能讓我們用更少的時間達到及格品質。 當然,AI 不是萬能——對於極複雜場景或極高品質需求,專業工具如 After Effects 仍提供更好掌控。本文會分享我的完整工作流,包括提示詞範例,讓你能直接上手製作類似影片。為了讓流程清晰,我會按步驟組織內容,並附上目錄。 這篇文章雖然很像是 Syndoc 的廣告,但 Syndoc 是我一個沒上線的 SideProject,僅因為他的動畫反饋極好,所以反覆針對他為範例 目錄 前情提要 傳統 vs. AI 動畫製作 傳統上,
37 min read
實戰分享我是怎麼指揮 Claude Code 用少量時間征服大型複雜任務
Paid-members only

實戰分享我是怎麼指揮 Claude Code 用少量時間征服大型複雜任務

這篇文章,我會向大家教學我是如何指揮 Claude Code 優雅的處理大型複雜任務 如何用一個提示詞快速搭建出一個上線的電商網站,當然這是我本人的實戰經驗,它並非完美,歡迎大家討論。 這並不是一堂教你用 10 分鐘做出一個工具的課程; 相反地,這是一篇硬核實戰文,專門寫給已經具備 AI 實戰經驗、且不滿足於寫玩具程式的開發者。 開發一個產品前要先做什麼?先寫文件,將你大腦裡抽象的想法沉澱為文字。 這裡的文件有很多種寫法,其中比較著名的就是 SDD(規格驅動開發)。 如果可以的話,我們要將需求寫得盡可能完整。不只是簡單地寫一句「要有註冊功能」就好,而是以寫成類似使用者故事(User Story)的格式,附上具體的驗收標準,並儘可能覆蓋各種情境 當然,由於 SDD 的教學網路上已相當豐富,因此本文不再贅述細節。但我必須強調:文件是專案的靈魂,它是接下來所有 Agent 開發時唯一依循的真理、整個專案的燈塔、一切的指標,接下來的開發都會基於這份文件為基石而做搭建。 有了這份基石,
21 min read
簡單理解怎麼造一個千萬人流量的網站

簡單理解怎麼造一個千萬人流量的網站

📅 發布時間: 2025-11-06 🏷️ 標籤: 高併發系統、負載平衡、Redis快取、資料庫分片、訊息佇列 簡單理解,面對超大流量,該如何避免網站掛掉的方式! 本文以普發現金網站為例,深入淺出解析高併發系統設計:身分證分流策略、負載平衡、Redis快取系統、資料庫分片技術、訊息佇列等核心概念。 從解決瞬間流量峰值、資料庫瓶頸到資料一致性問題,用生活化比喻帶你理解大型網站架構,適合後端工程師與系統設計初學者。 恭喜你成爲了政府網站的後端工程師,你的第一份工作很簡單 明天有 2300 萬人要同時進去普發 1 萬網站,不要讓網站掛掉 先不要急得辭職,我們可以先分析一些簡單的方法 分析問題 寫任何程式的第一步就是分析你要解決什麼問題,在你眼前擺著三座大山 1. 瞬間流量峰值 當所有人在同一時間點湧入,伺服器的 CPU、記憶體、網路頻寬都會瞬間達到極限。 2. 資料庫瓶頸 無論你有多少台應用伺服器,最終所有請求都要訪問同一個資料庫。資料庫的讀寫速度成為整個系統的致命瓶頸。 3. 資料一致性問題 2300
7 min read
MCP 開發,ChatGPT 報錯 Connector is not safe 解法

MCP 開發,ChatGPT 報錯 Connector is not safe 解法

📅 發布時間: 2025-11-01 🏷️ 標籤: MCP開發, ChatGPT, OpenAI錯誤, 連接器安全 開發 MCP 伺服器整合 ChatGPT 遇到「Connector is not safe」錯誤?立即了解此常見 OpenAI 錯誤的核心成因(與隱私描述有關)與最新實用解法!快速解決連接器安全問題,讓您的應用程式順利上線。 問題:ChatGPT 報錯 Connector is not safe? 最近很常遇到開發 MCP 伺服器時,想綁到 ChatGPT 的應用程式與連接器 結果報錯 "Connector is not safe" 明明我的程式碼都符合最佳實踐,版本也在最新 到底是哪裡不安全?! 我來告訴你怎麼解決 👇 「工具描述」 只要你的某個工具描述中包含「
2 min read
打造你的第一個 MCP Server:從概念到實作

打造你的第一個 MCP Server:從概念到實作

📅 發布時間: 2025-10-23 🏷️ 標籤: MCP, AI Agent, Node.js, Express, ngrok, ChatGPT, Claude 想讓 AI 助手存取你的本地筆記、檔案或資料庫?本文從實際痛點出發,完整解析 MCP(Model Context Protocol)如何成為 AI 與工具溝通的標準協定。透過手把手的程式碼教學,帶你打造第一個 MCP Server,讓 ChatGPT 或 Claude 能自動讀取你的個人知識庫。包含完整實作、ngrok 部署步驟與實際對話測試,讓你快速掌握 AI Agent 開發的核心技術。 開場:為什麼需要 MCP?從真實痛點出發 你是一位熱愛學習的工程師,這些年累積了超過 1000 篇個人筆記,散落在本地資料夾裡。
30 min read
智能合約 Solidity 教學 (下) - Web3.js 實際開發一個 DApp 去中心化應用前端

智能合約 Solidity 教學 (下) - Web3.js 實際開發一個 DApp 去中心化應用前端

📅 發布時間: 2025-01-29 🏷️ 標籤: Solidity, Web3.js, DApp, MetaMask, 前端開發, Sepolia 這篇文章繼承了上一篇智能合約 Solidity 教學 (中),我們開發一個 DApp 的前端,理解如何透過 Web3.js 連接區塊鏈上我們所部署的合約。 目錄 * 智能合約 Solidity 教學 (上) - Solidity 基礎語法教學 * 智能合約 Solidity 教學 (中) - MetaMask 與以太坊測試網 * 智能合約 Solidity 教學 (下) - Web3.js 實際開發一個 DApp 去中心化應用前端 開發 Web3 應用的前端 零、
13 min read
智能合約 Solidity 教學 (中) - MetaMask 與以太坊測試網

智能合約 Solidity 教學 (中) - MetaMask 與以太坊測試網

📅 發布時間: 2025-01-29 🏷️ 標籤: Solidity, MetaMask, 以太坊測試網, 智能合約部署, Remix IDE 這篇文章繼承了上一篇智能合約 Solidity 教學 (上),將嘗試使用 MetaMask 連接測試網,如何領取測試幣,並且在前端整合:透過 Web3.js 連接你的 DApp 與合約。 目錄 * 智能合約 Solidity 教學 (上) - Solidity 基礎語法教學 * 智能合約 Solidity 教學 (中) - MetaMask 與以太坊測試網 * 智能合約 Solidity 教學 (下) - Web3.js 實際開發一個 DApp 去中心化應用前端 MetaMask
6 min read
智能合約 Solidity 教學 (上) - Solidity 基礎語法教學

智能合約 Solidity 教學 (上) - Solidity 基礎語法教學

📅 發布時間: 2025-01-29 🏷️ 標籤: Solidity, 智能合約, 基礎語法, 以太坊, Remix IDE 在這篇文章中,我們會從 0 基礎開始,逐步介紹智能合約的概念、Solidity 語法,以及如何部署你的第一個智能合約。適合對區塊鏈開發有興趣但還沒有 Solidity 經驗的開發者! 目錄 * 智能合約 Solidity 教學 (上) - Solidity 基礎語法教學 * 智能合約 Solidity 教學 (中) - MetaMask 與以太坊測試網 * 智能合約 Solidity 教學 (下) - Web3.js 實際開發一個 DApp 去中心化應用前端 一、Solidity 0 到 1:
19 min read
COSCUP - 一起來開發一個 notion 吧,多人即時共編筆記分享

COSCUP - 一起來開發一個 notion 吧,多人即時共編筆記分享

📅 發布時間: 2024-08-02 🏷️ 標籤: CRDT, OT, Yjs, Notion, 多人即時共編 如何開發一個共編筆記的開發技術,淺談 CRDT、OT 的概念,分享當前生態系與資源。著重在多人即時共編時如何做到不衝突資料變更,最終開發一個可以部署的超簡單版本 notion 筆記。 💻 多人即時共編筆記開發 🎯 學習目標:理解版本控制(如 Git)的衝突問題,以及多人即時協作的挑戰掌握 OT(Operational Transformation)和 CRDT(Conflict-free Replicated Data Type)的核心概念使用 Yjs 與 y-websocket 快速建置 Node.js 後端與 React 前端,实现簡單的多人即時文字共編 步驟 1: 講者介紹 圖: 講者介紹
13 min read