標籤總覽

iT鐵人賽202630AI Coding22Codex5網站部署4ChatGPT4Cloudflare4JavaScript4後端3資料庫3範例3AI 模型3GitHub Pages3版本控制2前端2前端開發2網站開發2寫作流程2AI 溝通2API2Git2GitHub2Google 試算表2Markdown2MCP2Prompt2R22Workers2入門1生成式 AI1自動化1伺服器1協作1前後端整合1英文學習1執行環境1專案1帳號安全1終端機1單字卡1提示詞1開發伺服器1開發環境1開源1資安1資料結構1網站建置1網站架構1網站除錯1網域1靜態網站1權限1Agent1AI 工作流程1AI 工具1AI Agent1AI Chat1AI Harness1AI Skill1API Key1Astra1BaaS1Branch1ChatGPT Desktop1ChatGPT Work1Claude Code1Command Line1Commit1Context1CSS1D11DNS1Google Apps Script1Google Sheets API1HTML1HTTP1JSON1Model Context Protocol1Node.js1OAuth1Pocketool1Shell1Skill1SKILL.md1Token1Vite1VitePress1Wrangler1

#iT鐵人賽2026

• 用 AI 做第一個小工具：英文單字卡2026-10-13
• AI 開發與資安：不是資工系的專利，從日常習慣開始2026-10-12
• Cloudflare Worker、R2、D1 是什麼？看口袋單字王怎麼分工2026-10-11
• Cloudflare 也能部署網頁？用 Pocketool 看懂網站怎麼上線2026-10-10
• 網域、DNS 與網站部署是什麼？網站上線前先搞懂這三件事2026-10-09
• Google Apps Script 是什麼？讓試算表幫你自動做事2026-10-08
• Google 試算表也能當資料庫？網站讀資料的兩種做法2026-10-07
• Vite 是什麼？前端專案為什麼需要開發伺服器與建置2026-10-06
• Node.js 是什麼？為什麼有 AI 還是要安裝開發環境2026-10-05
• 用 ChatGPT 部署 GitHub Pages：從建立儲存庫到網站上線2026-10-04
• GitHub Pages 怎麼免費架網站？從檔案到網址的 3 個步驟2026-10-03
• Git 和 GitHub 差在哪？版本控制、協作與開源一次看懂2026-10-02
• AI 把程式改壞怎麼辦？用 Git 回到「剛剛還好好的」版本2026-10-01
• 終端機是什麼？AI 為什麼靠黑色視窗操作你的電腦2026-09-30
• JSON 是什麼？看懂 API 資料格式，以及它和資料庫的關係2026-09-29
• API 是什麼？看懂前端、後端如何交換資料與除錯2026-09-28
• AI Coding 一定需要後端與資料庫嗎？新手先判斷網站是哪一級2026-09-27
• HTML、CSS、JavaScript 差在哪？前端三層架構一次搞懂2026-09-26
• 輸入網址後發生什麼事？前端、後端、伺服器與資料庫一次看懂2026-09-25
• AI Skill 是什麼？把重複規則整理成 AI 工作手冊2026-09-24
• MCP 是什麼？讓 AI 讀取資料、連接工具的關鍵2026-09-23
• 提示詞怎麼寫才有效？把 AI 當工讀生的 3 個溝通方法2026-09-22
• 為什麼 AI 特別懂 Markdown？學會 8 種語法，把需求說得更清楚2026-09-21
• ChatGPT Desktop 新手必看：專案、權限、模型與推理強度怎麼選？2026-09-20
• Chat、Work、Codex 怎麼選？ChatGPT Desktop 3 種模式一次看懂2026-09-19
• AI 模型、Token、上下文、Prompt 是什麼？4 個常見 AI 名詞一次搞懂2026-09-18
• Claude Code、Codex 怎麼選？我的實際使用心得2026-09-17
• 什麼是 AI Harness？AI 為什麼能讀檔、跑終端機與呼叫工具？2026-09-16
• AI 模型、AI Chat、AI Agent 有什麼差異？2026-09-15
• AI Coding 是什麼？不會寫程式也能開始嗎？2026-09-14

