內部教育訓練文件
AI 輔助網站開發
AI 輔助網站開發
標準作業流程操作手冊
從構想發想、規格制定、程式開發到上線部署 — GPT + Claude + GitHub + Cloudflare + Cloudinary + Firebase 整合流程。點擊任一步驟即可展開詳細操作說明。
01前言
本手冊整理了目前團隊使用 AI 工具(GPT、Claude)搭配雲端服務(GitHub、Cloudflare、Cloudinary、Firebase)開發網站與網頁工具的標準流程。同仁可依照本手冊的步驟,從零開始建置屬於自己需求的網頁功能工具,不需要具備完整的程式開發背景。
整體流程共分為七大步驟,涵蓋「構想討論 → 規格制定 → 程式開發 → 上線部署 → 圖片優化 → 資料庫串接 → 後續維護」,每個步驟都會說明操作方式、詳細點擊步驟與常見問題。
使用本手冊前,建議先準備好以下帳號
ChatGPT(GPT)帳號
Claude 帳號(claude.ai)
GitHub 帳號
Cloudflare 帳號
Cloudinary 帳號(如有圖片需求)
Firebase 帳號(如有資料儲存需求)
02流程總覽
資訊會依序流動:構想 → 規格書 → 程式碼 → 部署上線,中間視需求分流至圖片處理與資料庫服務。點擊下方任一步驟可直接跳到詳細說明。
| 步驟 | 內容 |
|---|
03詳細操作步驟
每個步驟皆可點擊展開,包含「操作方式」概念摘要與「詳細操作步驟」滑鼠點擊順序,新手可直接照著點擊路徑操作。
04常見問題(FAQ)
05附錄:檢查清單
建置新工具前,可依序確認以下項目: