標籤索引

此標籤下有 23 條筆記。 顯示前 10 個標籤。

• 2026年8月25日

  AI 時代該學古老且經過驗證的底層

  • learning
  • ai
  • first-principles

• 2026年8月07日

  Agent-based vs. Agentic AI

  • ai
  • llm
  • prompt
  • reading

• 2026年8月07日

  有了 CLAUDE.md 還需要 README 嗎？

  • ai
  • claude-code
  • documentation
  • reading

• 2026年8月06日

  監督 AI 產出的檢查成本可能比自己寫還高

  • ai
  • 協作
  • 生產力

• 2026年8月01日

  5 個 Prompt engineering 技巧

  • ai
  • prompt
  • reading

• 2026年8月01日

  Anthropic 各部門使用 Claude Code 筆記

  • ai
  • frontend
  • react
  • reading
  • refactoring
  • testing
  • tools
  • typescript

• 2026年8月01日

  Claude Code 工作流程

  • ai
  • devops
  • reading
  • testing
  • tools

• 2026年8月01日

  Claude.md 的使用與優點

  • ai
  • devops
  • python
  • reading
  • testing
  • tools

• 2026年8月01日

  LLM Transformer

  • ai
  • llm
  • reading

• 2026年8月01日

  Message Channel

  • ai
  • browser
  • javascript
  • python
  • typescript
  • webapi

此標籤下有 1 條筆記。

• 2026年8月25日

  並行多個 AI agent 的 context switch 會偷走專注

  • focus
  • deep-work
  • ai-collaboration
  • productivity

此標籤下有 3 條筆記。

• 2026年8月01日

  BFS 的 FIFO 與 DFS 的 LIFO

  • algorithm

• 2026年8月01日

  Boyer-Moore Voting Algorithm

  • algorithm

• 2026年8月01日

  Broad Phase 與 Narrow Phase 兩階段碰撞檢測

  • algorithm
  • performance
  • mental-model
  • pattern

此標籤下有 9 條筆記。

• 2026年8月07日

  Foreach Render

  • angular
  • react

• 2026年8月01日

  @Input

  • angular
  • react

• 2026年8月01日

  @output

  • angular
  • react

• 2026年8月01日

  Component

  • angular
  • frontend
  • react
  • typescript

• 2026年8月01日

  Composing Components

  • angular
  • react

• 2026年8月01日

  Conditional Rendering In Component

  • angular
  • react

• 2026年8月01日

  Event Handling

  • angular
  • react

• 2026年8月01日

  Property Binding

  • angular
  • frontend
  • react

• 2026年8月01日

  Variables In Component

  • angular
  • javascript
  • react

此標籤下有 1 條筆記。

• 2026年8月01日

  Ice-cream Cone 測試反模式

  • testing
  • anti-pattern
  • test-pyramid

此標籤下有 2 條筆記。

• 2026年9月17日

  語意變更不能 additive-first，一律當 breaking

  • contract
  • spec
  • api
  • 開發方法論

• 2026年8月01日

  RESTful API

  • frontend
  • api

此標籤下有 6 條筆記。

• 2026年8月25日

  前端的即時驗證是 UX，後端重驗才是 gate

  • api-design
  • validation
  • frontend

• 2026年8月25日

  在共用 endpoint 加無條件檢查會打爛其他呼叫者

  • backend
  • api-design
  • gotcha
  • review

• 2026年8月25日

  失敗時只回錯誤集合，讓使用者就地修正

  • api-design
  • ux
  • architecture

• 2026年8月25日

  契約 breaking 又沒有分流時，前後端不能分開部署

  • deployment
  • api-design
  • review

• 2026年8月25日

  用二進位 artifact 當 API 的傳輸格式

  • api-design
  • architecture
  • performance

• 2026年8月25日

  長時間工作改成 202 加 workflowId 輪詢

  • api-design
  • architecture
  • backend

此標籤下有 1 條筆記。

• 2026年8月01日

  專注模式

  • arc
  • browser
  • tools

此標籤下有 9 條筆記。

• 2026年8月25日

  失敗時只回錯誤集合，讓使用者就地修正

  • api-design
  • ux
  • architecture

• 2026年8月25日

  用二進位 artifact 當 API 的傳輸格式

  • api-design
  • architecture
  • performance

• 2026年8月25日

  長時間工作改成 202 加 workflowId 輪詢

  • api-design
  • architecture
  • backend

• 2026年8月25日

  Docker 是 client-server 架構，CLI 只是遙控器

  • docker
  • devops
  • architecture

• 2026年8月25日

  容器設計原則：單一職責、無狀態、設定走環境變數

  • docker
  • devops
  • architecture

• 2026年8月13日

  共用能力 context 會隨副作用種類膨脹

  • design-pattern
  • react
  • dependency-injection
  • architecture
  • carbonx

• 2026年8月13日

  用 reaction hook 讓副作用各自帶依賴

  • design-pattern
  • react
  • dependency-injection
  • architecture
  • carbonx

• 2026年8月13日

  註冊表分派 side effect（Registry + Strategy Handler）

  • design-pattern
  • react
  • frontend
  • architecture
  • carbonx

• 2026年8月01日

  Cache 策略應依檔案的變動頻率與體積分流

  • cache
  • cdn
  • architecture
  • design-philosophy

此標籤下有 2 條筆記。

• 2026年8月25日

  Astro Component：script 與 template 兩段結構

  • astro
  • frontend
  • typescript

• 2026年8月01日

  Props By Collection

  • astro
  • typescript

此標籤下有 1 條筆記。

• 2026年8月01日

  CosmosDB

  • literature
  • no-sql
  • azure

此標籤下有 1 條筆記。

• 2026年8月01日

  Hot to using Babel In NextJS

  • babel
  • nextjs
  • react

此標籤下有 4 條筆記。

• 2026年8月25日

  在共用 endpoint 加無條件檢查會打爛其他呼叫者

  • backend
  • api-design
  • gotcha
  • review

• 2026年8月25日

  長時間工作改成 202 加 workflowId 輪詢

  • api-design
  • architecture
  • backend

• 2026年8月25日

  1M 列批次建立改用瀏覽器內 SQLite（souffle 1199 + cupcake 1777）

  • frontend
  • backend
  • sqlite
  • performance
  • wasm

• 2026年8月13日

  Logging 架構設計

  • logging
  • system-design
  • nestjs
  • observability
  • backend
  • carbonx

此標籤下有 5 條筆記。

• 2026年9月17日

  AC 照業務規則切，不照使用情境切

  • spec
  • 開發方法論
  • bdd
  • tdd

• 2026年9月17日

  BDD checklist 專門找規格沒寫到的維度

  • spec
  • bdd
  • 開發方法論
  • checklist

• 2026年9月17日

  SDD、BDD、TDD 是三個層級不是三個選項

  • 開發方法論
  • sdd
  • bdd
  • tdd
  • spec

• 2026年9月17日

  規格先行的七步開發流程

  • 開發方法論
  • spec
  • sdd
  • bdd
  • tdd

• 2026年9月17日

  規格的兩種洞：沉默與假具體

  • spec
  • 開發方法論
  • bdd
  • tdd

此標籤下有 1 條筆記。

• 2026年8月01日

  測試策略三原則

  • testing
  • strategy
  • best-practice

此標籤下有 1 條筆記。

• 2026年8月28日

  別人被裁員時歸因於個人表現是最舒服也最危險的解釋

  • career
  • risk
  • bias

此標籤下有 16 條筆記。 顯示前 10 個標籤。

• 2026年8月28日

  用同源 blob 包一層 importScripts 建立跨源 Worker

  • frontend
  • browser
  • worker
  • cors
  • micro-frontend

• 2026年8月25日

  CompressionStream：瀏覽器內建的 gzip

  • frontend
  • browser
  • web-api

• 2026年8月25日

  OPFS sync access handle 讓 SQLite 能在瀏覽器只讀用得到的 page

  • browser
  • sqlite
  • web-api
  • storage

• 2026年8月25日

  Web Worker 不需要註冊，Service Worker 才需要

  • frontend
  • browser
  • worker

