Johnny Wang BlogJohnny Wang Blog
Articles
Project
johnnywang/book
Articles
Project
johnnywang/book
  • About Me

    • 關於 Johnny
    • 文章清單
  • Javascript

    • 為了活久一點,我做了一個 Flex Message HTML 編輯器
    • 如何在 NextJS 上收集 Playwright E2E 測試 coverage report?
    • View Transitions - 認識並使用原生 document 轉場效果
    • 用 Web Container 打造自己的線上 NodeJS 開發環境
    • 來試用看看原生 Web Popover API
    • 在電腦裡搞一個 RWKV AI 小助手
    • 動手自己做一個 ChatGPT UI 工具吧
    • Create a React Server Components Project without NextJS - 製作一個不依賴 NextJS 的 React Server Components 專案
    • 如何在 Vuepress 裡快樂寫 React
    • 從 Mock Service Worker 源碼中學習
    • 擺脫 Node modules 地獄,擁抱 Yarn Plug'n'Play(PnP)
    • 快速上手 NextJS v13 - 基礎觀念 AppRouter 篇
    • 快速上手 NextJS v13 - Data Fetching, Caching, Revalidating 篇
    • 用 Socket.io 搭配 Matterjs 製作一款 Real-Time Canvas 聊天室(文長慎入)
    • 如何只用一支 CDN 及 4行設定,讓瀏覽器讀懂 Typescript, React, Vue
    • 用 tsup 快速建立 Typescript 開發環境
    • 開發 Email EDM 你可以更輕鬆
    • 關於我的 Side project - Maju Web Editor
    • Web URL 中神奇的 createObjectURL method
    • Awesome Vite 一個由社群維護的 template 集大成
    • Vue、React 使用心得分享(文長慎入)
    • 一起動手用 Socket.io 和 Peerjs 打造 WebRTC 即時視訊
    • Temporal Typescript SDK 學習筆記
    • React Web3 Storage
    • React useState 取得最新值
    • Babel 7 Decorator 的神奇小問題
    • 用 Koa + Vite + Pinia 打造基礎 SSR 環境
    • 如何把 Video 畫在 Canvas 上
    • 史上最簡單的 Webpack 5 教學
    • 在瀏覽器中直接 import Vue SFC 開發起來
    • 手寫一個可中斷的 delay promise
    • NodeJS 輕量開發框架 Expressjs 與 Koa2 的區別
    • 用 2D 物理引擎 Matterjs 製作經典馬力歐 1-1
    • 原生 Javascript 的類型標註工具 JSDoc
    • Pinia - Vuex 的後繼者
    • 用 Nodejs 寫個 FTP command line 工具
    • Vue3 Server Render 手把手帶你搭建
    • 你真的懂 Event Loop 嗎
    • Babel7 基本介紹與使用
    • Vue/Vitejs 部分源碼解析
    • Vuejs 依賴追蹤 2020 版
    • Vuejs 依賴追蹤 2019 版
    • Js literal 模板編譯
    • 用 JavaScript 鎖定用戶調整畫面比例
    • Date.now() 與 new Date()
    • Promise 相關知識
    • Web Component 學習筆記
    • TypeScript 基礎篇
    • TypeScript 進階篇
    • MVC, MVVM, MVI 軟體設計架構
    • MVVM 簡單模擬框架實作
  • CSS & Sass

    • CSS: Flex 文字省略號為何需要 min-w-0
    • 2024 CSS 年度報告筆記
    • 2021 CSS 年度報告筆記
    • 如何不用 setTimeout 幫 display: none 的 DOM 加動畫
    • 純 CSS 實作星球環繞動畫效果
    • 差點錯過的 Tailwindcss 入門學習筆記
    • Tailwindcss 進階學習筆記
    • Sass, SCSS Built-In-Modules 內建模組與函數
    • SCSS Parent Selector
    • CSS 畫面鎖橫屏時,滾動的問題!!
    • Safari 使用 animation 時動態產生 rem 的坑
    • CSS: mix-blend-mode 屬性混合圖層動畫
  • Memo

    • Javascript

      • Safari IndexedDB Blob 克隆問題解析與修復方案
      • VSCode 中使用 Playwright MCP 在 WSL 中配置
      • Yarn Plug'n'Play (PnP) 的 VSCode 設定方式
      • 如何用 Web API 讀取剪貼簿內容
      • CSP (Content Security Policy) 是什麼?
      • Astro 入門學習筆記
      • 如何解決 Astro 套用主題切換時,畫面抖動瞬閃問題
      • Rspack - 以 Rust 打造的快速構建工具
      • Typescript v5 Decorator 學習筆記
      • Sequelize 筆記
      • ES2022 學習筆記
      • Crypto 密碼加密方法
      • 實作 Test 的注意事項
      • Jest 測試工具 - 基礎篇
      • 正則表達式
      • Rxjs 學習筆記
      • Gulp 學習筆記
      • Clean Code Javascript 學習
      • JS 實戰開發特殊小技巧
    • React

      • React forwardRef 使用筆記
      • 如何在 Nextjs 中使用 middleware set cookie
      • React Styled-Components 基礎篇
      • React Styled-Components 進階篇
      • React Unit Test
      • React Testing Library
      • React Emotion Basic
      • React Styled-JSX
      • React 18 - Concurrent Features Memo
      • useEffect 的高階封裝範例
      • React useContext & useReducer 搭配
      • React Router Config 筆記
    • Vue

      • Cypress Vue
      • Vue 單元測試學習筆記
      • 學習 Vuetify 的一些筆記
      • Vuex 學習筆記
    • React Native

      • React Native - basic
      • Expo Basic
      • Expo Router
      • Expo Build
      • Issues
    • GraphQL

      • GraphQL 學習筆記 - 基礎篇
      • GraphQL 學習筆記 - 進階篇
      • Apollo Client 學習使用筆記
      • GraphQL Memo
    • Parse

      • Parse Javascript 文檔閱讀筆記
      • Parse User Object 章節
      • Parse Session Object 章節
      • Parse Schema Object 章節
      • Parse Cloud Code 章節
    • CSS

      • Sass, SCSS 基礎筆記
    • Docker

      • Docker 基礎技術
      • Dockerfile 技術篇
      • Docker-compose 技術篇 - 3.7
      • Kubernetes 學習筆記
      • ArgoCD 學習筆記
      • Podman 學習筆記
      • Colima 安裝使用筆記
    • Git Learning

      • Git 版本控制
      • Git 基礎使用 - init, clone, add, commit, status, log
      • Git 分支
      • Git Merge 分支合併指令
      • Git Stash 保存紀錄
      • Git 基礎復原指令 - restore
      • Remote 遠端協同工作 - remote, fetch, pull, push
      • Git Tag 標籤 - tag
      • Git 設定 - config
      • Git 檔案比對與差異 - diff
      • Git Rebase 定義分支的參考基準
      • Subtree 子樹
      • Git Reflog 指令紀錄
      • Git Filter Branch
      • Git Crypt 使用筆記
      • Git 客製化工具
    • Bash

      • Bash 基礎概念
      • Variable 變數
      • Script 腳本撰寫
      • Condition 流程控制
      • Operation 算數表達式
      • Function 函數
      • Command Line Params 指令列參數處理
    • Python

      • Pyenv with virtualenv 配置
    • Patterns

      • Introduce
      • Design Patterns

        • Singleton Pattern
        • Compound Pattern
        • Proxy Pattern
        • Hooks Pattern
        • Observer Pattern
        • Mediator/Middleware Pattern
        • HOC Pattern
        • Factory Pattern
        • Render Props Pattern
        • Flyweight Pattern
        • Container/Presentational Component
        • Prototype Pattern
        • Mixin Pattern
        • Provider Component
        • Command Component
        • Module Pattern
      • Render Patterns

        • Rendering Patterns 渲染模式介紹
    • FE 性能優化

      • 前端性能優化
      • 靜態資源優化
      • 頁面渲染架構優化
      • Server 與 Network 優化
      • 開發流程、監控體系優化
    • AI 學習

      • Stable Diffusion WebUI Forge 分享
      • AI時代下的敏捷開發
      • Agent Skill Guideline
      • FlowiseAI 使用介紹筆記
      • Github Copilot 使用筆記
      • Ollama 筆記
    • RO - rAthena, Hercules 版本介紹
    • Nginx JS module 基本使用筆記
    • Traefik Memo
    • API First 學習筆記
    • What is AC - Acceptance Criteria 驗收條件
    • Mermaid 學習筆記
    • 串接 Sonarcube 筆記
    • Youtube Data API 基礎使用筆記
    • FB API 學習筆記
    • VSCode 好用快捷鍵
    • 在 Simulator 上開發測試
    • 問題修正紀錄
  • References

    • 全端開發學習資源
    • 實用工具
    • 網頁前端課程目錄
  • Daily

    • 中醫學習

      • 中醫自學方向
      • 黃帝內經

        • 黃帝內經-素問
      • 基礎理論

        • 中藥治病
        • 中藥產地與採收
        • 陰陽五行
        • 精氣血津液
        • 整體觀與臟象
        • 病因病機
        • 辨證論治
        • 四診八綱
        • 五運六氣
        • 經絡
      • 診斷學

        • 辯證
        • 望診
        • 聞診
        • 問診
        • 脈診簡史
        • 切診
        • 常見脈象與臨床意義
        • 經脈辨證
        • 中醫的六邪在疾病初期、後期分別有那些症狀
      • 中藥學

        • 中藥基礎理論
        • 常見中藥材
        • 解表藥(30)
        • 清熱藥(82)
        • 瀉下藥(16)
        • 利水渗湿药(8)
        • 化痰止咳平喘药(15)
        • 止血藥(8)
        • 開竅-平肝-安神藥(11)
        • 化濕藥(5)
        • 祛風濕藥(12)
        • 理氣藥(13)
        • 活血祛瘀藥(7)
        • 消食藥(4)
        • 驅蟲藥(6)
        • 祛寒药(6)
        • 補虛藥(43)
        • 收斂藥(13)
      • 方劑學

        • 中醫學習經驗筆記
        • 🌿 腸胃方劑詳細比較表 (2026 整理)
        • 總論
        • 解表劑
        • 瀉下劑
        • 和解劑
        • 清熱劑
        • 去暑劑
        • 溫裏劑
        • 補益劑
        • 固澀劑
        • 安神劑
        • 開竅劑
        • 理血劑
        • 理氣劑
        • 治風劑
        • 治燥劑
        • 祛濕劑
      • 針灸學

        • 第一章 經絡總論
        • 第二章 腧穴總論
        • 第三章 經絡腧穴各論
        • 第六章 常見病證的針灸治療
      • 其他

        • 內證觀察筆記 上篇【內證漫談】
        • 內證觀察筆記 中篇【太極器官、五藏】
        • 內證觀察筆記 下篇【十二正經】
        • 磁力對生理的影響
        • 乳癌病因病機
        • 曬太陽的竅門
    • 易經學習

      • 易經入門
    • 道德經學習

      • 道德經學習重點筆記
      • 道德經 - 讀後概念整理
      • 道德經 帛書版
      • 張至順採訪自傳
      • 第一章 道可道,非常道
      • 第二章 夫唯弗居,是以不去
      • 第三章 不尚賢,使民不爭
      • 第四章 道沖而用之或不盈,淵兮似萬物之宗
      • 第五章 天地不仁,以萬物為芻狗,多聞數窮,不如守中
      • 第六章 谷神不死,是謂玄牝
      • 第七章 天長地久。天地所以能長且久者,以其不自生,故能長生。
      • 第八章 上善若水。水善利萬物而不爭,處眾人之所惡,故幾於道
      • 第九章 功成身退,天之道也。
      • 第十章 載營魄抱一,能無離乎﹖
      • 第十一章 有之以為利,無之以為用
      • 第十二章 五色令人目盲,五音令人耳聾,五味令人口爽,馳騁畋獵令人心發狂,難得之貨令人行妨。
      • 第十三章 寵辱若驚,貴大患若身。愛以身為天下,若可托天下
      • 第十四章 是謂無狀之狀,無物之象,是謂惚恍。迎之不見其首,隨之不見其後。執古之道,以御今之有。
      • 第十五章 保此道者,不欲盈。夫唯不盈,故能蔽而新成。
      • 第十六章 致虛極,守靜篤。萬物並作,吾以觀復。
      • 第十七章 太上,下知有之。悠兮其貴言,功成事遂,百姓皆謂我自然。
      • 第十八章 大道廢,有仁義;智慧出,有大偽;
      • 第十九章 絕聖棄智,民利百倍。見素抱樸,少私寡欲
      • 第二十章 絕學無憂。眾人皆有餘,而我獨若遺。
      • 第二十一章 道之為物,惟恍惟惚。惚兮恍兮,其中有象;恍兮惚兮,其中有物。
      • 第二十二章 曲則全,枉則直,窪則盈,敝則新,少則得,多則惑。是以聖人抱一為天下式
      • 第二十三章 希言自然。天地尚不能久,而況於人乎?信不足焉,有不信焉。
      • 第二十四章 企者不立,跨者不行
      • 第二十五章 有物混成,先天地生。人法地,地法天,天法道,道法自然。
      • 第二十六章 重為輕根,靜為躁君。輕則失本,躁則失君。
      • 第二十七章 善行無轍跡,善言無瑕謫。故善人者,不善人之師;不善人者,善人之資。不貴其師,不愛其資,雖智大迷,是謂要妙。
      • 第二十八章 知雄守雌,為天下谿,知榮守辱,為天下谷
      • 第二十九章 天下神器,不可為也,是以聖人去甚,去奢,去泰。
      • 第三十章 以道佐人主者,不以兵強天下
      • 第三十一章 夫兵者,不祥之器,物或惡之,故有道者不處。
      • 第三十二章 道常無名,樸雖小,天下莫能臣也。
      • 第三十三章 知人者智,自知者明。
      • 第三十四章 大道氾兮,其可左右。以其終不自為大,故能成其大。
      • 第三十五章 執大象,天下往。往而不害,安平太。樂與餌,過客止。
      • 第三十六章 將欲歙之,必固張之;將欲弱之,必固強之
      • 第三十七章 道常無為而無不為
      • 第三十八章 上德不德,是以有德;下德不失德,是以無德
      • 第三十九章 昔之得一者,天得一以清。不欲琭琭如玉,珞珞如石。
      • 第四十章 反者道之動,弱者道之用。天下萬物生於有,有生於無
      • 第四十一章 上士聞道,勤而行之;大方無隅,大器晚成,大音希聲,大象無形,道隱無名。
      • 第四十二章 道生一,一生二,二生三,三生萬物。
      • 第四十三章 天下之至柔,馳騁天下之至堅
      • 第四十四章 名與身孰親﹖身與貨孰多﹖得與亡孰病﹖
      • 第四十五章 大成若缺,其用不弊。大盈若沖,其用不窮。
      • 第四十六章 天下有道,卻走馬以糞。天下無道,戎馬生於郊。
      • 第四十七章 不出戶,知天下;不窺牖,見天道。
      • 第四十八章 為學日益,為道日損。損之又損,以至於無為。
      • 第四十九章 聖人無常心,以百姓心為心。
      • 第五十章 出生入死。生之徒,十有三;死之徒,十有三;人之生,動之死地,亦十有三。
      • 第五十一章 道生之,德畜之,物形之,勢成之。
      • 第五十二章 天下有始,以為天下母。以知其子,既知其子,復守其母,沒身不殆。
      • 第五十三章 使我介然有知,行於大道,唯施是畏。大道甚夷,而人好徑。
      • 第五十四章 善建者不拔,善抱者不脫,子孫以祭祀不輟。
      • 第五十五章 含德之厚,比於赤子。知和曰常,知常曰明。益生曰祥。心使氣曰強。
      • 第五十六章 知者不言,言者不知。
      • 第五十七章 以正治國,以奇用兵,以無事取天下。
      • 第五十八章 其政悶悶,其民淳淳;其政察察,其民缺缺。禍兮福之所倚,福兮禍之所伏。
      • 第五十九章 治人事天,莫若嗇。夫唯嗇,是謂早服
      • 第六十章 治大國,若烹小鮮。夫兩不相傷,故德交歸焉。
      • 第六十一章 大國者下流,天下之交。天下之牝,牝常以靜勝牡,以靜為下。
      • 第六十二章 道者萬物之奧。雖有拱璧以先駟馬,不如坐進此道。
      • 第六十三章 為無為,事無事,味無味。圖難於其易,為大於其細;
      • 第六十四章 合抱之木,生於毫末;九層之臺,起於累土;千里之行,始於足下。為者敗之,執者失之。
      • 第六十五章 古之善為道者,非以明民,將以愚之。
      • 第六十六章 是以欲上民,必以言下之。欲先民,必以身後之。
      • 第六十七章 天下皆謂我道大,似不肖。夫唯大,故似不肖。
      • 第六十八章 善為士者不武,善戰者不怒,善勝敵者不與
      • 第六十九章 吾不敢為主而為客,不敢進寸而退尺。禍莫大於輕敵,輕敵幾喪吾寶。
      • 第七十章 吾言甚易知,甚易行。天下莫能知,莫能行。
      • 第七十一章 知不知上,不知知病。夫唯病病,是以不病。
      • 第七十二章 民不畏威,則大威至。無狎其所居,無厭其所生。夫唯不厭,是以不厭。
      • 第七十三章 天之道,不爭而善勝,不言而善應,不召而自來,繟然而善謀。
      • 第七十四章 民不畏死,奈何以死懼之?若使民常畏死,而為奇者,吾得執而殺之,孰敢?
      • 第七十五章 民之饑,以其上食稅之多,是以饑。
      • 第七十六章 人之生也柔弱,其死也堅強。萬物草木之生也柔脆,其死也枯槁。
      • 第七十七章 天之道,其猶張弓與﹖高者抑之,下者舉之;有餘者損之,不足者補之。
      • 第七十八章 天下莫柔弱於水,而攻堅強者莫之能勝,以其無以易之。
      • 第七十九章 和大怨,必有餘怨,安可以為善﹖
      • 第八十章 小國寡民。使有什伯之器而不用,使民重死而不遠徙。
      • 第八十一章 信言不美,美言不信。天之道,利而不害;聖人之道,為而不爭。
    • 人類真相推廣協會

      • 人類真相介紹
      • 人生大挑戰-閱讀筆記
      • 書籍-人生大挑戰

        • 序文
        • 童年的回憶
        • 賺外快的童年
        • 養家的童年
        • 少年時期的回憶
        • 粉紅睡衣女鬼的祕密
        • 麵線、甘蔗和賽鴿
        • 我在黑社會的日子
        • 『台北一條龍』
        • 賭徒‧妻子‧盤仔人
        • 人鬼之戰—正邪不分的恐怖
        • 開展創業石銅雕畫的日子
        • 渡畜牲者‧瞎掰鬼與邪靈
        • 無所不在的陷阱—邪靈的詭計
        • 鬼屋‧符令‧大揭祕
        • 妖魔鬼怪大變身—邪靈與動物
        • 乩童與宮廟的祕密
        • 活鬼纏身的恐怖亂象
        • 前面親兄弟、後面無情義的假面
        • 前面手牽手、後面下毒手的險境
        • 人心險惡、五馬分屍所逼自殺的真相
        • 自殺後的奇遇—人死後的世界
        • 我自殺後的奇遇—「陰間地府處」與「陰府大本營」
        • 我被趕出家門、面臨眾叛親離的苦境
        • 其他
    • 英文學習

      • 自我介紹
      • 簡單寒暄
      • 指路
      • 買賣
      • 轉接電話
      • 通勤
      • 訂位
      • 數字
    • 黃帝陰符經
    • 金剛經 學習筆記
    • 太乙金華宗旨 白話筆記
    • 蔡康永的情商課 讀書筆記
    • 金剛經 時間不存在?自我是虛擬?
    • 20250319 外婆過世
    • 說服的藝術:避免陷阱,建立共識
    • 禪修一定要去除「如何」嗎?
    • 不對稱的回報
    • 避免慢性壓力
    • 關鍵溝通表達力
    • 快樂的秘訣
    • 生活在現代社會,維持高品質思考的重要性
    • 心理學家的面相術:解讀情緒的密碼
    • 什麼是真相,真相是什麼
    • 身為一位歷史觀察者(文長慎入)
    • 2022 Leisure Learn
    • 兩年八個月,我從 Garena 畢業了
    • DeFi
    • 我的終生大事,交往到結婚
    • 轉職前端工程師 3 年多的回顧
    • MacOS + Iterm2 + Oh My Zsh
    • 我喜歡的名言佳句
    • Web Interview Preparation