#AI Coding

• 用 AI 做第一個小工具：英文單字卡2026-10-13
• AI 開發與資安：不是資工系的專利，從日常習慣開始2026-10-12
• Cloudflare Worker、R2、D1 是什麼？看口袋單字王怎麼分工2026-10-11
• Cloudflare 也能部署網頁？用 Pocketool 看懂網站怎麼上線2026-10-10
• 網域、DNS 與網站部署是什麼？網站上線前先搞懂這三件事2026-10-09
• Google Apps Script 是什麼？讓試算表幫你自動做事2026-10-08
• Google 試算表也能當資料庫？網站讀資料的兩種做法2026-10-07
• Node.js 是什麼？為什麼有 AI 還是要安裝開發環境2026-10-05
• 用 ChatGPT 部署 GitHub Pages：從建立儲存庫到網站上線2026-10-04
• GitHub Pages 怎麼免費架網站？從檔案到網址的 3 個步驟2026-10-03
• AI 把程式改壞怎麼辦？用 Git 回到「剛剛還好好的」版本2026-10-01
• 終端機是什麼？AI 為什麼靠黑色視窗操作你的電腦2026-09-30
• JSON 是什麼？看懂 API 資料格式，以及它和資料庫的關係2026-09-29
• AI Coding 一定需要後端與資料庫嗎？新手先判斷網站是哪一級2026-09-27
• HTML、CSS、JavaScript 差在哪？前端三層架構一次搞懂2026-09-26
• AI Skill 是什麼？把重複規則整理成 AI 工作手冊2026-09-24
• 提示詞怎麼寫才有效？把 AI 當工讀生的 3 個溝通方法2026-09-22
• 為什麼 AI 特別懂 Markdown？學會 8 種語法，把需求說得更清楚2026-09-21
• Chat、Work、Codex 怎麼選？ChatGPT Desktop 3 種模式一次看懂2026-09-19
• Claude Code、Codex 怎麼選？我的實際使用心得2026-09-17
• 什麼是 AI Harness？AI 為什麼能讀檔、跑終端機與呼叫工具？2026-09-16
• AI Coding 是什麼？不會寫程式也能開始嗎？2026-09-14

#Codex

• 用 ChatGPT 部署 GitHub Pages：從建立儲存庫到網站上線2026-10-04
• 終端機是什麼？AI 為什麼靠黑色視窗操作你的電腦2026-09-30
• Chat、Work、Codex 怎麼選？ChatGPT Desktop 3 種模式一次看懂2026-09-19
• Claude Code、Codex 怎麼選？我的實際使用心得2026-09-17
• AI 模型、AI Chat、AI Agent 有什麼差異？2026-09-15

#網站部署

• Cloudflare 也能部署網頁？用 Pocketool 看懂網站怎麼上線2026-10-10
• 網域、DNS 與網站部署是什麼？網站上線前先搞懂這三件事2026-10-09
• 用 ChatGPT 部署 GitHub Pages：從建立儲存庫到網站上線2026-10-04
• GitHub Pages 怎麼免費架網站？從檔案到網址的 3 個步驟2026-10-03

#ChatGPT

• 用 ChatGPT 部署 GitHub Pages：從建立儲存庫到網站上線2026-10-04
• MCP 是什麼？讓 AI 讀取資料、連接工具的關鍵2026-09-23
• 為什麼 AI 特別懂 Markdown？學會 8 種語法，把需求說得更清楚2026-09-21
• Chat、Work、Codex 怎麼選？ChatGPT Desktop 3 種模式一次看懂2026-09-19

#Cloudflare

• Cloudflare Worker、R2、D1 是什麼？看口袋單字王怎麼分工2026-10-11
• Cloudflare 也能部署網頁？用 Pocketool 看懂網站怎麼上線2026-10-10
• 網域、DNS 與網站部署是什麼？網站上線前先搞懂這三件事2026-10-09
• 範例文章：本站圖片為什麼放在 R22026-07-20

