https://piglife.tw Piglife 分享 WordPress 實作筆記、AI 自動化經營紀錄、SEO/GEO 研究與實用網頁工具。 zh-Hant Fri, 31 Jul 2026 00:00:00 GMT https://piglife.tw/technical-notes/ai-pdf-requirement-points-estimation/ https://piglife.tw/technical-notes/ai-pdf-requirement-points-estimation/ 從內部估點系統的實際資料流，拆解可搜尋 PDF 文字抽取、歷史案例檢索、結構化 AI 建議、人工核准與點數預扣，並說清楚 OCR 與向量 RAG 尚未完成的邊界。 Fri, 31 Jul 2026 00:00:00 GMT 小豬 技術筆記 AI React Prisma 開發流程 https://piglife.tw/technical-notes/ai-suggestion-human-approval-ledger/ https://piglife.tw/technical-notes/ai-suggestion-human-approval-ledger/ 從內部估點系統拆解 AI 建議、PM 核准、點數預扣、超額授權、完工結算與 Historical Case 的責任，並說明目前只有單一管理員登入、尚非完整多使用者 RBAC。 Fri, 31 Jul 2026 00:00:00 GMT 小豬 技術筆記 AI Prisma 開發流程 https://piglife.tw/technical-notes/codex-cli-openai-provider-adapter/ https://piglife.tw/technical-notes/codex-cli-openai-provider-adapter/ 以內部估點系統為例，拆解共用 AI provider contract 如何連接 Codex CLI non-interactive mode、OpenAI Responses API、strict structured output、timeout、失敗紀錄與資料治理。 Fri, 31 Jul 2026 00:00:00 GMT 小豬 技術筆記 AI AI Agent Codex 開發流程 https://piglife.tw/technical-notes/historical-cases-rag-estimation-learning-loop/ https://piglife.tw/technical-notes/historical-cases-rag-estimation-learning-loop/ 從完工結算建立 HistoricalCase 與 KnowledgeChunk，拆解實際點數、工時、PM 調整、工程備註、品質標籤如何回到下一次估點，並說清楚目前仍是關鍵字檢索而非向量 RAG。 Fri, 31 Jul 2026 00:00:00 GMT 小豬 技術筆記 AI Prisma 資料同步 開發流程 https://piglife.tw/technical-notes/shopify-customer-account-extension-without-backend/ https://piglife.tw/technical-notes/shopify-customer-account-extension-without-backend/ 從 extension-only Shopify App 拆解平台代管 UI bundle、target context、Customer Account API、Storefront API、Admin App Home 與 external backend 的責任，避免把無伺服器誤寫成無資料邊界。 Thu, 30 Jul 2026 00:00:00 GMT 小豬 技術筆記 Shopify Shopify Extension Shopify App 開發流程 https://piglife.tw/technical-notes/shopify-customer-account-ui-extension-targets/ https://piglife.tw/technical-notes/shopify-customer-account-ui-extension-targets/ 以同一個 Service Center 掛載三個 Customer Account block targets，拆解 Order Index、Order Status、Profile 的 context、merchant placement、protected customer data 與尚未完成的服務流程。 Thu, 30 Jul 2026 00:00:00 GMT 小豬 技術筆記 Shopify Shopify Extension Shopify App 開發流程 https://piglife.tw/technical-notes/shopify-dawn-theme-upgrade-safe-customization/ https://piglife.tw/technical-notes/shopify-dawn-theme-upgrade-safe-customization/ 從一份沒有 Git 歷史的 Dawn 15.3.0 客製 Theme 重建 upstream 差異，說明如何分開官方基線、手寫功能與 Theme Editor 狀態，讓未來更新不再靠整包覆蓋或人工猜測。 Thu, 30 Jul 2026 00:00:00 GMT 小豬 技術筆記 Shopify Shopify Theme Liquid 開發流程 https://piglife.tw/technical-notes/shopify-new-customer-accounts-legacy-migration/ https://piglife.tw/technical-notes/shopify-new-customer-accounts-legacy-migration/ 以舊訂單查詢與服務中心案例，拆解 Shopify legacy customer accounts 遷移的 inventory、資料保存、Customer Account UI Extension、pilot、cutover 與 retirement，並明確區分已實作管理員查詢與尚未完成的顧客端流程。 Thu, 30 Jul 2026 00:00:00 GMT 小豬 技術筆記 Shopify Shopify Extension Shopify App 資料同步 開發流程 https://piglife.tw/tool/batch-filename-cleaner/ https://piglife.tw/tool/batch-filename-cleaner/ 貼上多個檔名，批次移除特殊字元、統一大小寫、加入前後綴與流水號，立即產生可複製的新檔名清單。 Thu, 30 Jul 2026 00:00:00 GMT 小豬 工具庫 JavaScript SEO 工具 https://piglife.tw/tool/profit-margin-calculator/ https://piglife.tw/tool/profit-margin-calculator/ 輸入進貨成本、包材運費、廣告成本、平台抽成與售價，快速試算毛利、毛利率、損益兩平價與達標售價。 Thu, 30 Jul 2026 00:00:00 GMT 小豬 工具庫 JavaScript SEO 工具 https://piglife.tw/technical-notes/shopify-theme-content-resource-modeling/ https://piglife.tw/technical-notes/shopify-theme-content-resource-modeling/ 從新聞、政策內容、支持商品與首頁精選卡片出發，建立 Shopify Blog、Product、Collection、Metafield 與手動 block 的選擇準則，並區分轉版計畫與目前已落地能力。 Wed, 29 Jul 2026 00:00:00 GMT 小豬 技術筆記 Shopify Shopify Theme Liquid 開發流程 https://piglife.tw/technical-notes/shopify-theme-conversion-validation/ https://piglife.tw/technical-notes/shopify-theme-conversion-validation/ 建立 Shopify Theme 轉版的分層驗收流程：source inventory、Theme Check、JSON templates、390／820／1440 視覺比對、Theme Editor reorder 與 resource edge cases，並公開本次只完成靜態檢查的邊界。 Wed, 29 Jul 2026 00:00:00 GMT 小豬 技術筆記 Shopify Shopify Theme Liquid 開發流程 https://piglife.tw/technical-notes/shopify-theme-sections-blocks-editor/ https://piglife.tw/technical-notes/shopify-theme-sections-blocks-editor/ 用首頁 Hero、卡片、分類紀錄與動態清單的實際拆分，說明 Shopify section settings、blocks、JSON template order 與 Theme Editor 責任，並記錄尚未完成 live editor 驗收的限制。 Wed, 29 Jul 2026 00:00:00 GMT 小豬 技術筆記 Shopify Shopify Theme Liquid 開發流程 https://piglife.tw/technical-notes/static-html-to-shopify-online-store-2-theme/ https://piglife.tw/technical-notes/static-html-to-shopify-online-store-2-theme/ 從多頁靜態設計稿、共用素材與響應式規格出發，說明如何把畫面拆成 Shopify layout、assets、sections、blocks 與 JSON templates，同時保留目前只完成首頁轉換的證據邊界。 Wed, 29 Jul 2026 00:00:00 GMT 小豬 技術筆記 Shopify Shopify Theme Liquid JavaScript 開發流程 https://piglife.tw/tool/json-lines-validator/ https://piglife.tw/tool/json-lines-validator/ 貼上 JSONL 或 NDJSON，每行即時檢查 JSON 格式、標示錯誤行、統計欄位出現次數，並可轉成可複製的 JSON 陣列。 Wed, 29 Jul 2026 00:00:00 GMT 小豬 工具庫 JavaScript SEO 工具 https://piglife.tw/tool/open-graph-preview-generator/ https://piglife.tw/tool/open-graph-preview-generator/ 輸入標題、描述、網址與圖片，預覽社群分享卡片，檢查標題摘要長度，並產生可複製的 Open Graph 與 Twitter Card meta tags。 Wed, 29 Jul 2026 00:00:00 GMT 小豬 工具庫 JavaScript SEO 工具 https://piglife.tw/technical-notes/shopify-app-store-readiness-cli/ https://piglife.tw/technical-notes/shopify-app-store-readiness-cli/ 從散落在環境變數、App config、Prisma artifact、listing 與 runbook 的上架條件出發，說明如何建立可重複執行的 readiness rules、CLI report 與 CI exit code，同時保留 Shopify 正式審查的邊界。 Tue, 28 Jul 2026 00:00:00 GMT 小豬 技術筆記 Shopify Shopify App GitHub 開發流程 https://piglife.tw/technical-notes/shopify-gdpr-webhooks-data-request-redact/ https://piglife.tw/technical-notes/shopify-gdpr-webhooks-data-request-redact/ 從只驗證 Webhook 並回傳 200 的第一版出發，拆解 Shopify mandatory compliance webhooks 如何加入請求持久化、本地資料匯出、人工交付紀錄、顧客與商店資料刪除，以及仍需補強的冪等與稽核邊界。 Tue, 28 Jul 2026 00:00:00 GMT 小豬 技術筆記 Shopify Shopify App 資料同步 開發流程 https://piglife.tw/technical-notes/shopify-merchant-ui-developer-diagnostics-separation/ https://piglife.tw/technical-notes/shopify-merchant-ui-developer-diagnostics-separation/ 記錄一個 Shopify App 如何把 MVP phase、環境與上架檢查移出商家首頁，改成只顯示連線、Mapping、自動同步、失敗事項與明確 CTA，並將 release diagnostics 留給 CLI、CI 與內部 runbook。 Tue, 28 Jul 2026 00:00:00 GMT 小豬 技術筆記 Shopify Shopify App React 開發流程 https://piglife.tw/tool/csv-column-profiler/ https://piglife.tw/tool/csv-column-profiler/ 貼上 CSV、TSV 或分號分隔資料，快速統計每個欄位的空值、填寫率、唯一值、重複值與數字範圍，適合資料匯入前檢查。 Tue, 28 Jul 2026 00:00:00 GMT 小豬 工具庫 JavaScript SEO 工具 https://piglife.tw/tool/random-group-generator/ https://piglife.tw/tool/random-group-generator/ 貼上成員名單，依組數或每組人數快速產生隨機分組，支援 seed 重現結果、移除重複姓名與一鍵複製分組名單。 Tue, 28 Jul 2026 00:00:00 GMT 小豬 工具庫 JavaScript SEO 工具 https://piglife.tw/technical-notes/prisma-sqlite-postgresql-dual-schema-deployment/ https://piglife.tw/technical-notes/prisma-sqlite-postgresql-dual-schema-deployment/ 記錄 Shopify App 本機使用 SQLite、正式環境改用 PostgreSQL 時，如何分離 schema 與 migration history，並用 model parity test、migration lock 與 CI 阻止錯誤 artifact 上線。 Mon, 27 Jul 2026 00:00:00 GMT 小豬 技術筆記 Shopify Shopify App Prisma PostgreSQL 開發流程 https://piglife.tw/technical-notes/ragic-schema-change-mapping-diff-repair/ https://piglife.tw/technical-notes/ragic-schema-change-mapping-diff-repair/ 記錄 Ragic API 文件重新匯入後，如何比對既有 Mapping 的 Field ID、可寫入狀態與型別，先停用有風險的同步，再讓商家逐欄修復或還原版本。 Mon, 27 Jul 2026 00:00:00 GMT 小豬 技術筆記 Shopify Shopify App Ragic 資料同步 開發流程 https://piglife.tw/technical-notes/shopify-ragic-historical-data-backfill/ https://piglife.tw/technical-notes/shopify-ragic-historical-data-backfill/ 從手動輸入 Shopify resource ID 的 Backfill MVP 出發，拆解 active Mapping gate、未完成工作去重、重新讀取來源、Ragic upsert，以及完整歷史掃描仍缺少的 pagination checkpoint。 Mon, 27 Jul 2026 00:00:00 GMT 小豬 技術筆記 Shopify Shopify App Ragic 資料同步 開發流程 https://piglife.tw/technical-notes/shopify-webhook-job-queue-retry-dedup/ https://piglife.tw/technical-notes/shopify-webhook-job-queue-retry-dedup/ 從一套 Shopify 與 Ragic 串接 App 的實作，說明 Webhook 為何只負責驗證與工作落地，再由可重試的 job processor 完成外部寫入與重複事件處理。 Mon, 27 Jul 2026 00:00:00 GMT 小豬 技術筆記 Shopify Shopify App Ragic 資料同步 Serverless 開發流程 https://piglife.tw/tool/duplicate-line-cleaner/ https://piglife.tw/tool/duplicate-line-cleaner/ 貼上多行文字、網址、關鍵字或 SKU 清單，快速移除重複行、空白行並整理輸出，支援忽略大小寫與保留首次或最後項目。 Mon, 27 Jul 2026 00:00:00 GMT 小豬 工具庫 JavaScript SEO 工具 https://piglife.tw/tool/image-aspect-ratio-calculator/ https://piglife.tw/tool/image-aspect-ratio-calculator/ 輸入圖片比例、寬度或高度，立即換算另一邊尺寸，並產出 CSS aspect-ratio，適合社群圖片、網站封面與縮圖製作。 Mon, 27 Jul 2026 00:00:00 GMT 小豬 工具庫 JavaScript SEO 工具 https://piglife.tw/tool/taiwan-tax-id-checker/ https://piglife.tw/tool/taiwan-tax-id-checker/ 貼上台灣公司統一編號，快速檢查 8 碼格式、校驗碼與重複資料，並輸出可複製的標準清單。 Mon, 27 Jul 2026 00:00:00 GMT 小豬 工具庫 JavaScript SEO 工具 https://piglife.tw/tool/url-encoder-decoder/ https://piglife.tw/tool/url-encoder-decoder/ 貼上網址、query 參數或一般文字，快速進行 URL encode / decode，支援 component、表單參數與完整網址模式。 Mon, 27 Jul 2026 00:00:00 GMT 小豬 工具庫 JavaScript SEO 工具 https://piglife.tw/technical-notes/ragic-api-document-shopify-mapping-editor/ https://piglife.tw/technical-notes/ragic-api-document-shopify-mapping-editor/ 以一個專案自訂的 Ragic API 文件格式為例，說明如何解析表單、Field ID、可寫入狀態與子表格資訊，再生成可驗證的 Shopify 欄位 Mapping 編輯器。 Sun, 26 Jul 2026 00:00:00 GMT 小豬 技術筆記 Shopify Shopify App Ragic 資料同步 開發流程 https://piglife.tw/technical-notes/shopify-ragic-dry-run-payload-preview/ https://piglife.tw/technical-notes/shopify-ragic-dry-run-payload-preview/ 從可任意貼 JSON 的早期預覽，演進成由 Server 重新讀取 Shopify 訂單或會員、套用 Mapping、顯示 warnings，並要求第二次明確操作才寫入 Ragic。 Sun, 26 Jul 2026 00:00:00 GMT 小豬 技術筆記 Shopify Shopify App Ragic 資料同步 開發流程 https://piglife.tw/technical-notes/shopify-ragic-manual-field-mapping-decision/ https://piglife.tw/technical-notes/shopify-ragic-manual-field-mapping-decision/ 回顧欄位名稱打分與 AI 草稿的實作，說明為什麼最終商家流程改成逐欄人工確認，以及如何在 server 端驗證 Field ID、資料型別與 unique key。 Sun, 26 Jul 2026 00:00:00 GMT 小豬 技術筆記 Shopify Shopify App Ragic 資料同步 AI 開發流程 https://piglife.tw/technical-notes/shopify-ragic-order-customer-sync-architecture/ https://piglife.tw/technical-notes/shopify-ragic-order-customer-sync-architecture/ 從一套訂單與會員同步 App 的實際演進，說明 Shopify Webhook 如何先落地成 job，再經欄位 mapping、payload transform 與 unique key 完成 Ragic create 或 update。 Sun, 26 Jul 2026 00:00:00 GMT 小豬 技術筆記 Shopify Shopify App Ragic 資料同步 Serverless 開發流程 https://piglife.tw/tool/discount-calculator/ https://piglife.tw/tool/discount-calculator/ 輸入原價、折扣百分比、數量、優惠券、運費與稅率，快速換算折後總額、實付單價、省下金額與有效折扣。 Sun, 26 Jul 2026 00:00:00 GMT 小豬 工具庫 JavaScript SEO 工具 https://piglife.tw/tool/password-generator/ https://piglife.tw/tool/password-generator/ 設定長度、大小寫、數字、符號與易混淆字元，快速產生可複製的隨機密碼，並估算密碼強度與熵值。 Sun, 26 Jul 2026 00:00:00 GMT 小豬 工具庫 JavaScript SEO 工具 https://piglife.tw/technical-notes/shopify-app-billing-route-access-control/ https://piglife.tw/technical-notes/shopify-app-billing-route-access-control/ 記錄 Shopify App Pricing 接上方案頁後，如何使用 Partner API、短期快取、有限 stale access 與 server-side route guard，阻止未訂閱商店直接呼叫受保護的 loader 或 action。 Sat, 25 Jul 2026 00:00:00 GMT 小豬 技術筆記 Shopify Shopify App 資料同步 開發流程 https://piglife.tw/technical-notes/shopify-app-four-deployment-surfaces/ https://piglife.tw/technical-notes/shopify-app-four-deployment-surfaces/ 用一次 Shopify App 主機遷移說明四個彼此獨立的部署面，避免把 Web 上線、Shopify App Version、資料庫 migration 與商店設定誤認為同一次發布。 Sat, 25 Jul 2026 00:00:00 GMT 小豬 技術筆記 Shopify Shopify App Shopify Extension Shopify Functions Vercel Prisma 開發流程 https://piglife.tw/technical-notes/shopify-app-vercel-neon-migration/ https://piglife.tw/technical-notes/shopify-app-vercel-neon-migration/ 記錄一個 React Router Shopify App 從長駐 Web Server 搬到 Vercel、資料庫移到 Neon 時，如何拆開 runtime adapter、連線池、migration 與正式流量切換。 Sat, 25 Jul 2026 00:00:00 GMT 小豬 技術筆記 Shopify Shopify App Vercel PostgreSQL Prisma Serverless 開發流程 https://piglife.tw/technical-notes/shopify-bulk-operations-serverless-jobs/ https://piglife.tw/technical-notes/shopify-bulk-operations-serverless-jobs/ 從一個同步式批量特價 action 出發，說明依商品分組、snapshot checkpoint、部分成功與 Function timeout，並規劃可重試的 durable job 架構。 Sat, 25 Jul 2026 00:00:00 GMT 小豬 技術筆記 Shopify Shopify App Serverless Vercel 資料同步 開發流程 https://piglife.tw/technical-notes/shopify-discount-storefront-checkout-pos-consistency/ https://piglife.tw/technical-notes/shopify-discount-storefront-checkout-pos-consistency/ 記錄 Shopify 折扣 App 如何分開處理 Theme 價格預覽、Customer Segment 查詢與 Discount Function 交易計算，避免把商品頁顯示誤當成 Cart、Checkout 或 POS 的成交結果。 Sat, 25 Jul 2026 00:00:00 GMT 小豬 技術筆記 Shopify Shopify App Shopify Theme Shopify Extension Shopify Functions JavaScript 開發流程 https://piglife.tw/technical-notes/shopify-pos-discount-retail-location-eligibility/ https://piglife.tw/technical-notes/shopify-pos-discount-retail-location-eligibility/ 記錄 Shopify Discount Function 如何透過 cart.retailLocation 區分 Online Store 與 POS，並說明它能證明零售交易，卻不能證明門市使用哪一種 POS 方案。 Sat, 25 Jul 2026 00:00:00 GMT 小豬 技術筆記 Shopify Shopify App Shopify Functions Shopify Extension JavaScript 開發流程 https://piglife.tw/technical-notes/shopify-promotion-per-automatic-app-discount/ https://piglife.tw/technical-notes/shopify-promotion-per-automatic-app-discount/ 記錄 Shopify 折扣 App 從多個促銷共用一個 Automatic App Discount，改成每個 Promotion 擁有獨立 discount node 的原因，以及同步、停用、刪除與舊資料清理的取捨。 Sat, 25 Jul 2026 00:00:00 GMT 小豬 技術筆記 Shopify Shopify App Shopify Functions 資料同步 開發流程 https://piglife.tw/technical-notes/shopify-discount-function-config-size-limit/ https://piglife.tw/technical-notes/shopify-discount-function-config-size-limit/ 記錄 Shopify 折扣 App 把促銷規則寫入 Function owner metafield 後，後台儲存成功但結帳沒有折扣的排查過程，以及如何用精簡 schema、byte 檢查與 input query variables 控制限制。 Fri, 24 Jul 2026 00:00:00 GMT 小豬 技術筆記 Shopify Shopify App Shopify Functions JavaScript 開發流程 https://piglife.tw/technical-notes/shopify-promotion-schedule-store-timezone/ https://piglife.tw/technical-notes/shopify-promotion-schedule-store-timezone/ 記錄 Shopify 促銷排程在編輯與儲存時出現 8 小時落差的原因，拆解 datetime-local、操作者瀏覽器時區、商店 IANA timezone 與資料庫 UTC 的轉換責任。 Fri, 24 Jul 2026 00:00:00 GMT 小豬 技術筆記 Shopify Shopify App JavaScript 開發流程 https://piglife.tw/technical-notes/shopify-sale-price-campaign-safe-restore/ https://piglife.tw/technical-notes/shopify-sale-price-campaign-safe-restore/ 記錄 Shopify 批量特價直接修改 Variant price 與 compare-at price 時，如何用快照、租約、狀態機、逐組進度與還原衝突偵測，避免覆蓋商家後續改價。 Fri, 24 Jul 2026 00:00:00 GMT 小豬 技術筆記 Shopify Shopify App Prisma PostgreSQL 資料同步 開發流程 https://piglife.tw/technical-notes/shopify-scheduled-collection-discount-rules/ https://piglife.tw/technical-notes/shopify-scheduled-collection-discount-rules/ 記錄 Shopify Collection 排程促銷先遇到未來規則被過濾，之後又因儲存時展開商品造成規則過期與設定膨脹，最後改由 Discount Function runtime 判斷 membership。 Fri, 24 Jul 2026 00:00:00 GMT 小豬 技術筆記 Shopify Shopify App Shopify Functions JavaScript 開發流程 https://piglife.tw/tool/business-day-calculator/ https://piglife.tw/tool/business-day-calculator/ 輸入開始與結束日期，排除週末與自訂休假日，立即計算工作天數，也可從指定日期往後推算 N 個工作天。 Fri, 24 Jul 2026 00:00:00 GMT 小豬 工具庫 JavaScript SEO 工具 https://piglife.tw/tool/unit-price-comparison-calculator/ https://piglife.tw/tool/unit-price-comparison-calculator/ 輸入不同商品的價格、容量、件數、折扣與運費，快速換算每 100 公克、每 100 毫升或每件單價，找出真正划算的選項。 Fri, 24 Jul 2026 00:00:00 GMT 小豬 工具庫 JavaScript SEO 工具 https://piglife.tw/technical-notes/loop-engineering-ai-coding-agent-automation/ https://piglife.tw/technical-notes/loop-engineering-ai-coding-agent-automation/ 研究 cobusgreyling/loop-engineering 如何用排程、Skills、狀態、Git worktree、Verifier、成本預算與安全閘門，建立能持續執行又知道何時停下的 AI coding agent 開發迴圈。 Thu, 23 Jul 2026 00:00:00 GMT 小豬 技術筆記 AI Agent Agent Skills Claude Code Codex GitHub 開發流程 工具 https://piglife.tw/tool/csv-to-json-converter/ https://piglife.tw/tool/csv-to-json-converter/ 貼上 CSV、TSV 或分號分隔資料，自動偵測欄位並轉成可複製的 JSON 陣列。 Thu, 23 Jul 2026 00:00:00 GMT 小豬 工具庫 https://piglife.tw/tool/taiwan-minguo-date-converter/ https://piglife.tw/tool/taiwan-minguo-date-converter/ 批次轉換民國與西元日期，輸出 ISO 日期、民國格式與星期。 Thu, 23 Jul 2026 00:00:00 GMT 小豬 工具庫 https://piglife.tw/technical-notes/kanboard-ai-agent-jsonrpc-revision/ https://piglife.tw/technical-notes/kanboard-ai-agent-jsonrpc-revision/ 記錄 KnockersTaskBlocks 如何讓 AI Agent 經由 Kanboard JSON-RPC 讀寫 Task Document，並用 expected_revision、共用授權、Server validation 與 replace／append API 避免靜默覆蓋。 Wed, 22 Jul 2026 00:00:00 GMT 小豬 技術筆記 Kanboard PHP AI Agent Codex 外掛開發 https://piglife.tw/technical-notes/kanboard-block-runtime-refactoring/ https://piglife.tw/technical-notes/kanboard-block-runtime-refactoring/ 記錄 KnockersTaskBlocks 在區塊類型增加後遇到的維護問題，以及如何用 TaskContentRuntime、Block Catalog、Renderer Registry 和契約測試收斂驗證、投影與呈現流程。 Wed, 22 Jul 2026 00:00:00 GMT 小豬 技術筆記 Kanboard PHP React 外掛開發 開發流程 https://piglife.tw/technical-notes/kanboard-interactive-html-sandbox-runner/ https://piglife.tw/technical-notes/kanboard-interactive-html-sandbox-runner/ 記錄 KnockersTaskBlocks 加入互動式 HTML 時遇到的實際問題，包含 sanitizer 與需求衝突、srcdoc 繼承 CSP，以及如何用獨立 runner、sandbox iframe 和 postMessage 隔離 JavaScript。 Wed, 22 Jul 2026 00:00:00 GMT 小豬 技術筆記 Kanboard PHP React JavaScript 外掛開發 https://piglife.tw/technical-notes/kanboard-plugin-release-rollback-rehearsal/ https://piglife.tw/technical-notes/kanboard-plugin-release-rollback-rehearsal/ 記錄 KnockersTaskBlocks 從測試版進入正式環境前的發布流程，包含不可變 Artifact、Release Manifest、Checksum、Bundle Budget、多資料庫 Migration、原子替換與實際回滾演練。 Wed, 22 Jul 2026 00:00:00 GMT 小豬 技術筆記 Kanboard PHP JavaScript 外掛開發 開發流程 https://piglife.tw/technical-notes/kanboard-public-task-resource-scope/ https://piglife.tw/technical-notes/kanboard-public-task-resource-scope/ 記錄 KnockersTaskBlocks 公開任務頁如何保護圖片、附件、內部連結與外部連結，並以 Public Task Scope、原生資源 ownership、no-store 與一致的 not-found 行為避免跨任務洩漏。 Wed, 22 Jul 2026 00:00:00 GMT 小豬 技術筆記 Kanboard PHP 外掛開發 開發流程 https://piglife.tw/technical-notes/kanboard-swimlane-diagram-react-flow/ https://piglife.tw/technical-notes/kanboard-swimlane-diagram-react-flow/ 記錄 KnockersTaskBlocks 如何加入跨職能流程圖，包含 React Flow 畫面狀態與 Domain JSON 的分離、跨泳道拖曳、節點關聯、自動排列、三欄原型與效能限制。 Wed, 22 Jul 2026 00:00:00 GMT 小豬 技術筆記 Kanboard React JavaScript 外掛開發 開發流程 https://piglife.tw/technical-notes/kanboard-task-capability-url-sharing/ https://piglife.tw/technical-notes/kanboard-task-capability-url-sharing/ 記錄 KnockersTaskBlocks 如何在不公開整個專案的情況下分享單一任務，包含高熵 Token、雜湊儲存、一次性網址、期限、輪替、撤銷與統一 Public Task Scope。 Wed, 22 Jul 2026 00:00:00 GMT 小豬 技術筆記 Kanboard PHP 外掛開發 開發流程 https://piglife.tw/technical-notes/kanboard-task-content-blocks-plugin-development/ https://piglife.tw/technical-notes/kanboard-task-content-blocks-plugin-development/ 記錄 KnockersTaskBlocks 的開發起點，說明為什麼不修改 Kanboard 核心，以及如何用結構化 Task Document、Markdown 相容內容與專案 opt-in 保留原生搜尋、Email、API 與回滾能力。 Wed, 22 Jul 2026 00:00:00 GMT 小豬 技術筆記 Kanboard PHP React 外掛開發 開發流程 https://piglife.tw/tool/chinese-reading-time-calculator/ https://piglife.tw/tool/chinese-reading-time-calculator/ 貼上中文文章或中英混合內容，快速統計字數、段落、句子與預估閱讀時間，適合部落格、電子報與提案文案。 Wed, 22 Jul 2026 00:00:00 GMT 小豬 工具庫 SEO JavaScript 工具 https://piglife.tw/tool/color-contrast-checker/ https://piglife.tw/tool/color-contrast-checker/ 輸入前景色與背景色，立即計算對比值並判斷一般文字、大字與介面元素是否符合 WCAG AA/AAA。 Wed, 22 Jul 2026 00:00:00 GMT 小豬 工具庫 SEO JavaScript 工具 https://piglife.tw/technical-notes/codex-built-in-system-skills-guide/ https://piglife.tw/technical-notes/codex-built-in-system-skills-guide/ 整理 Codex 目前公開的 5 個內建 system skills，介紹 imagegen、openai-docs、plugin-creator、skill-creator、skill-installer，以及啟動方式、安裝範圍與安全注意事項。 Tue, 21 Jul 2026 00:00:00 GMT 小豬 技術筆記 AI Agent Agent Skills Codex 開發流程 工具 https://piglife.tw/technical-notes/mattpocock-skills-ai-coding-agent-workflow/ https://piglife.tw/technical-notes/mattpocock-skills-ai-coding-agent-workflow/ 研究 Matt Pocock 的 skills 專案，整理 Agent Skills 的安裝方式、開發流程、TDD、研究與程式碼審查設計，以及導入限制和安全注意事項。 Tue, 21 Jul 2026 00:00:00 GMT 小豬 技術筆記 AI Agent Agent Skills Claude Code Codex 開發流程 https://piglife.tw/technical-notes/orca-parallel-ai-coding-agent-worktrees/ https://piglife.tw/technical-notes/orca-parallel-ai-coding-agent-worktrees/ 研究 stablyai/orca 如何用 Git worktree 管理 Claude Code、Codex 等 AI coding agent，整理桌面、手機、SSH、headless server 架構，以及權限與導入限制。 Tue, 21 Jul 2026 00:00:00 GMT 小豬 技術筆記 AI Agent Claude Code Codex GitHub 開發流程 工具 https://piglife.tw/technical-notes/scroll-world-ai-3d-scroll-website/ https://piglife.tw/technical-notes/scroll-world-ai-3d-scroll-website/ 研究 scroll-world 如何結合 AI 生成影片、FFmpeg 與 JavaScript scroll scrub，做出連續飛行的 3D 世界網站，以及成本、效能和導入限制。 Tue, 21 Jul 2026 00:00:00 GMT 小豬 技術筆記 AI Agent GitHub JavaScript 網頁特效 https://piglife.tw/tool/json-to-table-converter/ https://piglife.tw/tool/json-to-table-converter/ 貼上 JSON 陣列、物件或 API 回應，快速轉成可複製的 CSV / TSV，並預覽整理後的表格欄位。 Mon, 20 Jul 2026 00:00:00 GMT 小豬 工具庫 https://piglife.tw/tool/sleep-debt-calculator/ https://piglife.tw/tool/sleep-debt-calculator/ 估算一週睡眠債、平均睡眠與補眠晚數。 Sun, 19 Jul 2026 00:00:00 GMT 小豬 工具庫 https://piglife.tw/tool/cron-expression-interpreter/ https://piglife.tw/tool/cron-expression-interpreter/ 快速解讀 cron 排程規則，預覽接下來的執行時間。 Sat, 18 Jul 2026 00:00:00 GMT 小豬 工具庫 https://piglife.tw/tool/html-entities-converter/ https://piglife.tw/tool/html-entities-converter/ HTML entities 編碼解碼工具，快速處理 HTML 特殊符號與可讀文字。 Fri, 17 Jul 2026 00:00:00 GMT 小豬 工具庫 https://piglife.tw/tool/csv-field-cleaner/ https://piglife.tw/tool/csv-field-cleaner/ 清理 CSV/TSV 表頭、處理空白與重複欄位，快速產出一致命名。 Thu, 16 Jul 2026 00:00:00 GMT 小豬 工具庫 https://piglife.tw/tool/taiwan-invoice-number-checker/ https://piglife.tw/tool/taiwan-invoice-number-checker/ 批次檢查台灣發票號碼格式，整理標準格式與可複製清單。 Wed, 15 Jul 2026 00:00:00 GMT 小豬 工具庫 https://piglife.tw/tool/markdown-table-generator/ https://piglife.tw/tool/markdown-table-generator/ 將 CSV 或 TSV 資料快速轉成 Markdown 表格，適合文件與部落格排版。 Tue, 14 Jul 2026 00:00:00 GMT 小豬 工具庫 https://piglife.tw/tool/robots-txt-rule-checker/ https://piglife.tw/tool/robots-txt-rule-checker/ 快速檢查 robots.txt 對指定網址與 user-agent 的檢索允許狀態。 Mon, 13 Jul 2026 00:00:00 GMT 小豬 工具庫 https://piglife.tw/tool/wordpress-shortcode-cleaner/ https://piglife.tw/tool/wordpress-shortcode-cleaner/ 清理 WordPress shortcode，整理成可再編輯的純文字草稿。 Sun, 12 Jul 2026 00:00:00 GMT 小豬 工具庫 https://piglife.tw/tool/css-box-shadow-generator/ https://piglife.tw/tool/css-box-shadow-generator/ 即時預覽並複製 CSS box-shadow，適合卡片、按鈕與浮層設計。 Fri, 10 Jul 2026 00:00:00 GMT 小豬 工具庫 https://piglife.tw/tool/unix-timestamp-converter/ https://piglife.tw/tool/unix-timestamp-converter/ Unix timestamp 秒數與毫秒數快速轉換工具，可查看本地時間、UTC 與 ISO 格式。 Thu, 09 Jul 2026 00:00:00 GMT 小豬 工具庫 https://piglife.tw/tool/taiwan-mobile-number-formatter/ https://piglife.tw/tool/taiwan-mobile-number-formatter/ 批次整理台灣手機號碼，支援 09、+886、重複檢查與 CSV 匯出。 Wed, 08 Jul 2026 00:00:00 GMT 小豬 工具庫 https://piglife.tw/tool/faq-schema-generator/ https://piglife.tw/tool/faq-schema-generator/ 整理常見問題與答案，快速產生可貼到網頁的 FAQPage JSON-LD 結構化資料，適合工具頁、服務頁與教學文章使用。 · Create FAQPage JSON-LD structured data from common questi... Tue, 07 Jul 2026 00:00:00 GMT 小豬 工具庫 https://piglife.tw/tool/line-oa-message-checker/ https://piglife.tw/tool/line-oa-message-checker/ 檢查 LINE OA 推播訊息字數、換行、連結與可讀性。 Mon, 06 Jul 2026 00:00:00 GMT 小豬 工具庫 https://piglife.tw/tool/css-clamp-font-size-generator/ https://piglife.tw/tool/css-clamp-font-size-generator/ 快速產生 CSS clamp() 響應式字級設定。 Sun, 05 Jul 2026 00:00:00 GMT 小豬 工具庫