• 2026年8月25日

  Worker 與分頁共用同一份記憶體配額

  • frontend
  • browser
  • memory
  • gotcha

• 2026年8月07日

  CLS (Cumulative Layout Shift)

  • browser
  • core-web-vitals
  • frontend
  • performance

• 2026年8月01日

  CSS Layer

  • browser
  • css
  • frontend
  • reading

• 2026年8月01日

  Day10 X 實作一個簡單的 Virtualized List 吧！ - iT 邦幫忙!一起幫忙解決難題，拯救 IT 人的一天

  • browser
  • devops
  • frontend
  • react
  • reading
  • vue

• 2026年8月01日

  Day11 X Lazy Loading - iT 邦幫忙!一起幫忙解決難題，拯救 IT 人的一天

  • browser
  • devops
  • frontend
  • javascript
  • react
  • reading
  • testing
  • typescript

• 2026年8月01日

  FID (First Input Delay)

  • browser
  • core-web-vitals
  • frontend
  • javascript
  • performance

此標籤下有 1 條筆記。

• 2026年8月28日

  打包器靠 AST 形狀認出 worker，改寫法會靜默失效

  • webpack
  • build
  • gotcha
  • worker

此標籤下有 4 條筆記。

• 2026年9月17日

  GCP immutable 主要省 GCS 請求與 latency 而非 egress

  • gcp
  • cdn
  • cache
  • cost-analysis

• 2026年9月17日

  入口檔與 hashed chunks 兩極化 cache 策略

  • cache
  • cdn
  • deployment
  • http

• 2026年8月01日

  Cache 策略應依檔案的變動頻率與體積分流

  • cache
  • cdn
  • architecture
  • design-philosophy

• 2026年8月01日

  no-store 走 CDN 仍有 anycast 與 TLS termination 價值

  • cdn
  • gcp
  • cache
  • networking

此標籤下有 14 條筆記。 顯示前 10 個標籤。

• 2026年8月01日

  CSS transform 縮放下 strokeWidth 要除以 scale

  • canvas
  • css-transform
  • svg
  • frontend
  • ux

• 2026年8月01日

  Draft Pattern 繪製中的物件放獨立 state

  • canvas
  • pattern
  • performance
  • react
  • frontend

• 2026年8月01日

  HUD 用 data 屬性加 closest 阻擋畫布事件

  • dom-event
  • pattern
  • canvas
  • frontend

• 2026年8月01日

  Pointer Capture 讓滑鼠離開元件仍能收事件

  • dom-event
  • pointer-events
  • pattern
  • canvas
  • frontend

• 2026年8月01日

  React onWheel 預設 passive 必須綁原生事件才能 preventDefault

  • react
  • dom-event
  • canvas
  • gotcha
  • frontend

• 2026年8月01日

  SVG 寫 width 1 height 1 overflow visible 當純座標系容器

  • svg
  • canvas
  • layout
  • frontend

• 2026年8月01日

  screenToWorld 與 worldToScreen 座標轉換

  • canvas
  • coordinate-system
  • frontend

• 2026年8月01日

  以游標為中心縮放的反推公式

  • canvas
  • pattern
  • ux
  • frontend

• 2026年8月01日

  拖曳與平移的暫存狀態放 ref 而非 state

  • react
  • performance
  • pattern
  • canvas
  • frontend

• 2026年8月01日

  指數縮放讓滾輪手感平滑

  • canvas
  • pattern
  • ux
  • frontend

此標籤下有 6 條筆記。

• 2026年8月25日

  負載型 flaky test：CI 測試隨機撞 testTimeout

  • testing
  • flaky-test
  • ci-cd
  • vitest
  • kubernetes
  • carbonx

• 2026年8月13日

  Logging 架構設計

  • logging
  • system-design
  • nestjs
  • observability
  • backend
  • carbonx

• 2026年8月13日

  共用能力 context 會隨副作用種類膨脹

  • design-pattern
  • react
  • dependency-injection
  • architecture
  • carbonx

• 2026年8月13日

  用 reaction hook 讓副作用各自帶依賴

  • design-pattern
  • react
  • dependency-injection
  • architecture
  • carbonx

• 2026年8月13日

  註冊表分派 side effect（Registry + Strategy Handler）

  • design-pattern
  • react
  • frontend
  • architecture
  • carbonx

• 2026年8月07日

  Drawer 未隨 context unmount 導致 stale form state 送錯 id

  • react
  • frontend
  • stale-state
  • carbonx
  • fix-bug

此標籤下有 4 條筆記。

• 2026年8月28日

  別人被裁員時歸因於個人表現是最舒服也最危險的解釋

  • career
  • risk
  • bias

• 2026年8月28日

  怎麼在不犧牲本業深度的前提下建立第二收入來源

  • career
  • finance
  • open-question

• 2026年8月28日

  收入來源單一等於把議價權交出去

  • career
  • finance
  • risk

• 2026年8月28日

  職涯的選擇權要在不需要的時候累積

  • career
  • risk

此標籤下有 4 條筆記。

• 2026年9月17日

  GCP immutable 主要省 GCS 請求與 latency 而非 egress

  • gcp
  • cdn
  • cache
  • cost-analysis

• 2026年9月17日

  入口檔與 hashed chunks 兩極化 cache 策略

  • cache
  • cdn
  • deployment
  • http

• 2026年8月01日

  Cache 策略應依檔案的變動頻率與體積分流

  • cache
  • cdn
  • architecture
  • design-philosophy

• 2026年8月01日

  no-store 走 CDN 仍有 anycast 與 TLS termination 價值

  • cdn
  • gcp
  • cache
  • networking

此標籤下有 1 條筆記。

• 2026年8月25日

  os.availableParallelism() 不讀 cgroup 回傳宿主機核心數

  • nodejs
  • kubernetes
  • cgroup
  • ci-cd
  • gotcha

此標籤下有 4 條筆記。

• 2026年8月01日

  Chakra Tooltip 邊界顯示時 scrollbar 閃爍的修法

  • chakra-ui
  • popper
  • tooltip
  • fix-bug

• 2026年8月01日

  Drawer Form 資料不更新的解決方案

  • react-hook-form
  • chakra-ui

• 2026年8月01日

  Parent overflow hidden 切掉 children (portal)

  • css
  • react
  • chakra-ui

• 2026年8月01日

  Tooltip shouldWrapChildren 的運作原理

  • chakra-ui

此標籤下有 1 條筆記。

• 2026年9月17日

  BDD checklist 專門找規格沒寫到的維度

  • spec
  • bdd
  • 開發方法論
  • checklist

此標籤下有 3 條筆記。

• 2026年9月17日

  AC id 追溯鏈讓改規格的影響變成一個 grep

  • spec
  • 開發方法論
  • tdd
  • ci

• 2026年9月17日

  規格檢查要機械化進 CI，不能靠紀律

  • spec
  • ci
  • 開發方法論

• 2026年8月01日

  v8 coverage 在循環引用與深層元件樹下會死鎖

  • testing
  • vitest
  • coverage
  • ci
  • debugging

此標籤下有 3 條筆記。

• 2026年8月25日

  Image 是 CI-CD 流水線上唯一的交付物

  • docker
  • devops
  • ci-cd

• 2026年8月25日

  os.availableParallelism() 不讀 cgroup 回傳宿主機核心數

  • nodejs
  • kubernetes
  • cgroup
  • ci-cd
  • gotcha

• 2026年8月25日

  負載型 flaky test：CI 測試隨機撞 testTimeout

  • testing
  • flaky-test
  • ci-cd
  • vitest
  • kubernetes
  • carbonx

此標籤下有 1 條筆記。

• 2026年8月25日

  全形字寬度判斷：碼位 ≥ 0x2E80 視為雙寬

  • unicode
  • cjk
  • text

此標籤下有 2 條筆記。

• 2026年9月17日

  grill-spec：把規格審查做成四個 pass

  • spec
  • 開發方法論
  • claude-code
  • skill

