航海日誌：從教科書到 Vibe Coding，我的統計學教學革命

日期：2026年6月8日
艦長：Balung

在過去的統計教學航道上，我們總是被困在同樣的迷霧裡：學生們手捧著厚重的統計教科書，試圖用僵硬的函數拉出一張勉強合格的圖表。那不是在學習統計，那是在與軟體搏鬥。但這一切，在我的艦隊引進 「Vibe Coding」 之後徹底改變了。

一、 啟航：遭遇統計學的「迷霧海域」

以前，要讓學生理解什麼是「常態分佈」，我們得花費無數課時講解那些複雜的機率密度函數，然後讓他們在 Excel 裡手動輸入數據。那種靜態的圖表，就像在濃霧中失去了羅盤的舵手。我意識到，統計學本該是靈動的、是關乎「洞察」的，我誓言要打造一套能讓數據「活起來」的視覺羅盤。

二、 招募船員：與 Gemini 的「人機艦隊」部署

我實踐了 「Vibe Coding」 的哲學：作為船長，我負責描繪航向與體驗，而 AI 負責執行。這是我們開發「常態分佈」工具時與 Gemini 的對話精髓：

「夥計，我要打造一個常態分佈的教學工具。我的目標是讓學生能透過滑鼠點擊圖表來互動，並用鍵盤方向鍵微調 Z-Score，同時同步跳轉百分比。整體風格要簡約、冷靜，像是一座專業的數據實驗室。你能幫我實現這個直覺嗎？」

Gemini 不負所望，它迅速識別出視覺化套件作為底層架構，並配置了簡約的視覺氛圍。這就是 Vibe Coding 的強大之處——我專注於教學的靈魂，而 AI 負責打造承載靈魂的骨架。

三、 航行挑戰：直覺與技術的完美結合

當學生現在能透過鍵盤親手「操作」常態分佈時，那種豁然開朗的眼神，就是我們開發者最大的戰利品。

• 線上航行： 常態分佈轉換器

四、 擴張航線：相關性與模擬器

Vibe Coding 的迷人之處在於其高複製性。為了深化教學，我隨即指令 Gemini 協助建立更多模組：

1. 探索變數間的關聯性 (correlation.html)

「建立一個散佈圖教室，讓我能透過自動生成或『手動點擊』來輸入資料，即時顯示線性回歸線與 Pearson r 相關係數，幫助學生直觀理解相關性。」

• 線上航行： 相關性探索教室

2. 數據的誕生 (simulate.html)

「需要一個數據模擬器，能依據設定的平均值、標準差與筆數生成常態分佈資料，並提供 CSV 匯出功能，讓學生能將數據帶入 Excel 進行後續練習。」

• 線上航行： 數據模擬器

五、 結語：下一個海域——從模組到網站的跨越

我們已經成功建立了一系列強大的互動模組，但現在我心裡浮現了一個更大的問題：有沒有可能，將這些獨立的教學工具，整合成為一個完整的教學網站，讓它成為一個真正的「統計學互動教室」？

如果我可以利用 Cursor 這樣強大的 AI 編輯器，從單一工具的編寫，進化到整個網站架構的部署，這趟航行會有多精彩？這就是我們下一次要挑戰的海域。在下一篇開發日誌中，我將為各位分享我如何利用 Cursor，將這些碎裂的模組拼湊成完整的 https://balung-dev.github.io/statistics/ 網站的故事。

統計學的未來，屬於敢於拋棄陳舊 Excel，擁抱 Vibe Coding 的航海家。我們下一篇日誌見。