#JavaScript

• Google Apps Script 是什麼？讓試算表幫你自動做事2026-10-08
• Vite 是什麼？前端專案為什麼需要開發伺服器與建置2026-10-06
• Node.js 是什麼？為什麼有 AI 還是要安裝開發環境2026-10-05
• HTML、CSS、JavaScript 差在哪？前端三層架構一次搞懂2026-09-26

#後端

• API 是什麼？看懂前端、後端如何交換資料與除錯2026-09-28
• AI Coding 一定需要後端與資料庫嗎？新手先判斷網站是哪一級2026-09-27
• 輸入網址後發生什麼事？前端、後端、伺服器與資料庫一次看懂2026-09-25

#資料庫

• Google 試算表也能當資料庫？網站讀資料的兩種做法2026-10-07
• AI Coding 一定需要後端與資料庫嗎？新手先判斷網站是哪一級2026-09-27
• 輸入網址後發生什麼事？前端、後端、伺服器與資料庫一次看懂2026-09-25

#範例

• 文章格式完全示範：這個站能用的所有 Markdown 寫法2026-09-13
• 範例文章：文章格式與步驟輪播示範2026-07-20
• 範例文章：本站圖片為什麼放在 R22026-07-20

#AI 模型

• ChatGPT Desktop 新手必看：專案、權限、模型與推理強度怎麼選？2026-09-20
• AI 模型、Token、上下文、Prompt 是什麼？4 個常見 AI 名詞一次搞懂2026-09-18
• AI 模型、AI Chat、AI Agent 有什麼差異？2026-09-15

#GitHub Pages

• 用 AI 做第一個小工具：英文單字卡2026-10-13
• 用 ChatGPT 部署 GitHub Pages：從建立儲存庫到網站上線2026-10-04
• GitHub Pages 怎麼免費架網站？從檔案到網址的 3 個步驟2026-10-03

#版本控制

• Git 和 GitHub 差在哪？版本控制、協作與開源一次看懂2026-10-02
• AI 把程式改壞怎麼辦？用 Git 回到「剛剛還好好的」版本2026-10-01

#前端

• API 是什麼？看懂前端、後端如何交換資料與除錯2026-09-28
• 輸入網址後發生什麼事？前端、後端、伺服器與資料庫一次看懂2026-09-25

#前端開發

• Vite 是什麼？前端專案為什麼需要開發伺服器與建置2026-10-06
• HTML、CSS、JavaScript 差在哪？前端三層架構一次搞懂2026-09-26

#網站開發

• AI 開發與資安：不是資工系的專利，從日常習慣開始2026-10-12
• 輸入網址後發生什麼事？前端、後端、伺服器與資料庫一次看懂2026-09-25

#寫作流程

• 文章格式完全示範：這個站能用的所有 Markdown 寫法2026-09-13
• 範例文章：文章格式與步驟輪播示範2026-07-20

#AI 溝通

• 提示詞怎麼寫才有效？把 AI 當工讀生的 3 個溝通方法2026-09-22
• 為什麼 AI 特別懂 Markdown？學會 8 種語法，把需求說得更清楚2026-09-21

#API

• JSON 是什麼？看懂 API 資料格式，以及它和資料庫的關係2026-09-29
• API 是什麼？看懂前端、後端如何交換資料與除錯2026-09-28

#Git

• Git 和 GitHub 差在哪？版本控制、協作與開源一次看懂2026-10-02
• AI 把程式改壞怎麼辦？用 Git 回到「剛剛還好好的」版本2026-10-01

#GitHub

• GitHub Pages 怎麼免費架網站？從檔案到網址的 3 個步驟2026-10-03
• Git 和 GitHub 差在哪？版本控制、協作與開源一次看懂2026-10-02

#Google 試算表