• 2026年8月07日

  有了 CLAUDE.md 還需要 README 嗎？

  • ai
  • claude-code
  • documentation
  • reading

此標籤下有 1 條筆記。

• 2026年8月01日

  筆記：一直很討厭把布林值當參數，因為看不出意圖

  • cleancode
  • reading

此標籤下有 1 條筆記。

• 2026年8月01日

  IIFE 在 JSX 的效能影響

  • performance
  • react
  • code-review

此標籤下有 1 條筆記。

• 2026年8月01日

  Mysterious Name

  • code-small
  • refactoring

此標籤下有 1 條筆記。

• 2026年8月03日

  UMPIRE 法則

  • leetcode
  • 刷題
  • 面試
  • coding-interview

此標籤下有 12 條筆記。 顯示前 10 個標籤。

• 2026年9月17日

  for-select 裡的 time.After 每圈重置

  • go
  • concurrency
  • gotcha

• 2026年9月17日

  select 分三階段：求值全部、等待全部、只執行一個

  • go
  • concurrency

• 2026年9月17日

  select 是 channel 版的 switch

  • go
  • concurrency

• 2026年9月17日

  select 用 default 做非阻塞，用 time.After 做逾時

  • go
  • concurrency

• 2026年9月17日

  select 的 case 後面不是條件而是一個 channel

  • go
  • concurrency
  • gotcha

• 2026年9月17日

  select 等不到條件時會 deadlock 或 goroutine leak

  • go
  • concurrency
  • gotcha

• 2026年9月17日

  select 阻塞的是呼叫它的 goroutine，不是整個程式

  • go
  • concurrency

• 2026年9月17日

  把 channel 設成 nil 可以停用 select 的某個 case

  • go
  • concurrency

• 2026年8月30日

  Channel 是 goroutine 之間的通訊管道

  • go
  • concurrency

• 2026年8月30日

  Goroutine 是用 go 關鍵字啟動的輕量任務

  • go
  • concurrency

此標籤下有 1 條筆記。

• 2026年8月13日

  YAML、JSON、XML 的取捨

  • config
  • data-format
  • yaml

此標籤下有 4 條筆記。

• 2026年9月17日

  consumer-driven contract test 取代 E2E 驗串接

  • testing
  • contract
  • tdd
  • 開發方法論

• 2026年9月17日

  契約凍結是通過 test skeleton 的結果，不是前提

  • spec
  • 開發方法論
  • contract
  • tdd

• 2026年9月17日

  平行展開前要過 Definition of Ready

  • spec
  • 開發方法論
  • contract
  • 平行開發

• 2026年9月17日

  語意變更不能 additive-first，一律當 breaking

  • contract
  • spec
  • api
  • 開發方法論

此標籤下有 2 條筆記。

• 2026年8月01日

  screenToWorld 與 worldToScreen 座標轉換

  • canvas
  • coordinate-system
  • frontend

• 2026年8月01日

  螢幕座標 vs 世界座標

  • canvas
  • coordinate-system
  • frontend

此標籤下有 2 條筆記。

• 2026年8月01日

  啟用 Copilot

  • ai
  • copilot
  • developer
  • ide

• 2026年8月01日

  活用 GitHub Copilot 開發 Web 應用程式

  • ai
  • copilot
  • devops
  • javascript
  • testing
  • typescript
  • webconf

此標籤下有 5 條筆記。

• 2026年8月25日

  Shopify 速度優化：修結構性瓶頸而非分數（DebugBear）

  • frontend
  • performance
  • core-web-vitals
  • shopify

• 2026年8月07日

  CLS (Cumulative Layout Shift)

  • browser
  • core-web-vitals
  • frontend
  • performance

• 2026年8月01日

  FID (First Input Delay)

  • browser
  • core-web-vitals
  • frontend
  • javascript
  • performance

• 2026年8月01日

  INP (Interaction to Next Paint )

  • browser
  • core-web-vitals
  • frontend
  • performance

• 2026年8月01日

  LCP (Largest Contentful Paint)

  • browser
  • core-web-vitals
  • frontend
  • performance

此標籤下有 1 條筆記。

• 2026年8月28日

  用同源 blob 包一層 importScripts 建立跨源 Worker

  • frontend
  • browser
  • worker
  • cors
  • micro-frontend

此標籤下有 1 條筆記。

• 2026年9月17日

  GCP immutable 主要省 GCS 請求與 latency 而非 egress

  • gcp
  • cdn
  • cache
  • cost-analysis

此標籤下有 1 條筆記。

• 2026年8月01日

  v8 coverage 在循環引用與深層元件樹下會死鎖

  • testing
  • vitest
  • coverage
  • ci
  • debugging

此標籤下有 9 條筆記。

• 2026年8月01日

  CSS Layer

  • browser
  • css
  • frontend
  • reading

• 2026年8月01日

  CSS 強制文字不換行

  • css
  • frontend

• 2026年8月01日

  CSS 禁止滑動

  • css
  • frontend

• 2026年8月01日

  Checkbox 顏色

  • css
  • frontend

• 2026年8月01日

  Parent overflow hidden 切掉 children (portal)

  • css
  • react
  • chakra-ui

• 2026年8月01日

  flex 子元素 minWidth 0 撐滿但不溢出

  • css
  • flexbox

• 2026年8月01日

  禁止使用者反白

  • css
  • frontend
  • html

• 2026年8月01日

  筆記：RWD（響應式網頁設計）檢查重點與實務

  • css
  • frontend

• 2026年8月01日

  背景網格用 backgroundImage 加 modulo 做無限延展

  • css
  • canvas
  • pattern
  • frontend

此標籤下有 2 條筆記。

• 2026年8月01日

  CSS transform 縮放下 strokeWidth 要除以 scale

  • canvas
  • css-transform
  • svg
  • frontend
  • ux

• 2026年8月01日

  無限畫布用 CSS transform 縮放整個圖層

  • canvas
  • pattern
  • css-transform
  • performance
  • frontend

此標籤下有 1 條筆記。

• 2026年8月13日

  YAML、JSON、XML 的取捨

  • config
  • data-format
  • yaml

此標籤下有 13 條筆記。 顯示前 10 個標籤。

• 2026年9月17日

  Go 建立 map 的三種寫法

  • go
  • data-structure

• 2026年9月17日

  Go 的 map 讀取不存在的 key 會回傳 zero value

  • go
  • data-structure
  • gotcha

• 2026年9月17日

  Go 的 struct 是一組具名欄位的集合

  • go
  • data-structure

• 2026年9月17日

  nil map 可以讀但不能寫

  • go
  • data-structure
  • gotcha

• 2026年8月30日

  Go 傳 slice 是複製 header 而不是 pass by reference

  • go
  • data-structure

• 2026年8月30日

  Go 的 slice、map、func 不能用相等運算子比較

  • go
  • data-structure

• 2026年8月30日

  Go 的切割上限是 cap 而不是 len

  • go
  • data-structure

• 2026年8月30日

  Go 移除 slice 特定 index 的元素會打亂順序

  • go
  • data-structure

• 2026年8月30日

  Slice 是看向底層 array 的一扇窗戶

  • go
  • data-structure

• 2026年8月30日

  Slice 的四種建立方式與 nil

  • go
  • data-structure

此標籤下有 7 條筆記。

• 2026年9月17日

  JOIN 貴在每一列都要去另一張表配對

  • database
  • sql
  • performance

• 2026年9月17日

  OFFSET 分頁的總成本是 O(頁數平方)，cursor 分頁才是 O(頁數)

  • database
  • sql
  • performance
  • pagination

• 2026年9月17日

  SQL Basic

  • sql
  • mysql
  • database
  • reference

• 2026年9月17日

  WHERE 決定回傳幾列，索引才決定要看過幾列

  • database
  • sql
  • index
  • performance

• 2026年9月17日

  同一個寫法在互動式列表沒事，在全量掃描必爆

  • database
  • performance
  • engineering

• 2026年8月25日

  容器可拋棄，資料要靠 Volume 留在容器外

  • docker
  • devops
  • database

• 2026年8月01日

  什麼是 jsonb

  • database
  • postgres

此標籤下有 3 條筆記。

• 2026年8月25日

  連不上容器的四個原因與 -p 的方向

  • docker
  • devops
  • debugging

• 2026年8月25日

  容器除錯四寶與 exit code 對照

  • docker
  • devops
  • debugging

• 2026年8月01日

  v8 coverage 在循環引用與深層元件樹下會死鎖

  • testing
  • vitest
  • coverage
  • ci
  • debugging

此標籤下有 2 條筆記。

• 2026年8月25日

  並行多個 AI agent 的 context switch 會偷走專注

  • focus
  • deep-work
  • ai-collaboration
  • productivity

• 2026年8月25日

  掌握專注，讓人生更自由（Scott H. Young 訪談）

  • focus
  • deep-work
  • productivity
  • learning

此標籤下有 2 條筆記。

• 2026年8月13日

  共用能力 context 會隨副作用種類膨脹

  • design-pattern
  • react
  • dependency-injection
  • architecture
  • carbonx

• 2026年8月13日

  用 reaction hook 讓副作用各自帶依賴

  • design-pattern
  • react
  • dependency-injection
  • architecture
  • carbonx

此標籤下有 6 條筆記。

• 2026年9月17日

  入口檔與 hashed chunks 兩極化 cache 策略

  • cache
  • cdn
  • deployment
  • http

• 2026年8月25日

  契約 breaking 又沒有分流時，前後端不能分開部署

  • deployment
  • api-design
  • review

• 2026年8月25日

  正式環境不要用 latest tag

  • docker
  • devops
  • deployment

• 2026年8月01日

  MFE in-flight user 與 ChunkLoadError race

  • mfe
  • module-federation
  • deployment

• 2026年8月01日

  MFE 三段式部署 additive upload entry swap sweep

  • deployment
  • mfe
  • module-federation

• 2026年8月01日

  Vercel add a custom domain

  • vercel
  • deployment

此標籤下有 5 條筆記。

• 2026年8月13日

  共用能力 context 會隨副作用種類膨脹

  • design-pattern
  • react
  • dependency-injection
  • architecture
  • carbonx

• 2026年8月13日

  用 reaction hook 讓副作用各自帶依賴

  • design-pattern
  • react
  • dependency-injection
  • architecture
  • carbonx

• 2026年8月13日

  註冊表分派 side effect（Registry + Strategy Handler）

  • design-pattern
  • react
  • frontend
  • architecture
  • carbonx

• 2026年8月01日

  ES Module Singleton vs Class Singleton In JS

  • design-pattern

• 2026年8月01日

  JS 中的 Singleton

  • design-pattern

此標籤下有 1 條筆記。

• 2026年8月01日

  Cache 策略應依檔案的變動頻率與體積分流

  • cache
  • cdn
  • architecture
  • design-philosophy

此標籤下有 5 條筆記。

• 2026年8月25日

  Image

  • developer
  • devops
  • docker
  • reading

• 2026年8月01日

  API

  • developer
  • frontend

• 2026年8月01日

  Create New Route In Remix

  • developer
  • react
  • remix

• 2026年8月01日

  啟用 Copilot

  • ai
  • copilot
  • developer
  • ide

• 2026年8月01日

  技術債 1

  • developer
  • reading

此標籤下有 1 條筆記。

• 2026年8月25日

  Docker Compose 一個檔案起整套環境

  • docker
  • devops
  • developer-experience

此標籤下有 30 條筆記。 顯示前 10 個標籤。

• 2026年8月25日

  容器是被 namespace 與 cgroups 關起來的普通行程

  • docker
  • devops
  • linux

• 2026年8月25日

  連不上容器的四個原因與 -p 的方向

  • docker
  • devops
  • debugging

• 2026年8月25日

  CMD 與 ENTRYPOINT 的差別與 exec form 的 SIGTERM 陷阱

  • docker
  • devops

• 2026年8月25日

  Container

  • devops
  • docker
  • reading

• 2026年8月25日

  Docker Compose 一個檔案起整套環境

  • docker
  • devops
  • developer-experience

• 2026年8月25日

  Docker 是 client-server 架構，CLI 只是遙控器

  • docker
  • devops
  • architecture

• 2026年8月25日

  Dockerfile 分層快取由上往下連鎖失效

  • docker
  • devops
  • performance

• 2026年8月25日

  Image 完整名字是 Registry-Namespace-Repository-Tag

  • docker
  • devops

• 2026年8月25日

  Image 是 CI-CD 流水線上唯一的交付物

  • docker
  • devops
  • ci-cd

• 2026年8月25日

  Image

  • developer
  • devops
  • docker
  • reading

此標籤下有 18 條筆記。 顯示前 10 個標籤。

• 2026年8月25日

  容器是被 namespace 與 cgroups 關起來的普通行程

  • docker
  • devops
  • linux

• 2026年8月25日

  連不上容器的四個原因與 -p 的方向

  • docker
  • devops
  • debugging

• 2026年8月25日

  CMD 與 ENTRYPOINT 的差別與 exec form 的 SIGTERM 陷阱

  • docker
  • devops

• 2026年8月25日

  Container

  • devops
  • docker
  • reading

• 2026年8月25日

  Docker Compose 一個檔案起整套環境

  • docker
  • devops
  • developer-experience

• 2026年8月25日

  Docker 是 client-server 架構，CLI 只是遙控器

  • docker
  • devops
  • architecture

• 2026年8月25日

  Dockerfile 分層快取由上往下連鎖失效

  • docker
  • devops
  • performance

• 2026年8月25日

  Image 完整名字是 Registry-Namespace-Repository-Tag

  • docker
  • devops

• 2026年8月25日

  Image 是 CI-CD 流水線上唯一的交付物

  • docker
  • devops
  • ci-cd

• 2026年8月25日

  Image

  • developer
  • devops
  • docker
  • reading

此標籤下有 1 條筆記。

• 2026年8月07日

  有了 CLAUDE.md 還需要 README 嗎？

  • ai
  • claude-code
  • documentation
  • reading

此標籤下有 3 條筆記。

• 2026年8月01日

  HUD 用 data 屬性加 closest 阻擋畫布事件

  • dom-event
  • pattern
  • canvas
  • frontend

• 2026年8月01日

  Pointer Capture 讓滑鼠離開元件仍能收事件

  • dom-event
  • pointer-events
  • pattern
  • canvas
  • frontend

• 2026年8月01日

  React onWheel 預設 passive 必須綁原生事件才能 preventDefault

  • react
  • dom-event
  • canvas
  • gotcha
  • frontend

此標籤下有 1 條筆記。

• 2026年8月01日

  紅茶

  • drink
  • recipe

此標籤下有 1 條筆記。

• 2026年9月17日

  同一個寫法在互動式列表沒事，在全量掃描必爆

  • database
  • performance
  • engineering

此標籤下有 3 條筆記。

• 2026年8月28日

  怎麼在不犧牲本業深度的前提下建立第二收入來源

  • career
  • finance
  • open-question

• 2026年8月28日

  收入來源單一等於把議價權交出去

  • career
  • finance
  • risk

• 2026年8月01日

  現金流

  • finance

此標籤下有 1 條筆記。

• 2026年8月25日

  AI 時代該學古老且經過驗證的底層

  • learning
  • ai
  • first-principles

此標籤下有 2 條筆記。

• 2026年8月07日

  Drawer 未隨 context unmount 導致 stale form state 送錯 id

  • react
  • frontend
  • stale-state
  • carbonx
  • fix-bug

• 2026年8月01日

  Chakra Tooltip 邊界顯示時 scrollbar 閃爍的修法

  • chakra-ui
  • popper
  • tooltip
  • fix-bug

此標籤下有 1 條筆記。

• 2026年8月25日

  負載型 flaky test：CI 測試隨機撞 testTimeout

  • testing
  • flaky-test
  • ci-cd
  • vitest
  • kubernetes
  • carbonx

此標籤下有 6 條筆記。

• 2026年8月01日

  Install Flask

  • flask
  • python

