如何用 AI 製作股票投資組合分析網頁？

如何用 AI 製作股票投資組合分析網頁？

直接答案： 股票投資組合分析網頁可依持股、股數、買入價格與目前價格計算損益，再以圖表呈現資產配置與歷史趨勢，但真實價格需串接可靠資料來源。

股票投資組合分析網頁可依持股、股數、買入價格與目前價格計算損益，再以圖表呈現資產配置與歷史趨勢，但真實價格需串接可靠資料來源。第一版應先用虛構資料驗證欄位與計算。

本篇會完成一個可驗收的工作成果，而不是只介紹觀念。讀者將依序理解故事情境、用途、適用狀況、操作步驟、完整 Prompt、驗收方法、常見錯誤與 FAQ。

SnackFlow 遇到了什麼工作問題？

直接答案： 一位投資人把持股、股數與買入價格分散記在試算表，希望一眼看見總成本、目前市值與損益。投資人先請 AI 用虛構股票與假數字製作介面，不把成品當成投資建議。

一位投資人把持股、股數與買入價格分散記在試算表，希望一眼看見總成本、目前市值與損益。投資人先請 AI 用虛構股票與假數字製作介面，不把成品當成投資建議。

這個故事的關鍵不是「使用 AI 就會得到答案」，而是先把工作問題、資料欄位、規則與驗收條件說清楚，再讓工具協助處理可重複、可檢查的部分。

這項做法有哪些用途與效益？

直接答案： 股票 Dashboard 範例適合學習如何把試算表欄位轉成 KPI、表格與趨勢圖。效益是快速驗證資訊架構與互動需求，不必在第一版就串接即時行情。

股票 Dashboard 範例適合學習如何把試算表欄位轉成 KPI、表格與趨勢圖。效益是快速驗證資訊架構與互動需求，不必在第一版就串接即時行情。

哪些狀況適合，哪些狀況不適合？

直接答案： 適合個人學習與原型。若要依賴即時價格交易、管理他人資產或提供投資建議，必須使用合法可靠資料來源並建立更完整的安全與稽核機制。

適合個人學習與原型。若要依賴即時價格交易、管理他人資產或提供投資建議，必須使用合法可靠資料來源並建立更完整的安全與稽核機制。

若資料涉及個資、財務、法遵、交易或未公開商業資訊，先遵守組織資料政策。只需要提供資料結構時，應使用欄位名稱與三筆虛構資料，不要直接貼入敏感原始資料。

完整操作教學怎麼做？

直接答案： 完整操作從確認工具與資料結構開始，再依序設定規則、產出結果、測試例外並人工驗收。每一步都要保留可核對的輸入與輸出。

步驟 1：建立測試副本與成功條件

先複製原始檔，或建立只含欄位標題與三筆假資料的測試表。寫下「完成後應看到什麼」，例如公式回傳數字、試算表新增一列、雲端硬碟出現指定檔案，或 Dashboard 顯示可回扣的 KPI。

步驟 2：確認資料欄位與型態

逐欄核對工作表名稱、欄位標題、日期、文字、數字與唯一鍵。不要只依投影片中的欄位字母，因為實際檔案插入或刪除欄位後，位置可能不同。

步驟 3：依序完成核心工作

1. 定義股票代號、股數、買入價與目前價。
2. 計算成本、市值、損益與報酬率。
3. 用虛構資料建立第一版介面。
4. 加入資產配置與歷史趨勢圖。
5. 定義點擊股票後顯示的明細。
6. 最後才評估串接行情資料。

步驟 4：貼入完整 Prompt 並補上自己的資料位置

先把下方 Prompt 中的工作表名稱、欄位、網址、Spreadsheet ID、文件樣板、Email 或 MENU 替換成自己的測試資料。若需求涉及 Apps Script，要求輸出完整的 Code.gs 與 Index.html，不能只拿片段程式碼。

步驟 5：先小量執行，再擴大範圍

公式先用三至五筆資料測試；Apps Script 先用副本與自己的測試信箱執行；Web App 先送出一筆測試資料。確認結果正確後，再換成完整資料範圍。

步驟 6：依驗收清單核對與記錄例外

至少保留一個正常案例、一個邊界案例與一個錯誤案例。若結果不符，回頭檢查欄位名稱、資料型態、日期範圍、唯一鍵、權限與部署版本。

可直接複製的完整 Prompt

直接答案： 以下 Prompt 依投影片的六句提示法補齊目的、使用者、欄位、功能、規則與畫面或輸出。複製前必須替換自己的資料位置與測試條件。

