# 🏅 Day 19 - 🤫 偷偷問 AI：專案背後的秘密與大公司的資料庫

## 🚀 學習目標：學會問對問題，掌握資料流向與技術差異

恭喜同學們！Day 18 專案讓你成功地讓靜態網頁「動起來」。

今天，我們要請 **AI (你的虛擬小老師)** 來幫你

其實最好的工程師，不是寫最多程式碼的人，而是 **最會問問題** 的人

你必須學會給予 AI 足夠的 **背景資訊 (Context)**，讓它從一個工具，變成你最佳的得力助手

---

## 步驟一：告訴 AI 你的專案故事 (Context Setting)

請將下面這個 **完整的專案故事** 複製貼上給你的 AI 助教 (Gemini, ChatGPT, Copilot 等)。

> **🎯 專案故事與背景 (請完整複製給 AI)**
>
> **【我的專案目標】**：我用一個低程式碼工具 (Vibe 概念) 做了一個 3C 產品展示網頁。我的目標是讓網頁上的產品清單可以**自動更新**。
>
> **【我們的做法】**：
>
> 1. 我們把產品資料都寫在 **Google Sheets (像 Excel 一樣的雲端表格)** 裡。
>
> 2. 我們把這個表格發布成一個 **CSV 連結 (就是一串網址)**，作為 API。
>
> 3. 網頁在開啟時，會去讀取這個連結，把資料抓下來，然後顯示在網頁上。
>
>
> **【資料欄位】**：我在表格裡只寫了這 4 個欄位：
>
> - `name` (產品名稱)
>
> - `price` (價格，純數字)
>
> - `tag` (標籤，例如：熱銷)
>
> - `image_url` (圖片網址)
>
>
> **【AI 任務】**：請你擔任我的專案小老師，用 **國中生也聽得懂** 的方式，回答我接下來的所有問題。

> 以下提供我目前寫的程式碼、跟 Google excel 截圖
> -- 以下張貼程式碼 --

---

## 步驟二：提問與解析 (Core Prompting)

在 AI 讀完上面的專案故事後，請依序問這兩個核心問題：

### 1\. ❓ 問題 A：資料是怎麼動起來的？ (流程與邏輯)

> **「Prompt A：故事流程解析」** 請用一個 **「從倉庫出貨到店面擺貨」** 的故事來比喻，解釋資料是如何從 Google Sheet 跑到網頁上的？
>
> 1. 在這個故事裡，**「Google Sheet」** 是什麼？ **「CSV 連結」** 又扮演了什麼角色？
>
> 2. 我們的價格欄位 (例如 `36900`) 在網頁上會被顯示成 **`$36,900`**。請問這個 **「從純數字變成有有逗號和錢幣符號」** 的動作，應該發生在**哪個步驟**？（是寫在 Google Sheet 裡？還是網頁程式讀取資料時做的？）
>

### 2\. ❓ 問題 B：為什麼不直接用 Google 表格開店？ (架構與方向)

> **「Prompt B：專業與入門的差別」** 請你針對我們在 Day 18 選擇的技術（Google Sheets CSV 輸出）進行專業的分析與科普：
>
> 1. **我們的方案「好」在哪裡？** (請列出優點，例如：操作門檻、適合誰？)
>
> 2. **我們的方案「壞」在哪裡？** (如果我有 10 萬個產品，網頁會發生什麼事？)
>
> 3. 請問 **「Google Sheet」** 跟 **「大公司那種專業的資料庫 (例如 SQL)」** 到底差在哪裡？為什麼大公司不會用 Google Sheet 來開正式的網店？（請從 **「效能/速度」** 和 **「安全性」** 兩個角度說明。）
>

---

## 步驟三：🌟 額外挑戰：發揮你的好奇心！

請從以下七個不同方向中，**選擇一個** 你最感興趣的題目，設計一個專屬的 **Prompt** 來詢問 AI。你的提問應該圍繞著 **原理、架構、方向**。

| 編號 | 方向主題 | 範例 Prompt (請選一個來問) |
| --- | --- | --- |
| **1.** | **資料格式與結構** | 如果我賣的產品有「贈品清單」這種**多層次**資料。請問我們現在用的 **CSV 表格** 有辦法有效率地儲存嗎？如果不能，專業的資料庫會用什麼方式來儲存？ |
| **2.** | **資料更新速度與效能** | 當我在 Google Sheet 裡修改了價格，網頁會馬上更新嗎？如果不會，這個**更新的延遲時間**（資料同步的機制）是由誰決定的？這通常涉及哪種技術概念？ |
| **3.** | **專案安全性與風險** | 我們的 CSV 連結是公開的。請問這對於 **資料的安全性** 來說，最大的風險是什麼？如果有人惡意取得這個連結，他能對我的 Google Sheet 進行 **寫入或修改** 嗎？ |
| **4.** | **資料來源的轉換與分離** | 如果老闆要從 Google Sheet 換成另一個專業資料庫。請問我在網頁程式上需要修改 **「很多地方」** 還是 **「只有一個地方」**？這個「只改一個地方」的設計原則，在程式設計中叫作什麼？ |
| **5.** | **圖片資源的專業管理** | 我們在 Google Sheet 裡存的是圖片的 **網址**。請問在專業的網頁架構中，圖片、影片這類檔案通常會放在哪裡？它們跟 Google Sheet 這類「純文字資料」分開存放，是基於什麼原因？ |
| **6.** | **低程式碼工具的界線** | 請問如果我想根據客戶的 **瀏覽歷史**，推薦給他們不同的產品清單。這個根據用戶行為而變動的功能，是我們現在 **Google Sheet + CSV** 的架構可以達成的嗎？如果不行，這是哪一種資料庫的專長？ |
| **7.** | **價格計算與商業邏輯** | 如果我的網店有「會員打九折」的規則，請問我應該在 Google Sheet 的 `price` 欄位裡就寫上打折後的價格，還是讓網頁在讀取到原始價格後，再 **即時計算** 出九折價格？為什麼後者是比較專業的做法？ |

---

## ✅ 你的 Day 19 最終指令

1. **實踐提示工程：** 將完整專案背景提供給 AI 後，依序問 Prompt A、Prompt B，以及你自選的 **一個** 額外挑戰問題。
2. **總結與繳交**：請用你自己的話，總結你在這次與 AI 的對話中，關於 **資料流程、技術優劣、以及專業資料庫** 三個面向的 **最大收穫** 是什麼？

## 回報格式

1. **你的 CodePen / GitHub Pages 網址** (沿用 Day 18 的成果)。
2. **AI 回答總結**：請提交一段文字，說明你學到的 **最大收穫與心得**。