• 2026年8月01日

  Request Params And Request Body

  • flask
  • python

• 2026年8月01日

  Routes in Flask

  • flask
  • python

• 2026年8月01日

  Setting Service Working Port

  • flask
  • python

• 2026年8月01日

  Slug as Variable

  • flask
  • python

• 2026年8月01日

  Web Template

  • flask
  • python

此標籤下有 1 條筆記。

• 2026年8月01日

  flex 子元素 minWidth 0 撐滿但不溢出

  • css
  • flexbox

此標籤下有 3 條筆記。

• 2026年8月25日

  並行多個 AI agent 的 context switch 會偷走專注

  • focus
  • deep-work
  • ai-collaboration
  • productivity

• 2026年8月25日

  兩種休息：放空 relax 與創造滿足感

  • focus
  • rest
  • productivity
  • wellbeing

• 2026年8月25日

  掌握專注，讓人生更自由（Scott H. Young 訪談）

  • focus
  • deep-work
  • productivity
  • learning

此標籤下有 55 條筆記。 顯示前 10 個標籤。

• 2026年8月28日

  用同源 blob 包一層 importScripts 建立跨源 Worker

  • frontend
  • browser
  • worker
  • cors
  • micro-frontend

• 2026年8月25日

  Astro Component：script 與 template 兩段結構

  • astro
  • frontend
  • typescript

• 2026年8月25日

  CompressionStream：瀏覽器內建的 gzip

  • frontend
  • browser
  • web-api

• 2026年8月25日

  Web Worker 不需要註冊，Service Worker 才需要

  • frontend
  • browser
  • worker

• 2026年8月25日

  Worker 與分頁共用同一份記憶體配額

  • frontend
  • browser
  • memory
  • gotcha

• 2026年8月25日

  前端的即時驗證是 UX，後端重驗才是 gate

  • api-design
  • validation
  • frontend

• 2026年8月25日

  瀏覽器內 SQLite：把查詢下推到 Worker 的 WASM heap

  • frontend
  • sqlite
  • wasm
  • performance

• 2026年8月25日

  記憶體峰值倍率：OOM 發生在轉換的瞬間

  • performance
  • memory
  • frontend

• 2026年8月25日

  1M 列批次建立改用瀏覽器內 SQLite（souffle 1199 + cupcake 1777）

  • frontend
  • backend
  • sqlite
  • performance
  • wasm

• 2026年8月25日

  Shopify 速度優化：修結構性瓶頸而非分數（DebugBear）

  • frontend
  • performance
  • core-web-vitals
  • shopify

此標籤下有 1 條筆記。

• 2026年8月25日

  Kernel：作業系統核心

  • os
  • linux
  • fundamentals

此標籤下有 2 條筆記。

• 2026年9月17日

  GCP immutable 主要省 GCS 請求與 latency 而非 egress

  • gcp
  • cdn
  • cache
  • cost-analysis

• 2026年8月01日

  no-store 走 CDN 仍有 anycast 與 TLS termination 價值

  • cdn
  • gcp
  • cache
  • networking

此標籤下有 1 條筆記。

• 2026年8月01日

  橢圓命中測試用單位圓正規化

  • geometry
  • canvas
  • hit-testing
  • math
  • frontend

此標籤下有 3 條筆記。

• 2026年8月01日

  Git Init Default Branch Name

  • devops
  • git

• 2026年8月01日

  Modify Commit Message Unpushed

  • devops
  • git

• 2026年8月01日

  臨時切 branch 別用 stash

  • git
  • work-flow

此標籤下有 41 條筆記。 顯示前 10 個標籤。

• 2026年9月17日

  Go 函式的多回傳值與具名回傳值

  • go
  • syntax

• 2026年9月17日

  Go 宣告變數的四種寫法

  • go
  • syntax

• 2026年9月17日

  Go 建立 map 的三種寫法

  • go
  • data-structure

• 2026年9月17日

  Go 沒有 truthy falsy，判斷式只吃 bool

  • go
  • syntax

• 2026年9月17日

  Go 的 map 讀取不存在的 key 會回傳 zero value

  • go
  • data-structure
  • gotcha

• 2026年9月17日

  Go 的 struct 是一組具名欄位的集合

  • go
  • data-structure

• 2026年9月17日

  Go 的函式是一等公民，閉包捕捉的是變數本身

  • go
  • syntax

• 2026年9月17日

  Go 的可見性由開頭字母大小寫決定

  • go
  • syntax

• 2026年9月17日

  defer 是後進先出，登記時機在執行到那一行

  • go
  • syntax
  • gotcha

• 2026年9月17日

  for-select 裡的 time.After 每圈重置

  • go
  • concurrency
  • gotcha

此標籤下有 13 條筆記。 顯示前 10 個標籤。

• 2026年9月17日

  Go 的 map 讀取不存在的 key 會回傳 zero value

  • go
  • data-structure
  • gotcha

• 2026年9月17日

  defer 是後進先出，登記時機在執行到那一行

  • go
  • syntax
  • gotcha

• 2026年9月17日

  for-select 裡的 time.After 每圈重置

  • go
  • concurrency
  • gotcha

• 2026年9月17日

  nil map 可以讀但不能寫

  • go
  • data-structure
  • gotcha

• 2026年9月17日

  select 的 case 後面不是條件而是一個 channel

  • go
  • concurrency
  • gotcha

• 2026年9月17日

  select 等不到條件時會 deadlock 或 goroutine leak

  • go
  • concurrency
  • gotcha

• 2026年8月30日

  Go 1.22 起迴圈變數每次疊代各自一份

  • go
  • gotcha

• 2026年8月28日

  打包器靠 AST 形狀認出 worker，改寫法會靜默失效

  • webpack
  • build
  • gotcha
  • worker

• 2026年8月25日

  Worker 與分頁共用同一份記憶體配額

  • frontend
  • browser
  • memory
  • gotcha

• 2026年8月25日

  在共用 endpoint 加無條件檢查會打爛其他呼叫者

  • backend
  • api-design
  • gotcha
  • review

此標籤下有 1 條筆記。

• 2026年8月01日

  二元堆積

  • heap

此標籤下有 1 條筆記。

• 2026年8月01日

  Cedars FE

  • heptabase-archive

此標籤下有 25 條筆記。 顯示前 10 個標籤。

• 2026年8月01日

  291.机器学习简介! 寻找函数的艺术.md

  • reading
  • highlight

• 2026年8月01日

  5 DRY Principles to Follow in ...

  • reading
  • highlight

• 2026年8月01日

  DDD 學習路徑與資源分享

  • reading
  • highlight

• 2026年8月01日

  DDD 戰術設計：Repository 資源庫

  • reading
  • highlight

• 2026年8月01日

  Goodbye, useEffect - David Kho...

  • reading
  • highlight

• 2026年8月01日

  Million Dollar Weekend ! 百萬美元週...

  • reading
  • highlight

• 2026年8月01日

  React 開發者一定要知道的底層機制 — React Fi...

  • reading
  • highlight

• 2026年8月01日

  Typescript的应用与思考

  • reading
  • highlight

• 2026年8月01日

  When You SHOULD Duplicate Code

  • reading
  • highlight

• 2026年8月01日

  everyone-can-use-english

  • reading
  • highlight

此標籤下有 1 條筆記。

• 2026年8月01日

  橢圓命中測試用單位圓正規化

  • geometry
  • canvas
  • hit-testing
  • math
  • frontend

此標籤下有 2 條筆記。

• 2026年8月01日

  index

  • moc
  • home

• 2026年8月01日

  Home

  • moc
  • home

此標籤下有 2 條筆記。

• 2026年8月01日

  取得 html tag

  • html
  • javascript

• 2026年8月01日

  禁止使用者反白

  • css
  • frontend
  • html

此標籤下有 1 條筆記。

• 2026年9月17日

  入口檔與 hashed chunks 兩極化 cache 策略

  • cache
  • cdn
  • deployment
  • http

此標籤下有 2 條筆記。

• 2026年8月01日

  Checking Slowly in IDE

  • typescript
  • ide

