今天在博客來找到這本 Vibe coding 的電子書 :
我用 HyRead 查詢市圖未進此書, 但台灣雲端書庫有, 借期 14 天, 由於篇幅不大, 我今天就看完了, 摘要心得如下 :
- 創作時只要專注在 "我要完成甚麼", 而不是去糾結 "我要學習甚麼", 碰到問題才查才問, 這樣完成率就會很高. 這種狀態下, 沒有刻意要學, 卻學得超快.
- 對企業來說, 員工永遠都是可有可無的開銷.
- 創業的原理很簡單 : 發現需求 -> 發揮想像力與觀察力 -> 勇敢去實踐
- 創業=解決問題+創造價值+實際賺錢.
- 上班族賣的是時間, 創業者賣的是點子變出來的資產.
- AI 時代的成功不再是靠背景, 學歷, 資源, 而是靠有想法+會動手.
- Vibe coding 的核心觀念 : 先創造感覺, 再修細節>
- Vibe coding 步驟 :
- 快速生成原型 : 利用 AI 工具+現成框架 (Next.js, Tailwind, Supabase, ...)
- 即時發布 (Vercel 等)
- 社群平台 (Discord, Threads, ...) 回饋驅動迭代
- Vibe coding 是從寫得正確轉向為先做出感覺. 市場變化很快, 與其寫規格書, 不如先丟作品上去看市場反應.
- 不論是做網站還是 App, 開發任何產品前首先要問 : 誰是使用者? 不要去想 "他們需要甚麼功能" (feature-to-be-shipped), 而是要想 "他們想完成甚麼事" (job-to-be-done). 總之, 不要急著做, 先把使用人的問題搞懂.
- Rig : 一套能把靈感迅速變成現實的工具組合 (AI 工具 + 開發框架 + 雲端佈署).
- 開發框架技術堆疊 :
- Next.js : 最快速的 React 框架
- Tailwind : 直接用 class 寫樣式
- Supabase / PlanetScal : 資料庫即服務
- Bun / Vite : 快速的 Javascript 框架
- 網頁工具技術堆疊 :
- Figma : 網頁 UI 外觀
- Wenflow / Proto.io : 互動網頁工具
- Vercel : 一鍵完成佈署
- Vibe coding 的關鍵不是要懂很多技術, 而是要選對工具與問對問題.
- 向 AI 提問時最大的忌諱是一次丟出一個又大又模糊的問題, 否則它會亂猜你的需求, 應該要這樣問 : "我想做一個 xxx, 裡面有 xxx, 先問我問題跟我討論". 在動手開發之前, 應該先進行討論, 而不是直接行動. 問 AI 有甚麼問題要問你其實就是讓 AI 幫你找出完成此專案需要考慮的事項, 讓你得到一連串切中核心的問題.
- 與 AI 溝通的要訣 :
- 可在專案目標後面加上這段 : "請針對我提出的目標和方向提出最詳細的問題, 不要當好好先生, 別甚麼都同意, 要質疑我選的方向與決定, 永遠不要自行假設", 可避免 AI 亂編內容, 並能主動問你問題以釐清細節.
- 請 AI 一次做一個步驟, 否則它會一股腦兒把全部解決方案爆出來, 如果方向錯誤要浪費較多時間導正. 可加上這段提示 : "請一步一步來, 不要一次全部給我".
- 隨著來回討論越長, AI 的反應會越慢效率變差, 可用下列提示詞來做一個總結與繼承動作 : "請整理目前我們所建立的重要上下文, 包含所有決策, 定義, 專案目標, 技術設置, 程式結構, 使用工具, 命名規則, 文字語氣, 以及任何對此專案重要的資訊, 請整理得清楚明瞭, 方便我複製貼上". 然後複製下來, 開啟一個新對話貼上, 同時貼上專案資料夾的專案結構樹 (用 tree 指令). 然後加上這句 "請在開始對話前, 告訴我你想要我貼上哪些檔案的內容?", 將第一個檔案內容貼給它時, 加上這句 "這是第一個檔案, 只要告訴我你收到了即可, 不用進行分析, 然後告訴我你要看的下一個檔案, 等全部貼完再分析."
沒有留言 :
張貼留言