~~~text

① 我要做什麼

我要做一個「股票投資組合分析 Dashboard」網頁，記錄買過的股票、股數、買入股價、目前價格與歷史價格，並顯示投資組合損益。

② 給誰使用

給想整理個人投資紀錄的使用者使用；這是教學原型，不構成投資建議。

③ 有哪些欄位

股票代號、公司名稱、股數、買入價格、目前價格、買入日期、歷史日期、歷史價格與幣別。

④ 要哪些功能

計算單檔與整體總成本、目前市值、未實現損益、報酬率與資產占比；用表格列出持股；點擊股票時顯示歷史趨勢；提供新增、修改與刪除示範資料的操作。

⑤ 有哪些規則

總成本＝股數×買入價格；目前市值＝股數×目前價格；損益＝目前市值－總成本；報酬率＝損益÷總成本。初版只用明確標示的虛構資料，不得捏造或聲稱是即時股價；不同幣別不可直接相加。

⑥ 畫面風格

使用 HTML、CSS、JavaScript 與 Chart.js 輸出成單一檔案；採簡潔、現代化 Dashboard，支援桌面與手機。請提供完整程式碼、欄位說明與四項人工驗算方式。

~~~

Q如何使用這份 Prompt？

1. 保留六個區塊，不要只複製第一句。
2. 把範例中的工作表、欄位字母、網址、ID、Email 與日期換成測試資料。
3. 要求先說明假設，再輸出公式或完整程式碼。
4. 執行前檢查是否會寄信、分享檔案、覆寫資料或建立公開網址。
5. 把錯誤訊息與預期結果一起回填，要求只修正受影響部分。

如何驗收結果？

直接答案： 驗收不能只確認公式沒有錯誤或程式成功執行，還要核對資料範圍、計算規則、例外案例、輸出內容與必要權限。

• 總成本等於股數乘以買入價格。
• 目前市值等於股數乘以目前價格。
• 損益與報酬率正負方向正確。
• 虛構資料有清楚標示。

建議再做三層核對：第一層用兩至三筆資料手算；第二層比較來源總筆數與輸出總筆數；第三層測試空白、重複、未對應、期間外或權限不足等例外。

常見錯誤與限制有哪些？

直接答案： 最常見問題是欄位與指標未定義清楚、直接相信產出，以及忽略資料型態、權限、部署版本與工具規模限制。

• 要求 AI 自行捏造即時股價。
• 把示範 Dashboard 當成投資建議。
• 忽略幣別、手續費、股息與拆股。

若工作涉及正式財務、法遵、薪資、交易、大量多人使用或高可用性要求，應加入正式審核、權限、測試、記錄與稽核機制，不能只依賴教學用試算表原型。

工具功能與來源依據

直接答案： 文章中的工具操作以官方文件或實際引用來源為準；產品介面、可用方案與配額可能變動，操作前應再次核對官方說明。

本篇以使用者提供的投影片、SnackFlow 虛構教學情境與一般計算原則為依據，不主張真實企業成效或外部統計數字。

常見問題 FAQ

直接答案： 以下問答處理操作、驗證與工具選擇時常見的疑問；每個答案都可脫離前文單獨閱讀與套用。

QAI 可以取得即時股票價格嗎？

是否能取得取決於工具與資料來源。不能確認來源與更新時間時，不應把 AI 提供的價格當成即時行情。

Q投資損益怎麼計算？

簡化損益為目前市值減總成本；正式計算還需考慮手續費、稅、股息、匯率與公司行動。

Q可以把 Excel 直接做成網頁嗎？

AI 可以依欄位與畫面需求產生 HTML、CSS 與 JavaScript 原型，但資料更新與多人使用仍需設計後端或資料連線。

Q為什麼先用假資料？

假資料能先驗證欄位、公式與介面，不需要暴露真實資產，也避免誤把示範數字當成行情。

Q這類 Dashboard 可以作為投資建議嗎？

不可以。Dashboard 是資料整理工具，投資判斷仍需可靠資料與個人風險評估。

參考資料

直接答案： 參考資料只列出本文實際使用的投影片與公開來源；日期無法確認時標示日期不明，不自行推測發布時間。

• 使用者提供之《Excel × AI 升級職場數據分析力》投影片，張可佳 Claire Chang，2026-08-07。

關於作者 {#author}

Claire Chang ｜ 企業 AI 導入與流程轉型顧問。專注於 AI Agent 架構設計、ERP 系統整合與企業 AI 治理。

最後更新：2026-08-25