• 2026年8月01日

  啟用 Copilot

  • ai
  • copilot
  • developer
  • ide

此標籤下有 2 條筆記。

• 2026年8月01日

  Auto Create Breadcrumbs By File Structure

  • implement
  • nextjs
  • react

• 2026年8月01日

  實作範例

  • implement
  • javascript
  • nextjs
  • react

此標籤下有 1 條筆記。

• 2026年9月17日

  WHERE 決定回傳幾列，索引才決定要看過幾列

  • database
  • sql
  • index
  • performance

此標籤下有 4 條筆記。

• 2026年8月25日

  VM 與容器的差別在有沒有自己的 kernel

  • docker
  • devops
  • interview

• 2026年8月01日

  為什麼 setInterval 在使用上時間會不太準

  • interview
  • javascript
  • reading

• 2026年8月01日

  為什麼前端需要 Bundler ! 作用是什麼？

  • frontend
  • interview
  • javascript
  • react
  • typescript

• 2026年8月01日

  筆記：前端工程師深入學習討論串 From Zet QA 環節

  • ai
  • frontend
  • interview
  • javascript
  • mindset
  • react
  • reading

此標籤下有 1 條筆記。

• 2026年8月01日

  ISTQB 七大測試原則

  • testing
  • istqb
  • principles

此標籤下有 34 條筆記。 顯示前 10 個標籤。

• 2026年8月25日

  JS 物件比原始資料胖好幾倍

  • javascript
  • v8
  • performance
  • memory

• 2026年8月25日

  WASM linear memory 是 GC 管不到的記憶體

  • wasm
  • memory
  • javascript

• 2026年8月07日

  Muti command line in child process

  • javascript

• 2026年8月07日

  jest.mock

  • javascript
  • react
  • testing
  • unit-test

• 2026年8月01日

  Closure

  • javascript

• 2026年8月01日

  Create Search Params

  • javascript

• 2026年8月01日

  Day11 X Lazy Loading - iT 邦幫忙!一起幫忙解決難題，拯救 IT 人的一天

  • browser
  • devops
  • frontend
  • javascript
  • react
  • reading
  • testing
  • typescript

• 2026年8月01日

  Enum

  • javascript
  • typescript

• 2026年8月01日

  FID (First Input Delay)

  • browser
  • core-web-vitals
  • frontend
  • javascript
  • performance

• 2026年8月01日

  How to check variable is undefined in javascript

  • javascript

此標籤下有 4 條筆記。

• 2026年9月17日

  Pod 不會自己重啟，自我修復來自控制器

  • kubernetes
  • 容器
  • 部署

• 2026年9月17日

  Pod、Job、Workflow 是三層：執行載體、任務保證、流程調度

  • kubernetes
  • 容器
  • 部署

• 2026年8月25日

  os.availableParallelism() 不讀 cgroup 回傳宿主機核心數

  • nodejs
  • kubernetes
  • cgroup
  • ci-cd
  • gotcha

• 2026年8月25日

  負載型 flaky test：CI 測試隨機撞 testTimeout

  • testing
  • flaky-test
  • ci-cd
  • vitest
  • kubernetes
  • carbonx

此標籤下有 1 條筆記。

• 2026年8月01日

  SVG 寫 width 1 height 1 overflow visible 當純座標系容器

  • svg
  • canvas
  • layout
  • frontend

此標籤下有 2 條筆記。

• 2026年8月25日

  AI 時代該學古老且經過驗證的底層

  • learning
  • ai
  • first-principles

• 2026年8月25日

  掌握專注，讓人生更自由（Scott H. Young 訪談）

  • focus
  • deep-work
  • productivity
  • learning

此標籤下有 3 條筆記。

• 2026年8月03日

  AI 時代的學習與刷題策略

  • leetcode
  • 刷題
  • 學習方法
  • mindset

• 2026年8月03日

  UMPIRE 法則

  • leetcode
  • 刷題
  • 面試
  • coding-interview

• 2026年8月03日

  為什麼 AI 時代還要刷題 (YouTube)

  • leetcode
  • 刷題
  • 面試
  • 學習方法

此標籤下有 2 條筆記。

• 2026年8月25日

  Kernel：作業系統核心

  • os
  • linux
  • fundamentals

• 2026年8月25日

  容器是被 namespace 與 cgroups 關起來的普通行程

  • docker
  • devops
  • linux

此標籤下有 7 條筆記。

• 2026年8月01日

  AI 時代寫程式，你是在學習還是在偷懶？ - 讀後感

  • literature
  • reading
  • ai
  • vibe-coding

• 2026年8月01日

  AI 還是需要優秀工程師

  • literature
  • ai

• 2026年8月01日

  CosmosDB

  • literature
  • no-sql
  • azure

• 2026年8月01日

  OpenAI 如何將 PostgreSQL 擴展到支撐 8 億名使用者

  • literature
  • ai
  • postgres

• 2026年8月01日

  Pattern Drill

  • literature
  • 英文學習

• 2026年8月01日

  Zed 做到 inline testing (jest)

  • literature
  • zed
  • testing
  • tools

• 2026年8月01日

  Lion Kimbro 的概念地圖 MOC 系統

  • literature
  • pkm
  • moc
  • note-taking
  • zettelkasten

此標籤下有 4 條筆記。

• 2026年8月07日

  Agent-based vs. Agentic AI

  • ai
  • llm
  • prompt
  • reading

• 2026年8月01日

  LLM Transformer

  • ai
  • llm
  • reading

• 2026年8月01日

  Transformer、Seq2Seq 與注意力機制

  • ai
  • llm

• 2026年8月01日

  機器翻譯發展歷程

  • ai
  • llm
  • reading

此標籤下有 1 條筆記。

• 2026年8月13日

  Logging 架構設計

  • logging
  • system-design
  • nestjs
  • observability
  • backend
  • carbonx

此標籤下有 7 條筆記。

• 2026年8月04日

  機率與統計 par1.B

  • 機率與統計
  • 機率
  • 統計
  • 條件機率
  • 貝氏定理
  • math

• 2026年8月02日

  機率與統計 MOC

  • moc
  • 機率與統計
  • math

• 2026年8月02日

  De Morgan's Law

  • 集合論
  • math
  • 證明

• 2026年8月02日

  機率與統計 par1.A

  • 機率與統計
  • 機率
  • 統計
  • 集合論
  • math

• 2026年8月02日

  集合論基本名詞

  • 集合論
  • math

• 2026年8月02日

  機率與統計課程 (YouTube)

  • 機率與統計
  • math

• 2026年8月01日

  橢圓命中測試用單位圓正規化

  • geometry
  • canvas
  • hit-testing
  • math
  • frontend

此標籤下有 4 條筆記。

• 2026年8月25日

  JS 物件比原始資料胖好幾倍

  • javascript
  • v8
  • performance
  • memory

• 2026年8月25日

  WASM linear memory 是 GC 管不到的記憶體

  • wasm
  • memory
  • javascript

• 2026年8月25日

  Worker 與分頁共用同一份記憶體配額

  • frontend
  • browser
  • memory
  • gotcha

• 2026年8月25日

  記憶體峰值倍率：OOM 發生在轉換的瞬間

  • performance
  • memory
  • frontend

此標籤下有 1 條筆記。

• 2026年8月01日

  Broad Phase 與 Narrow Phase 兩階段碰撞檢測

  • algorithm
  • performance
  • mental-model
  • pattern

此標籤下有 2 條筆記。

• 2026年8月01日

  MFE in-flight user 與 ChunkLoadError race

  • mfe
  • module-federation
  • deployment

• 2026年8月01日

  MFE 三段式部署 additive upload entry swap sweep

  • deployment
  • mfe
  • module-federation

此標籤下有 1 條筆記。

• 2026年8月28日

  用同源 blob 包一層 importScripts 建立跨源 Worker

  • frontend
  • browser
  • worker
  • cors
  • micro-frontend

此標籤下有 3 條筆記。