AI時代下的敏捷開發

核心觀念

快一點 != 敏捷

  • 快一點:把事情「順暢地做完」
  • 敏捷:在不確定性中持續調整方向並創造價值

👉 AI 時代的特點:

  • 不確定性大幅提升(需求、技術、解法都不穩定)
  • 因此「計畫式開發」效果下降,「假設驅動」變得更重要

為什麼需要敏捷?

  • 世界沒有完美解法
  • 所有決策都是在「不完整資訊」下做的
  • AI 讓變動更快 → 不確定性更高

👉 結論:

敏捷 = 管理不確定性的能力


假設思維(Hypothesis Driven Development, HDD)

核心概念

  • 不追求一次做對
  • 先建立「假設」,再透過驗證修正

為什麼重要?

  • 面對不確定性最有效的方法
  • 降低試錯成本
  • 聚焦真正有價值的事情

實務流程

  1. 建立假設
  2. 設計驗證方法
  3. 收集數據
  4. 做出決策(採用 / 修正 / 放棄)

四大原則(補完)

  1. 開發節奏(Flow)

    • 持續、小步前進
    • 避免長時間無回饋
  2. 假設思維

    • 所有需求都是假設
    • 驗證比實作更重要
  3. 團隊共治

    • 不是單一角色決策(PO / Dev / QA)
    • 團隊共同對成果負責
  4. 快速回饋(補充)

    • 越早知道錯誤越好
    • 減少後期成本

