AI Coding 是什麼？不會寫程式也能開始嗎？
這篇從我打造 Pocketool 的經驗出發，說明 AI Coding 如何幫助人把生活中的小麻煩做成真正能用的工具，以及沒有程式基礎時可以怎麼開始。
2026 鐵人賽
用 30 天，把 AI 與雲端服務真正接進日常的開發流程。文章會依照學習順序排列，從第一篇一路讀下去即可。
AI 模型、AI Chat、AI Agent 有什麼差異？
同樣叫 AI，有些只會回答問題，有些卻能打開專案、修改檔案並執行測試。這篇用一個實際任務拆開 AI 模型、AI Chat 與 AI Agent 的差異。
什麼是 AI Harness？AI 為什麼能讀檔、跑終端機與呼叫工具？
只下一句指令，AI 為什麼能讀取專案、修改檔案、執行測試？這篇從實際修改文章的過程，拆解 AI Harness、內建工具、MCP 與 Skill 各自負責什麼。
Claude Code、Codex 怎麼選？我的實際使用心得
Claude Code 與 Codex App 都能讀專案、改程式和跑測試，實際用起來仍有差異。這篇整理我在中大型專案、網站視覺、Channels、Astra 與訂閱方案上的使用心得。
AI 模型、Token、上下文、Prompt 是什麼？4 個常見 AI 名詞一次搞懂
AI 模型、Token、Context 與 Prompt 分別代表什麼？這篇透過影片與互動式簡報，帶你看懂送出問題後，AI 如何一步一步產生回答。
Chat、Work、Codex 怎麼選？ChatGPT Desktop 3 種模式一次看懂
ChatGPT Desktop 裡的 Chat、Work 與 Codex 該怎麼選？這篇透過影片與互動式簡報，整理三種工作方式的位置、差異與適合情境。
ChatGPT Desktop 新手必看：專案、權限、模型與推理強度怎麼選？
ChatGPT Desktop 的專案、權限、模型、推理強度與斜線指令怎麼用？這篇透過影片與互動式簡報，帶你看懂開始工作前的重要設定。
為什麼 AI 特別懂 Markdown？學會 8 種語法，把需求說得更清楚
Markdown 為什麼適合和 AI 溝通？這篇透過影片與互動式簡報，示範八種常用語法，讓提示詞、文件與程式碼更容易閱讀。
提示詞怎麼寫才有效？把 AI 當工讀生的 3 個溝通方法
提示詞怎麼寫才不會越改越亂？這篇透過影片與互動式簡報，整理完整資訊、控制節奏與保持主線清楚的三個溝通方法。
MCP 是什麼？讓 AI 讀取資料、連接工具的關鍵
MCP 是什麼，又該怎麼安裝？這篇透過影片與互動式簡報，說明 AI 如何連接外部服務，以及帳號與裝置層級的差異。
AI Skill 是什麼？把重複規則整理成 AI 工作手冊
AI Skill 是什麼，和 MCP 又有什麼不同？這篇透過影片與互動式簡報，帶你把重複使用的規則、步驟與檢查方式整理成 AI 可以載入的工作流程。
輸入網址後發生什麼事？前端、後端、伺服器與資料庫一次看懂
輸入網址後，前端、後端、伺服器與資料庫如何分工？這篇透過影片與互動式簡報，帶你看懂網站從請求、處理資料到顯示畫面的完整流程。
HTML、CSS、JavaScript 差在哪？前端三層架構一次搞懂
HTML、CSS、JavaScript 分別負責什麼？這篇透過影片與互動式簡報，拆解前端的架構、外觀與互動三層，幫助你更精確地和 AI 討論網頁修改。
AI Coding 一定需要後端與資料庫嗎？新手先判斷網站是哪一級
AI Coding 專案一定需要後端與資料庫嗎？這篇透過影片與互動式簡報，說明兩者的分工，並比較試算表、BaaS 與自建後端適合的情境。
API 是什麼？看懂前端、後端如何交換資料與除錯
API 是什麼，GET、POST 與狀態碼又代表什麼？這篇透過影片與互動式簡報，帶你看懂前後端交換資料的流程，以及如何從 Network 找到除錯線索。
JSON 是什麼？看懂 API 資料格式，以及它和資料庫的關係
JSON 是什麼，和 API、資料庫又有什麼關係？這篇透過影片與互動式簡報，帶你看懂鍵、值、資料型別與巢狀結構，並從回應內容找出前後端整合問題。
終端機是什麼？AI 為什麼靠黑色視窗操作你的電腦
終端機、Shell 與指令列有什麼差異？這篇透過影片與互動式簡報，帶你看懂 AI 如何讀取檔案、安裝套件與執行測試，以及授權前需要注意的風險。
AI 把程式改壞怎麼辦？用 Git 回到「剛剛還好好的」版本
AI 一次改壞多個檔案怎麼辦？這篇透過影片與互動式簡報，帶你看懂 Git、Commit 與 Branch 如何保存進度、比較修改並回到可用版本。
Git 和 GitHub 差在哪？版本控制、協作與開源一次看懂
Git 和 GitHub 有什麼差別？這篇透過影片與互動式簡報，說明本機版本紀錄、遠端倉庫、協作與開源流程，以及它們和 AI Coding 的關係。
GitHub Pages 怎麼免費架網站？從檔案到網址的 3 個步驟
GitHub Pages 怎麼把靜態檔案變成公開網站？這篇帶你分清上傳與發布、判斷哪些功能能放上 Pages，並用三個步驟找到自己的網站網址。
用 ChatGPT 部署 GitHub Pages：從建立儲存庫到網站上線
如何用 ChatGPT 把履歷網站部署到 GitHub Pages？這篇從建立 GitHub 儲存庫開始，說明如何讓 Codex 推送專案、建立部署分支，並確認網站成功取得公開網址。
Node.js 是什麼？為什麼有 AI 還是要安裝開發環境
Node.js 是程式語言還是執行環境？這篇透過影片與互動式簡報，帶你看懂 JavaScript 在瀏覽器與 Node.js 中的差異，以及 AI 為什麼仍需要本機開發環境。
Vite 是什麼？前端專案為什麼需要開發伺服器與建置
Vite 是什麼，npm run dev 與 npm run build 又有什麼不同？這篇透過互動式簡報，帶你看懂現代前端專案的開發伺服器、模組、建置與部署流程。
Google 試算表也能當資料庫？網站讀資料的兩種做法
想用 Google 試算表管理網站資料？從活動列表的例子認識公開資料與私人資料兩種做法，再看 Google Sheets API、OAuth 和 Client ID 怎麼設定。
Google Apps Script 是什麼？讓試算表幫你自動做事
Google Apps Script 可以做什麼？從整理近期活動的例子，認識程式如何在 Google 伺服器執行、定時處理試算表，以及部署成網站可以呼叫的服務。
網域、DNS 與網站部署是什麼？網站上線前先搞懂這三件事
網域、DNS 和網站部署有什麼差別？用開店與 book.casper.tw 的例子看懂網站如何上線，也分享我在 GoDaddy 與 Cloudflare 購買網域的經驗。
Cloudflare 也能部署網頁？用 Pocketool 看懂網站怎麼上線
Cloudflare 不只管網域和 DNS，也能部署網站。用 Pocketool 的實際畫面認識 Workers、靜態資源、R2、D1，走一次部署入口，並看看 AI 可以怎麼協助上線。
Cloudflare Worker、R2、D1 是什麼？看口袋單字王怎麼分工
用口袋單字王理解 Cloudflare Worker、R2 與 D1：語音和測驗紀錄為什麼分開存、免費額度與 Wrangler 設定怎麼看，以及 AI 能如何協助開發。
AI 開發與資安：不是資工系的專利，從日常習慣開始
資安不只是工程師的事。從 LINE 釣魚連結、密碼與 Passkey、手機更新和備份，談到 AI Agent 權限、API Key、Git 與網站上線前檢查，整理每個人都能開始做的安全習慣。
用 AI 做第一個小工具：英文單字卡
AI Coding 入門最後一天，一起完成迷你英文單字卡，從範圍、實作、測試一路做到部署；再看看口袋單字王如何從學單字延伸到發音、學習進度與多益、IELTS、TOEFL 模擬測驗。