• 2026年8月03日

  AI 時代的學習與刷題策略

  • leetcode
  • 刷題
  • 學習方法
  • mindset

• 2026年8月01日

  筆記：前端工程師深入學習討論串 From Zet QA 環節

  • ai
  • frontend
  • interview
  • javascript
  • mindset
  • react
  • reading

• 2026年8月01日

  筆記：如何有效學習一項技術

  • mindset
  • reading

此標籤下有 29 條筆記。 顯示前 10 個標籤。

• 2026年8月01日

  index

  • moc
  • home

• 2026年9月17日

  API 與後端 MOC

  • moc

• 2026年9月17日

  Go MOC

  • moc

• 2026年9月17日

  Software Engineering MOC

  • moc

• 2026年9月17日

  其他 MOC

  • moc

• 2026年9月17日

  規格與開發流程 MOC

  • moc

• 2026年8月28日

  學習與職涯 MOC

  • moc

• 2026年8月28日

  瀏覽器與 Web API MOC

  • moc

• 2026年8月25日

  Frontend MOC

  • moc

• 2026年8月25日

  前端效能與 UI 元件 MOC

  • moc

此標籤下有 2 條筆記。

• 2026年8月01日

  MFE in-flight user 與 ChunkLoadError race

  • mfe
  • module-federation
  • deployment

• 2026年8月01日

  MFE 三段式部署 additive upload entry swap sweep

  • deployment
  • mfe
  • module-federation

此標籤下有 1 條筆記。

• 2026年8月01日

  Mutation Test

  • testing
  • unit-test
  • mutation-test

此標籤下有 1 條筆記。

• 2026年9月17日

  SQL Basic

  • sql
  • mysql
  • database
  • reference

此標籤下有 1 條筆記。

• 2026年8月13日

  Logging 架構設計

  • logging
  • system-design
  • nestjs
  • observability
  • backend
  • carbonx

此標籤下有 2 條筆記。

• 2026年8月25日

  容器之間要用容器名稱連線而不是 localhost

  • docker
  • devops
  • networking

• 2026年8月01日

  no-store 走 CDN 仍有 anycast 與 TLS termination 價值

  • cdn
  • gcp
  • cache
  • networking

此標籤下有 10 條筆記。

• 2026年8月01日

  Auto Create Breadcrumbs By File Structure

  • implement
  • nextjs
  • react

• 2026年8月01日

  Hot to using Babel In NextJS

  • babel
  • nextjs
  • react

• 2026年8月01日

  Next JS 13 intercept route change

  • ai
  • devops
  • nextjs
  • react
  • typescript

• 2026年8月01日

  Next JS

  • nextjs
  • react

• 2026年8月01日

  Page Route UseRoute

  • nextjs
  • react

• 2026年8月01日

  React 的核心原理以及優勢

  • react
  • javascript
  • nextjs

• 2026年8月01日

  Storybook work with UI library

  • react
  • nextjs
  • typescript
  • frontend

• 2026年8月01日

  useI18n 優化

  • react
  • nextjs
  • typescript
  • frontend

• 2026年8月01日

  實作範例

  • implement
  • javascript
  • nextjs
  • react

• 2026年8月01日

  將多個前端專案整合至 Monorepo 架構

  • frontend
  • nextjs
  • react
  • refactoring
  • testing

此標籤下有 1 條筆記。

• 2026年8月01日

  Nivo Custom Layer 避免無限重新渲染

  • nivo
  • react
  • svg
  • performance

此標籤下有 1 條筆記。

• 2026年8月01日

  CosmosDB

  • literature
  • no-sql
  • azure

此標籤下有 3 條筆記。

• 2026年8月01日

  Example For Zod And Yup

  • node-package

• 2026年8月01日

  Husky setup

  • devops
  • javascript
  • node-package
  • react

• 2026年8月01日

  獲取所有 key 的 union with react hook form

  • javascript
  • node-package
  • react
  • typescript

此標籤下有 1 條筆記。

• 2026年8月25日

  os.availableParallelism() 不讀 cgroup 回傳宿主機核心數

  • nodejs
  • kubernetes
  • cgroup
  • ci-cd
  • gotcha

此標籤下有 1 條筆記。

• 2026年8月01日

  Lion Kimbro 的概念地圖 MOC 系統

  • literature
  • pkm
  • moc
  • note-taking
  • zettelkasten

此標籤下有 1 條筆記。

• 2026年8月01日

  高效率的盲點

  • notion
  • 高效率

此標籤下有 1 條筆記。

• 2026年8月13日

  Logging 架構設計

  • logging
  • system-design
  • nestjs
  • observability
  • backend
  • carbonx

此標籤下有 1 條筆記。

• 2026年8月28日

  怎麼在不犧牲本業深度的前提下建立第二收入來源

  • career
  • finance
  • open-question

此標籤下有 1 條筆記。

• 2026年8月25日

  Kernel：作業系統核心

  • os
  • linux
  • fundamentals

此標籤下有 1 條筆記。

• 2026年9月17日

  OFFSET 分頁的總成本是 O(頁數平方)，cursor 分頁才是 O(頁數)

  • database
  • sql
  • performance
  • pagination

此標籤下有 10 條筆記。

• 2026年8月07日

  用 key 強制 remount 切斷 stale state

  • react
  • pattern
  • state-management

• 2026年8月01日

  Broad Phase 與 Narrow Phase 兩階段碰撞檢測

  • algorithm
  • performance
  • mental-model
  • pattern

• 2026年8月01日

  Draft Pattern 繪製中的物件放獨立 state

  • canvas
  • pattern
  • performance
  • react
  • frontend

• 2026年8月01日

  HUD 用 data 屬性加 closest 阻擋畫布事件

  • dom-event
  • pattern
  • canvas
  • frontend

• 2026年8月01日

  Pointer Capture 讓滑鼠離開元件仍能收事件

  • dom-event
  • pointer-events
  • pattern
  • canvas
  • frontend

• 2026年8月01日

  以游標為中心縮放的反推公式

  • canvas
  • pattern
  • ux
  • frontend

• 2026年8月01日

  拖曳與平移的暫存狀態放 ref 而非 state

  • react
  • performance
  • pattern
  • canvas
  • frontend

• 2026年8月01日

  指數縮放讓滾輪手感平滑

  • canvas
  • pattern
  • ux
  • frontend

• 2026年8月01日

  無限畫布用 CSS transform 縮放整個圖層

  • canvas
  • pattern
  • css-transform
  • performance
  • frontend

• 2026年8月01日

  背景網格用 backgroundImage 加 modulo 做無限延展

  • css
  • canvas
  • pattern
  • frontend

此標籤下有 25 條筆記。 顯示前 10 個標籤。

• 2026年9月17日

  JOIN 貴在每一列都要去另一張表配對

  • database
  • sql
  • performance

• 2026年9月17日

  OFFSET 分頁的總成本是 O(頁數平方)，cursor 分頁才是 O(頁數)

  • database
  • sql
  • performance
  • pagination

• 2026年9月17日

  WHERE 決定回傳幾列，索引才決定要看過幾列

  • database
  • sql
  • index
  • performance

• 2026年9月17日

  同一個寫法在互動式列表沒事，在全量掃描必爆

  • database
  • performance
  • engineering

• 2026年8月30日

  Go 的 slice 擴容倍率在大 slice 時還是 2 倍嗎

  • go
  • performance

• 2026年8月25日

  JS 物件比原始資料胖好幾倍

  • javascript
  • v8
  • performance
  • memory

• 2026年8月25日

  瀏覽器內 SQLite：把查詢下推到 Worker 的 WASM heap

  • frontend
  • sqlite
  • wasm
  • performance

• 2026年8月25日

  用二進位 artifact 當 API 的傳輸格式

  • api-design
  • architecture
  • performance

• 2026年8月25日

  記憶體峰值倍率：OOM 發生在轉換的瞬間

  • performance
  • memory
  • frontend

• 2026年8月25日

  1M 列批次建立改用瀏覽器內 SQLite（souffle 1199 + cupcake 1777）

  • frontend
  • backend
  • sqlite
  • performance
  • wasm