AI 協作守則

1. 永遠邀請 AI 入局

  • 用於:
    • 釐清問題
    • 蒐集資料
    • 發想解法

2. 成為「人在回路中的那個人」(Human-in-the-loop)

👉 核心:AI 負責產出,人負責判斷

(1) 語言標準化

  • 使用結構化 Prompt
  • 降低溝通成本

(2) 判斷力(Critical Thinking)

  • 重點不是「怎麼寫」
  • 而是「寫的對不對」

👉 方法:

  • 透過 Log / Observability
  • 用結果反推問題(而非人工 code review)

(3) 責任釐清

  • 誰對錯誤負責?
  • BDD 規格 = 契約

(4) Spec Coding

  • 用結構化方式描述需求
  • AI 根據 Spec 產出程式

3. 設定 AI 角色

  • 明確告訴 AI:
    • 是什麼角色(例如:資深工程師、產品經理)
    • 負責什麼任務

4. 假設 AI 很爛

  • 不信任輸出
  • 強化驗證機制
  • 建立 fallback

Flow → AI-Augmented 開發模式

心流(Flow)條件

  • 能力(Skill) vs 挑戰(Challenge)平衡
狀態說明
焦慮挑戰 > 能力
無聊能力 > 挑戰
心流剛好匹配

如何進入 AI 時代的心流?

  1. 認知轉移

    • 從「語法」→「系統設計」
    • AI 負責細節,人負責架構
  2. 即時回饋

    • 快速測試
    • 快速驗證
  3. 半人馬模式(Human + AI)

    • AI 加速產出
    • 人維持節奏與方向
    • 避免中斷 Flow

