https://piglife.tw Piglife 分享 WordPress 實作筆記、AI 自動化經營紀錄、SEO/GEO 研究與實用網頁工具。 zh-Hant Sun, 16 Aug 2026 00:00:00 GMT https://piglife.tw/tool/api-rate-limit-calculator/ https://piglife.tw/tool/api-rate-limit-calculator/ 輸入 API rate limit、保留緩衝、單任務呼叫數、重試比例與並行任務，快速估算可用速率、建議並行與每日處理容量。 Sun, 16 Aug 2026 00:00:00 GMT 小豬 工具庫 JavaScript Serverless 開發流程 工具 https://piglife.tw/tool/csv-data-masker/ https://piglife.tw/tool/csv-data-masker/ 貼上 CSV 或 TSV 資料，逐欄設定 Email、電話、姓名、ID、日期與金額遮罩規則，快速產生可分享的匿名化資料。 Sun, 16 Aug 2026 00:00:00 GMT 小豬 工具庫 JavaScript SEO 工具 https://piglife.tw/tool/chmod-permission-calculator/ https://piglife.tw/tool/chmod-permission-calculator/ 勾選 owner、group、others 的讀取、寫入、執行權限，快速換算 chmod 數字、symbolic 寫法、ls -l 權限字串與可複製指令。 Sat, 15 Aug 2026 00:00:00 GMT 小豬 工具庫 JavaScript 工具 開發流程 https://piglife.tw/tool/email-subject-preview-checker/ https://piglife.tw/tool/email-subject-preview-checker/ 輸入電子報或行銷信主旨與前導文字，快速檢查桌機、手機收件匣預覽、字數、UTF-8 bytes 與常見改善提示。 Sat, 15 Aug 2026 00:00:00 GMT 小豬 工具庫 SEO JavaScript 工具 https://piglife.tw/tool/markdown-frontmatter-checker/ https://piglife.tw/tool/markdown-frontmatter-checker/ 貼上 Markdown 或 Astro 文章內容，快速檢查 frontmatter 分隔線、必要欄位、重複 key、日期格式、slug、permalink 與 SEO title/meta description 長度。 Fri, 14 Aug 2026 00:00:00 GMT 小豬 工具庫 Astro SEO JavaScript 工具 https://piglife.tw/tool/url-list-normalizer/ https://piglife.tw/tool/url-list-normalizer/ 貼上網址清單，自動補齊協定、套用基準網域、轉小寫 host、移除 UTM 與點擊追蹤參數、排序 query、補尾端斜線並找出重複與無效 URL。 Fri, 14 Aug 2026 00:00:00 GMT 小豬 工具庫 SEO JavaScript 工具 https://piglife.tw/tool/http-header-size-checker/ https://piglife.tw/tool/http-header-size-checker/ 貼上 request 與 response headers，估算總 bytes、Cookie 與 Set-Cookie 佔用，找出接近 8KB 預算或格式異常的 header。 Thu, 13 Aug 2026 00:00:00 GMT 小豬 工具庫 JavaScript SEO 工具 https://piglife.tw/tool/redirect-map-checker/ https://piglife.tw/tool/redirect-map-checker/ 貼上來源、目標與狀態碼，自動檢查 redirect map 的重複來源、自我轉址、轉址迴圈、chain、外部目標與尾端斜線。 Thu, 13 Aug 2026 00:00:00 GMT 小豬 工具庫 JavaScript SEO 工具 https://piglife.tw/tool/dns-ttl-cache-calculator/ https://piglife.tw/tool/dns-ttl-cache-calculator/ 輸入目前與預計調整的 DNS TTL，換算秒、分鐘、小時，並估算變更前降 TTL 與變更後觀察的保守時間線。 Wed, 12 Aug 2026 00:00:00 GMT 小豬 工具庫 JavaScript SEO 工具 https://piglife.tw/tool/social-post-length-checker/ https://piglife.tw/tool/social-post-length-checker/ 貼上社群貼文草稿，立即檢查字數、網址折算、hashtag、mention 與各平台長度限制，避免發布前才發現內容超字。 Wed, 12 Aug 2026 00:00:00 GMT 小豬 工具庫 JavaScript SEO 工具 https://piglife.tw/tool/json-path-finder/ https://piglife.tw/tool/json-path-finder/ 貼上 JSON 後自動展開 object、array 與 value，搜尋 key 或內容並複製可用的 JSON path。 Tue, 11 Aug 2026 00:00:00 GMT 小豬 工具庫 JavaScript SEO 工具 https://piglife.tw/tool/set-cookie-header-builder/ https://piglife.tw/tool/set-cookie-header-builder/ 快速產生 Set-Cookie header，檢查 SameSite、Secure、HttpOnly、Partitioned 與 __Host- / __Secure- 前綴規則。 Tue, 11 Aug 2026 00:00:00 GMT 小豬 工具庫 JavaScript SEO 工具 https://piglife.tw/tool/csp-header-builder/ https://piglife.tw/tool/csp-header-builder/ 用常見網站情境快速產生 Content-Security-Policy header，檢查 unsafe-inline、萬用字元與缺少 fallback 的風險提醒。 Mon, 10 Aug 2026 00:00:00 GMT 小豬 工具庫 JavaScript SEO 工具 https://piglife.tw/tool/csv-delimiter-detector/ https://piglife.tw/tool/csv-delimiter-detector/ 貼上 CSV、TSV 或分號分隔資料，自動比較分隔符號、檢查欄數一致性，並預覽前幾列解析結果。 Mon, 10 Aug 2026 00:00:00 GMT 小豬 工具庫 JavaScript 工具 https://piglife.tw/tool/css-specificity-calculator/ https://piglife.tw/tool/css-specificity-calculator/ 貼上 CSS selector，自動計算 ID、class、attribute、pseudo-class 與元素權重，快速比較樣式覆蓋順序。 Sun, 09 Aug 2026 00:00:00 GMT 小豬 工具庫 JavaScript SEO 工具 https://piglife.tw/tool/jwt-payload-decoder/ https://piglife.tw/tool/jwt-payload-decoder/ 貼上 JWT token，在瀏覽器端解碼 header 與 payload，整理 exp、iat、nbf 等常見 claim 與到期狀態。 Sun, 09 Aug 2026 00:00:00 GMT 小豬 工具庫 JavaScript SEO 工具 https://piglife.tw/tool/http-retry-backoff-calculator/ https://piglife.tw/tool/http-retry-backoff-calculator/ 輸入初始等待、倍率、最大等待、重試次數與 jitter 比例，快速產生 HTTP API 重試退避時間表、最短最長等待與最壞情境耗時。 Sat, 08 Aug 2026 00:00:00 GMT 小豬 工具庫 JavaScript Serverless 開發流程 工具 https://piglife.tw/tool/sla-uptime-downtime-calculator/ https://piglife.tw/tool/sla-uptime-downtime-calculator/ 輸入 SLA 可用率、統計期間與事故停機分鐘數，快速換算允許停機時間、剩餘錯誤預算與實際可用率。 Sat, 08 Aug 2026 00:00:00 GMT 小豬 工具庫 Serverless 開發流程 工具 https://piglife.tw/tool/free-shipping-threshold-split-calculator/ https://piglife.tw/tool/free-shipping-threshold-split-calculator/ 輸入團購成員金額、免運門檻與未達門檻運費，計算還差多少免運、是否值得湊單，以及每位成員應分攤的付款金額。 Fri, 07 Aug 2026 00:00:00 GMT 小豬 工具庫 JavaScript 工具 https://piglife.tw/tool/parking-fee-cap-comparison-calculator/ https://piglife.tw/tool/parking-fee-cap-comparison-calculator/ 輸入停車時間、每月次數、首段費率、續時計費與每日上限，快速比較不同停車方案的單次費用與月支出。 Fri, 07 Aug 2026 00:00:00 GMT 小豬 工具庫 JavaScript 工具 https://piglife.tw/technical-notes/ego-lite-ai-agent-browser-task-spaces/ https://piglife.tw/technical-notes/ego-lite-ai-agent-browser-task-spaces/ 分析 citrolabs/ego-lite 如何用 Task Spaces、ego-browser Skill、Node.js helper 與 CDP 讓外部 AI Agent 操作登入後網站，並整理開源邊界、安裝、安全與評測限制。 Thu, 06 Aug 2026 00:00:00 GMT 小豬 技術筆記 AI AI Agent Agent Skills Claude Code Codex GitHub JavaScript 開發流程 工具 https://piglife.tw/tool/cache-control-header-builder/ https://piglife.tw/tool/cache-control-header-builder/ 選擇靜態資源、HTML、API 或私密資料情境，快速產生 Cache-Control header，並檢查 max-age、s-maxage、stale-while-revalidate 等常見設定問題。 Thu, 06 Aug 2026 00:00:00 GMT 小豬 工具庫 JavaScript SEO 工具 https://piglife.tw/tool/markdown-toc-generator/ https://piglife.tw/tool/markdown-toc-generator/ 貼上 Markdown 文章，自動擷取 H2 到 H4 標題，產生可複製的目錄連結與 HTML nav，支援 GitHub 風格錨點與重複標題編號。 Thu, 06 Aug 2026 00:00:00 GMT 小豬 工具庫 JavaScript SEO 工具 https://piglife.tw/tool/file-transfer-time-calculator/ https://piglife.tw/tool/file-transfer-time-calculator/ 輸入檔案大小、檔案數、網路或磁碟速度與損耗比例，快速換算下載、上傳、備份或搬移檔案的預估時間。 Wed, 05 Aug 2026 00:00:00 GMT 小豬 工具庫 JavaScript 工具 https://piglife.tw/tool/work-hours-timesheet-calculator/ https://piglife.tw/tool/work-hours-timesheet-calculator/ 輸入每段上班開始、結束與休息分鐘數，自動加總淨工時、跨日班段、加班與不足時數，可複製班表摘要。 Wed, 05 Aug 2026 00:00:00 GMT 小豬 工具庫 JavaScript 工具 https://piglife.tw/tool/env-var-diff-checker/ https://piglife.tw/tool/env-var-diff-checker/ 貼上兩份 .env、.env.example 或部署平台環境變數清單，快速找出缺少、重複、格式錯誤與值是否不同的 key，不顯示敏感值。 Tue, 04 Aug 2026 00:00:00 GMT 小豬 工具庫 JavaScript 開發流程 工具 https://piglife.tw/tool/hreflang-tag-generator/ https://piglife.tw/tool/hreflang-tag-generator/ 輸入多語系頁面的語系代碼與網址，快速產生 hreflang alternate link、x-default 標籤與 sitemap XML 片段，並檢查常見設定問題。 Tue, 04 Aug 2026 00:00:00 GMT 小豬 工具庫 JavaScript SEO 工具 https://piglife.tw/technical-notes/ai-agent-book-agent-engineering-guide/ https://piglife.tw/technical-notes/ai-agent-book-agent-engineering-guide/ 研究 bojieli/ai-agent-book 如何用 10 章教材、95 個實驗與證據台帳拆解 AI Agent，並整理安裝、執行流程、成熟度與安全限制。 Mon, 03 Aug 2026 00:00:00 GMT 小豬 技術筆記 AI AI Agent GitHub 開發流程 https://piglife.tw/technical-notes/book-to-skill-agent-skill-generator/ https://piglife.tw/technical-notes/book-to-skill-agent-skill-generator/ 研究 virgiliojr94/book-to-skill 如何把 PDF 與多種文件轉成可按需載入的 Agent Skill，整理資料流、安裝、限制、著作權與 prompt injection 風險。 Mon, 03 Aug 2026 00:00:00 GMT 小豬 技術筆記 AI Agent Agent Skills Claude Code GitHub 開發流程 工具 https://piglife.tw/tool/meeting-agenda-time-planner/ https://piglife.tw/tool/meeting-agenda-time-planner/ 輸入會議開始時間、總長度與各議程分鐘數，自動排出每段開始結束時間，並可等比塞入指定時長。 Mon, 03 Aug 2026 00:00:00 GMT 小豬 工具庫 JavaScript SEO 工具 https://piglife.tw/tool/parcel-dimensional-weight-calculator/ https://piglife.tw/tool/parcel-dimensional-weight-calculator/ 輸入包裹長寬高、實際重量、件數與材積除數，快速比較實重、材積重與物流計費重量。 Mon, 03 Aug 2026 00:00:00 GMT 小豬 工具庫 JavaScript SEO 工具 https://piglife.tw/tool/css-grid-template-generator/ https://piglife.tw/tool/css-grid-template-generator/ 設定最小欄寬、欄距、固定欄數與 class 名稱，快速產生 CSS Grid template 程式碼與響應式預覽，適合卡片列表與後台版面切版。 Sun, 02 Aug 2026 00:00:00 GMT 小豬 工具庫 React JavaScript 工具 https://piglife.tw/tool/html-table-to-markdown-converter/ https://piglife.tw/tool/html-table-to-markdown-converter/ 貼上 HTML table 原始碼，快速轉成 Markdown 表格，並保留表頭、對齊方向與儲存格文字，適合整理文件、GitHub README 與技術筆記。 Sun, 02 Aug 2026 00:00:00 GMT 小豬 工具庫 JavaScript 工具 https://piglife.tw/tool/http-status-code-helper/ https://piglife.tw/tool/http-status-code-helper/ 輸入 HTTP 狀態碼或關鍵字，快速查詢狀態碼分類、常見情境、是否可重試與 SEO 檢查提示，適合除錯 API、網站與轉址問題。 Sat, 01 Aug 2026 00:00:00 GMT 小豬 工具庫 JavaScript SEO 工具 https://piglife.tw/tool/markdown-checklist-progress-calculator/ https://piglife.tw/tool/markdown-checklist-progress-calculator/ 貼上 Markdown checklist，自動統計已完成、未完成、進行中與封鎖項目，產生可複製的進度摘要與剩餘待辦清單。 Sat, 01 Aug 2026 00:00:00 GMT 小豬 工具庫 JavaScript SEO 工具 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/tool/css-spacing-scale-generator/ https://piglife.tw/tool/css-spacing-scale-generator/ 輸入基準間距、層級數與輸出單位，快速產生 CSS spacing scale、design tokens 與可複製的變數片段。 Fri, 31 Jul 2026 00:00:00 GMT 小豬 工具庫 React JavaScript 工具 https://piglife.tw/tool/csv-pivot-summary/ https://piglife.tw/tool/csv-pivot-summary/ 貼上 CSV 或 TSV 資料，選擇分組欄位與數字欄位，立即產生加總、平均、最大值、最小值或筆數統計表。 Fri, 31 Jul 2026 00:00:00 GMT 小豬 工具庫 JavaScript SEO 工具 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 開發流程