AI 工具互動與專案製作實錄

一、 專案概述

本次專案目標是利用 Python Flask 開發網頁版猜數字遊戲。透過與 AI 的協作，我將原本基礎的遊戲邏輯，升級為具有強烈視覺風格的「駭客入侵」主題介面，並解決了隨機數生成的邊界邏輯漏洞。

二、 開發歷程與 AI 互動截圖

【步驟 1】使用 Gemini 進行專案架構規劃與環境設定建議。

【步驟 2】在 VS Code 終端機安裝 Flask 並建立專案目錄。

【步驟 3】初步撰寫 app.py 邏輯，實作 session 狀態儲存。

【步驟 4】初版網頁運行測試，成功顯示基本的密碼判斷。

【步驟 5】利用 Cursor AI 修正「邊界數值問題」與強化防呆機制。

【步驟 6】完成 Matrix Style 駭客風格介面與 Canvas 動畫。

三、 個人心得與技術看法

這是我第一次深度嘗試使用 AI (Gemini & Cursor) 作為「副駕駛」來完成專案。以下是我的三點核心看法：

總結來說，陳田霖 認為未來的工程師必須學會如何與 AI 協作，將精力花在「創造力」與「系統架構」上，而非死記硬背語法。

四、 互動區域：模擬開發終端

點擊按鈕來模擬當時與 AI 協作的關鍵修復：