AI 時代的 Debug 方法

Debug 流程(補完)

  1. Prompt(輸入)
  2. Debug(HDD 思維)
  3. 觀測 Log(保留完整資訊)
  4. Decision
    • 採用
    • 修正
    • 放棄
  5. Knowledge Base(知識資產化)
  6. Re-Prompt(再次優化)

👉 目的:

  • 減少 AI 幻覺
  • 建立可復用經驗

Sprint 設計(OKR 導向)

Objective

  • 本 Sprint 最重要的價值是什麼?

Key Results(可量化)

  • 0.3:基本完成
  • 0.5:努力可達
  • 0.7:具挑戰
  • 1.0:突破性成果

Planned Work

  • 預計工作項目

Risk / Challenge

  • 可能遇到的問題
    • 例如:Legacy code 太亂

Support Needed

  • 需要的支援(主管 / 團隊)

激勵(補充)

  • 成功後的最大收穫是什麼?

假設思維在 Agile 中的實踐

原則

  1. 每個 User Story 都要有假設
  2. 沒有假設 → 不進 PBI
  3. 小增量 + 多迭代 + 快速回饋

假設的好處

  1. 避免資訊過載
  2. 提升決策效率
  3. 聚焦真正重要的問題

空・雨・傘(決策模型)

空(事實)

  • 只觀察,不解釋
  • 例:
    • 天空有烏雲
    • 營收下滑