此標籤下有 1 條筆記。

• 2026年8月01日

  Lion Kimbro 的概念地圖 MOC 系統

  • literature
  • pkm
  • moc
  • note-taking
  • zettelkasten

此標籤下有 1 條筆記。

• 2026年8月01日

  Pointer Capture 讓滑鼠離開元件仍能收事件

  • dom-event
  • pointer-events
  • pattern
  • canvas
  • frontend

此標籤下有 1 條筆記。

• 2026年8月01日

  Chakra Tooltip 邊界顯示時 scrollbar 閃爍的修法

  • chakra-ui
  • popper
  • tooltip
  • fix-bug

此標籤下有 2 條筆記。

• 2026年8月01日

  什麼是 jsonb

  • database
  • postgres

• 2026年8月01日

  OpenAI 如何將 PostgreSQL 擴展到支撐 8 億名使用者

  • literature
  • ai
  • postgres

此標籤下有 1 條筆記。

• 2026年8月01日

  ISTQB 七大測試原則

  • testing
  • istqb
  • principles

此標籤下有 3 條筆記。

• 2026年8月25日

  並行多個 AI agent 的 context switch 會偷走專注

  • focus
  • deep-work
  • ai-collaboration
  • productivity

• 2026年8月25日

  兩種休息：放空 relax 與創造滿足感

  • focus
  • rest
  • productivity
  • wellbeing

• 2026年8月25日

  掌握專注，讓人生更自由（Scott H. Young 訪談）

  • focus
  • deep-work
  • productivity
  • learning

此標籤下有 3 條筆記。

• 2026年8月07日

  Agent-based vs. Agentic AI

  • ai
  • llm
  • prompt
  • reading

• 2026年8月01日

  5 個 Prompt engineering 技巧

  • ai
  • prompt
  • reading

• 2026年8月01日

  Prompt Engineering Playbook

  • ai
  • prompt
  • javascript
  • react
  • typescript

此標籤下有 26 條筆記。 顯示前 10 個標籤。

• 2026年9月17日

  uv 一個工具管掉 Python 版本、虛擬環境與依賴

  • python
  • tooling
  • uv

• 2026年9月17日

  uvx 讓工具用完即丟，不進專案依賴

  • python
  • tooling
  • uv

• 2026年8月07日

  gitlab CI 觸發 pipeline 時機

  • devops
  • python

• 2026年8月01日

  Claude.md 的使用與優點

  • ai
  • devops
  • python
  • reading
  • testing
  • tools

• 2026年8月01日

  Debug In Python

  • python

• 2026年8月01日

  Install Flask

  • flask
  • python

• 2026年8月01日

  Message Channel

  • ai
  • browser
  • javascript
  • python
  • typescript
  • webapi

• 2026年8月01日

  Pip

  • python

• 2026年8月01日

  Python Function

  • python

• 2026年8月01日

  Python List

  • python

此標籤下有 1 條筆記。

• 2026年8月25日

  規模型功能要有規模型測試

  • testing
  • review
  • quality

此標籤下有 54 條筆記。 顯示前 10 個標籤。

• 2026年8月13日

  共用能力 context 會隨副作用種類膨脹

  • design-pattern
  • react
  • dependency-injection
  • architecture
  • carbonx

• 2026年8月13日

  用 reaction hook 讓副作用各自帶依賴

  • design-pattern
  • react
  • dependency-injection
  • architecture
  • carbonx

• 2026年8月13日

  註冊表分派 side effect（Registry + Strategy Handler）

  • design-pattern
  • react
  • frontend
  • architecture
  • carbonx

• 2026年8月07日

  Drawer 未隨 context unmount 導致 stale form state 送錯 id

  • react
  • frontend
  • stale-state
  • carbonx
  • fix-bug

• 2026年8月07日

  Foreach Render

  • angular
  • react

• 2026年8月07日

  jest.mock

  • javascript
  • react
  • testing
  • unit-test

• 2026年8月07日

  用 key 強制 remount 切斷 stale state

  • react
  • pattern
  • state-management

• 2026年8月01日

  @Input

  • angular
  • react

• 2026年8月01日

  @output

  • angular
  • react

• 2026年8月01日

  Anthropic 各部門使用 Claude Code 筆記

  • ai
  • frontend
  • react
  • reading
  • refactoring
  • testing
  • tools
  • typescript

此標籤下有 1 條筆記。

• 2026年8月01日

  [Review] React 開發者一定要知道的底層機制 — React Fiber Reconciler

  • devops
  • javascript
  • react
  • react-fiber
  • reading
  • review

此標籤下有 2 條筆記。

• 2026年8月01日

  Drawer Form 資料不更新的解決方案

  • react-hook-form
  • chakra-ui

• 2026年8月01日

  Zod Work With React Hook Form

  • zod
  • react-hook-form

此標籤下有 62 條筆記。 顯示前 10 個標籤。

• 2026年8月25日

  Container

  • devops
  • docker
  • reading

• 2026年8月25日

  Image

  • developer
  • devops
  • docker
  • reading

• 2026年8月07日

  Agent-based vs. Agentic AI

  • ai
  • llm
  • prompt
  • reading

• 2026年8月07日

  有了 CLAUDE.md 還需要 README 嗎？

  • ai
  • claude-code
  • documentation
  • reading

• 2026年8月01日

  !蛤蟆先生去看心理醫生! Book information

  • reading

• 2026年8月01日

  20241017 致富心態

  • reading

• 2026年8月01日

  5 個 Prompt engineering 技巧

  • ai
  • prompt
  • reading

• 2026年8月01日

  Anthropic 各部門使用 Claude Code 筆記

  • ai
  • frontend
  • react
  • reading
  • refactoring
  • testing
  • tools
  • typescript

• 2026年8月01日

  CSS Layer

  • browser
  • css
  • frontend
  • reading

• 2026年8月01日

  Claude Code 工作流程

  • ai
  • devops
  • reading
  • testing
  • tools

此標籤下有 2 條筆記。

• 2026年8月01日

  紅茶

  • drink
  • recipe

• 2026年8月01日

  蕃茄燉牛肉

  • recipe

此標籤下有 1 條筆記。

• 2026年8月01日

  Three Principles For Redux

  • redux

此標籤下有 9 條筆記。

• 2026年8月01日

  Anthropic 各部門使用 Claude Code 筆記

  • ai
  • frontend
  • react
  • reading
  • refactoring
  • testing
  • tools
  • typescript

• 2026年8月01日

  Mysterious Name

  • code-small
  • refactoring

• 2026年8月01日

  何時需要重構

  • reading
  • refactoring

• 2026年8月01日

  單元測試不是有寫就好

  • testing
  • refactoring
  • unit-test
  • webconf

• 2026年8月01日

  將多個前端專案整合至 Monorepo 架構

  • frontend
  • nextjs
  • react
  • refactoring
  • testing

• 2026年8月01日

  理解性重構

  • reading
  • refactoring

• 2026年8月01日

  重構

  • reading
  • refactoring

• 2026年8月01日

  重構的優點

  • reading
  • refactoring

• 2026年8月01日

  重構的目的

  • reading
  • refactoring

此標籤下有 1 條筆記。

• 2026年9月17日

  SQL Basic

  • sql
  • mysql
  • database
  • reference

此標籤下有 1 條筆記。

• 2026年8月01日

  Regex.test()

  • javascript
  • regexp
  • testing

此標籤下有 2 條筆記。

• 2026年8月01日

  Create New Route In Remix

  • developer
  • react
  • remix

• 2026年8月01日

  Remix Loader Function

  • react
  • remix
  • typescript

此標籤下有 3 條筆記。

• 2026年8月01日

  Hybrid Remote 的缺點

  • remote-work

• 2026年8月01日

  如何解決 Hybrid 的問題

  • remote-work

• 2026年8月01日

  遠端工作的模式

  • remote-work

此標籤下有 1 條筆記。

• 2026年8月25日

  兩種休息：放空 relax 與創造滿足感

  • focus
  • rest
  • productivity
  • wellbeing