• Google Apps Script 是什麼？讓試算表幫你自動做事2026-10-08
• Google 試算表也能當資料庫？網站讀資料的兩種做法2026-10-07

#Markdown

• 為什麼 AI 特別懂 Markdown？學會 8 種語法，把需求說得更清楚2026-09-21
• 文章格式完全示範：這個站能用的所有 Markdown 寫法2026-09-13

#MCP

• MCP 是什麼？讓 AI 讀取資料、連接工具的關鍵2026-09-23
• 什麼是 AI Harness？AI 為什麼能讀檔、跑終端機與呼叫工具？2026-09-16

#Prompt

• 提示詞怎麼寫才有效？把 AI 當工讀生的 3 個溝通方法2026-09-22
• AI 模型、Token、上下文、Prompt 是什麼？4 個常見 AI 名詞一次搞懂2026-09-18

#R2

• Cloudflare Worker、R2、D1 是什麼？看口袋單字王怎麼分工2026-10-11
• 範例文章：本站圖片為什麼放在 R22026-07-20

#Workers

• Cloudflare Worker、R2、D1 是什麼？看口袋單字王怎麼分工2026-10-11
• Cloudflare 也能部署網頁？用 Pocketool 看懂網站怎麼上線2026-10-10

#入門

• AI Coding 是什麼？不會寫程式也能開始嗎？2026-09-14

#生成式 AI

• AI Coding 是什麼？不會寫程式也能開始嗎？2026-09-14

#自動化

• Google Apps Script 是什麼？讓試算表幫你自動做事2026-10-08

#伺服器

• 輸入網址後發生什麼事？前端、後端、伺服器與資料庫一次看懂2026-09-25

#協作

• Git 和 GitHub 差在哪？版本控制、協作與開源一次看懂2026-10-02

#前後端整合

• JSON 是什麼？看懂 API 資料格式，以及它和資料庫的關係2026-09-29

#英文學習

• 用 AI 做第一個小工具：英文單字卡2026-10-13

#執行環境

• Node.js 是什麼？為什麼有 AI 還是要安裝開發環境2026-10-05

#專案

• ChatGPT Desktop 新手必看：專案、權限、模型與推理強度怎麼選？2026-09-20

#帳號安全

• AI 開發與資安：不是資工系的專利，從日常習慣開始2026-10-12

#終端機

• 終端機是什麼？AI 為什麼靠黑色視窗操作你的電腦2026-09-30

#單字卡

• 用 AI 做第一個小工具：英文單字卡2026-10-13

#提示詞

• 提示詞怎麼寫才有效？把 AI 當工讀生的 3 個溝通方法2026-09-22

#開發伺服器

• Vite 是什麼？前端專案為什麼需要開發伺服器與建置2026-10-06

#開發環境

• Node.js 是什麼？為什麼有 AI 還是要安裝開發環境2026-10-05

#開源

• Git 和 GitHub 差在哪？版本控制、協作與開源一次看懂2026-10-02

#資安

• AI 開發與資安：不是資工系的專利，從日常習慣開始2026-10-12

#資料結構

• JSON 是什麼？看懂 API 資料格式，以及它和資料庫的關係2026-09-29

#網站建置

• Vite 是什麼？前端專案為什麼需要開發伺服器與建置2026-10-06

#網站架構

• AI Coding 一定需要後端與資料庫嗎？新手先判斷網站是哪一級2026-09-27

#網站除錯

• API 是什麼？看懂前端、後端如何交換資料與除錯2026-09-28

#網域

• 網域、DNS 與網站部署是什麼？網站上線前先搞懂這三件事2026-10-09

#靜態網站

• GitHub Pages 怎麼免費架網站？從檔案到網址的 3 個步驟2026-10-03

#權限

• ChatGPT Desktop 新手必看：專案、權限、模型與推理強度怎麼選？2026-09-20

#Agent

• 什麼是 AI Harness？AI 為什麼能讀檔、跑終端機與呼叫工具？2026-09-16