雨(解釋)

  • 最可能原因
  • 例:
    • 可能會下雨
    • 轉換率下降

傘(行動)

  • 對應策略
  • 例:
    • 帶傘
    • 優化轉換流程

User Story 的本質

  • Story = 一個「待驗證的假設」
  • 真正的驗證來自:
    • 真實使用者(User Feedback)

迷霧法則(Fog Rule)

  • 當腦中出現解法: 👉 立刻停下來記錄
  • 避免:
    • 靈感消失
    • 回到錯誤方向

如何撰寫假設(模板)

我們相信「某個改變」
對「某個對象」
會造成「可觀察的效果」
因為「某個洞察」


範例

我們相信「優化登入流程」
對「新使用者」
會提升「註冊完成率」
因為「目前流程過於複雜」


練習題(補完)

如何縮短與 AI 來回溝通時間?

👉 方法:結構化 Prompt

範例結構

  • 目標(Goal)
  • 背景(Context)
  • 限制(Constraints)
  • 輸出格式(Format)
  • 評估標準(Criteria)

範例 Prompt

你是一位資深後端工程師

目標:
優化 API 效能

背景:
目前 response time 約 800ms

限制:
不可改 DB schema

輸出:
- 問題分析
- 可行方案(3個)
- 建議優先順序

評估標準:
效能提升幅度 + 實作成本

總結

👉 AI 時代的敏捷本質:

  • 不追求完美 → 追求可驗證
  • 不依賴經驗 → 依賴假設
  • 不怕錯誤 → 快速修正
  • 人不是寫 code → 是做決策,專注在提升【判斷力】

👉 最重要的能力:

在不確定性中做出高品質決策的能力

最近更新: 2026/3/26 清晨6:28
Contributors: JohnnyWang
Prev
Stable Diffusion WebUI Forge 分享
Next
Agent Skill Guideline