互動圖解
系統、框架與架構的互動圖解——由互聯網與 OAuth 的運作,到商業模式圖、微服務與 CI/CD。每一份都是一張真實的 QueryChart FlowJam 畫布,可以開啟並編輯。
全部頁面
- 互聯網如何運作——互動圖解 — 在一張互動畫布上解釋互聯網如何運作:你的裝置、本地網絡、ISP 基礎設施與網頁伺服器,以及一個請求和它的回應如何在它們之間往返。
- DNS 如何運作——由域名到 IP 位址 — 在一張互動畫布上呈現 DNS 如何運作:你的裝置、遞迴解析器,以及共同把域名變成 IP 位址的根伺服器、頂層網域伺服器與權威伺服器。
- HTTPS 如何運作——TLS 握手解說 — 在一張互動畫布上呈現 HTTPS 如何運作:瀏覽器與伺服器之間的 TLS 握手、憑證頒發機構的角色,以及隨之而來的加密工作階段。
- OAuth 的運作方式——授權碼流程 — OAuth 的運作方式,畫在一張互動畫布上:用戶、用戶端應用程式、授權伺服器與資源伺服器之間的授權碼流程。
- JWT 身分驗證的運作方式——不用工作階段的權杖 — JWT 身分驗證的運作方式,畫在一張互動畫布上:憑據、由三段組成的已簽章權杖,以及每一個請求如何以無狀態的方式獲得驗證。
- REST API 如何運作——一次請求的來回 — 在一張互動畫布上呈現 REST API 如何運作:組成 HTTP 請求、伺服器上的路由與驗證,以及令這趟來回完成的回應。
- Docker 的運作方式——建置、傳送、執行 — Docker 的運作方式,畫在一張互動畫布上:由 Dockerfile 到映像檔、由映像檔倉庫到容器,以及隔離一個程序的 namespaces 與 cgroups。
- Kubernetes 的運作方式——由目標狀態到執行中的工作負載 — Kubernetes 的運作方式,畫在一張互動畫布上:宣告檔、控制平面、排程,以及令工作負載一直執行下去的那個調和迴圈。
- Git 的運作方式——快照、分支與歷史紀錄 — Git 的運作方式,畫在一張互動畫布上:工作目錄、暫存區、本機與遠端儲存庫,以及提交如何堆疊出一段共用的歷史紀錄。
- 大型語言模型的運作方式——訓練與推論 — 大型語言模型的運作方式,畫在一張互動畫布上:預訓練、微調,以及逐個詞元產生每一個回應的那個迴圈。
- 商業模式圖——九個構成要素 — 在一張互動畫布上呈現商業模式圖:關鍵夥伴、關鍵活動、關鍵資源、價值主張、客戶、渠道、客戶關係、成本與收益,九個構成要素一覽無遺。
- 精實畫布圖——初創模式的九個方框 — 在一張互動畫布上呈現精實畫布圖:問題、解決方案、關鍵指標、獨特價值主張、難以複製的優勢、渠道、客戶區隔、成本與收益。
- 客戶旅程圖——五個階段、五列對齊的視角 — 在一張互動畫布上呈現客戶旅程圖:由認知、考慮、購買、導入到留存,逐一列出客戶的行動、接觸點、疑問、痛點與機會。
- 產品開發生命週期——由構想到交付產品 — 在一張互動畫布上呈現產品開發生命週期:探索、定義、設計、建置、測試與發布——連同驗證關卡,以及餵養下一個循環的那個迴圈。
- Scrum 框架——衝刺循環詳解 — 在一張互動畫布上呈現 Scrum 框架:產品待辦清單、衝刺規劃會議、每日站立會議、衝刺檢視會議,以及為每個循環收結的回顧會議。
- 敏捷工作流程——由需求到發布的一個迴圈 — 在一張互動畫布上呈現敏捷工作流程:需求、待辦清單、衝刺、示範、持份者接受、發布,以及餵養下一個迴圈的回顧會議。
- SWOT 分析——優勢、劣勢、機會、威脅 — 在一張互動畫布上呈現 SWOT 分析:機構內部的優勢與劣勢、外部的機會與威脅,再按對目標有利還是有害分成兩邊。
- 波特五力分析——是甚麼決定行業盈利能力 — 在一張互動畫布上呈現波特五力分析:新進入者、供應商議價能力、買家議價能力、替代品,以及它們共同推動的業內競爭強度。
- 價值鏈分析——主要活動與支援活動 — 在一張互動畫布上呈現價值鏈分析:創造價值的五項主要活動、令它們得以運作的四項支援活動,以及兩者一起產生的利潤。
- OKR 規劃框架——目標與關鍵成果 — 在一張互動畫布上呈現 OKR 框架:目標與關鍵成果由公司逐層展開到團隊再到個人,以及令它們真正見效的每週與每季節奏。
- 微服務架構——多個小服務,一個系統 — 在一張互動畫布上呈現微服務架構:用戶端層、API 閘道、各自獨立部署的服務、訊息傳遞、每個服務專屬的資料儲存,以及可觀測性。
- 單體架構——一個可部署單元,一個資料庫 — 在一張互動畫布上呈現單體架構:一個可部署的應用程式,內含 UI、業務邏輯與資料存取模組,一個共用資料庫,以及由此而來的擴展天花板。
- 事件驅動架構——生產、發布、消費 — 在一張互動畫布上呈現事件驅動架構:生產者、事件匯流排、訂閱者與事件儲存,以及解耦如何讓新的消費者在不觸碰生產者的情況下加入。
- 模型、視圖與控制器(MVC)——輸入、更新、呈現 — 在一張互動畫布上呈現模型、視圖與控制器(MVC)模式:用戶輸入如何抵達控制器、更新模型,再經視圖呈現出來。
- 整潔架構——那一條依賴規則 — 在一張互動畫布上呈現整潔架構:實體、使用案例、介面轉接器與框架,以及那條令核心保持獨立的依賴規則。
- CI/CD 管線——由提交到生產環境 — 一條 CI/CD 管線,畫在一張互動畫布上:提交、建置、測試、打包、部署到預備環境與生產環境,以及決定一次發布能否留下來的那些關卡。
- 用戶身分驗證流程——由註冊到已驗證的工作階段 — 一條用戶身分驗證流程,畫在一張互動畫布上:建立帳戶、憑據的雜湊與儲存、登入、建立工作階段,以及驗證受保護的請求。
- API 請求生命週期——一個請求所走的每一跳 — 在一張互動畫布上呈現 API 請求的生命週期:DNS、TCP 與 TLS 的建立、經負載平衡器的路由、伺服器處理,以及回應的路徑。
- 資料管線架構——由來源到洞察 — 資料管線架構,畫在一張互動畫布上:來源系統、變更資料擷取、資料擷取層、串流與批次處理、資料倉庫,以及令迴圈收口的取用。
- 雲端部署架構——請求路徑與韌性 — 一套雲端部署架構,畫在一張互動畫布上:邊緣層、負載平衡器、會自動擴展的應用層、資料層,以及令一項服務不會倒下的可觀測性。