#AI 工作流程

• AI Skill 是什麼？把重複規則整理成 AI 工作手冊2026-09-24

#AI 工具

• MCP 是什麼？讓 AI 讀取資料、連接工具的關鍵2026-09-23

#AI Agent

• AI 模型、AI Chat、AI Agent 有什麼差異？2026-09-15

#AI Chat

• AI 模型、AI Chat、AI Agent 有什麼差異？2026-09-15

#AI Harness

• 什麼是 AI Harness？AI 為什麼能讀檔、跑終端機與呼叫工具？2026-09-16

#AI Skill

• AI Skill 是什麼？把重複規則整理成 AI 工作手冊2026-09-24

#API Key

• AI 開發與資安：不是資工系的專利，從日常習慣開始2026-10-12

#Astra

• Claude Code、Codex 怎麼選？我的實際使用心得2026-09-17

#BaaS

• AI Coding 一定需要後端與資料庫嗎？新手先判斷網站是哪一級2026-09-27

#Branch

• AI 把程式改壞怎麼辦？用 Git 回到「剛剛還好好的」版本2026-10-01

#ChatGPT Desktop

• ChatGPT Desktop 新手必看：專案、權限、模型與推理強度怎麼選？2026-09-20

#ChatGPT Work

• Chat、Work、Codex 怎麼選？ChatGPT Desktop 3 種模式一次看懂2026-09-19

#Claude Code

• Claude Code、Codex 怎麼選？我的實際使用心得2026-09-17

#Command Line

• 終端機是什麼？AI 為什麼靠黑色視窗操作你的電腦2026-09-30

#Commit

• AI 把程式改壞怎麼辦？用 Git 回到「剛剛還好好的」版本2026-10-01

#Context

• AI 模型、Token、上下文、Prompt 是什麼？4 個常見 AI 名詞一次搞懂2026-09-18

#CSS

• HTML、CSS、JavaScript 差在哪？前端三層架構一次搞懂2026-09-26

#D1

• Cloudflare Worker、R2、D1 是什麼？看口袋單字王怎麼分工2026-10-11

#DNS

• 網域、DNS 與網站部署是什麼？網站上線前先搞懂這三件事2026-10-09

#Google Apps Script

• Google Apps Script 是什麼？讓試算表幫你自動做事2026-10-08

#Google Sheets API

• Google 試算表也能當資料庫？網站讀資料的兩種做法2026-10-07

#HTML

• HTML、CSS、JavaScript 差在哪？前端三層架構一次搞懂2026-09-26

#HTTP

• API 是什麼？看懂前端、後端如何交換資料與除錯2026-09-28

#JSON

• JSON 是什麼？看懂 API 資料格式，以及它和資料庫的關係2026-09-29

#Model Context Protocol

• MCP 是什麼？讓 AI 讀取資料、連接工具的關鍵2026-09-23

#Node.js

• Node.js 是什麼？為什麼有 AI 還是要安裝開發環境2026-10-05

#OAuth

• Google 試算表也能當資料庫？網站讀資料的兩種做法2026-10-07

#Pocketool

• 用 AI 做第一個小工具：英文單字卡2026-10-13

#Shell

• 終端機是什麼？AI 為什麼靠黑色視窗操作你的電腦2026-09-30

#Skill

• 什麼是 AI Harness？AI 為什麼能讀檔、跑終端機與呼叫工具？2026-09-16

#SKILL.md

• AI Skill 是什麼？把重複規則整理成 AI 工作手冊2026-09-24

#Token

• AI 模型、Token、上下文、Prompt 是什麼？4 個常見 AI 名詞一次搞懂2026-09-18

#Vite

• Vite 是什麼？前端專案為什麼需要開發伺服器與建置2026-10-06

#VitePress

• 文章格式完全示範：這個站能用的所有 Markdown 寫法2026-09-13

#Wrangler

• Cloudflare Worker、R2、D1 是什麼？看口袋單字王怎麼分工2026-10-11