有沒有想過，你的網站可以自己更新最新消息，不用每天手動貼公告？ 這集示範如何用 Python 寫出一個能「自動抓資料」的 爬蟲 API，再搭配 React 前端，即時顯示最新的新聞資訊。 除了做最新消息，其實這種「爬蟲功能」的應用非常廣，可以拿來同步外部公告、股市資訊、監控特定網站更新、甚至是自動蒐集價格或天氣資訊，再提供給自己的系統使用。 00:00

在這支影片裡，我會一步一步帶大家完成一個實際的 AI 應用: 車流量辨識功能。 想像一下，如果我們能從攝影機的即時影像中自動數出目前有多少台車，並且在畫面上幫我們把每一台車標註出來，那麼就能用來做交通流量分析，甚至是智慧交通管理。 後端部分使用 Python 搭配 FastAPI，建立一個可以即時處理影像的 API，這個 API 會先從指定的即時影像 URL 擷取一張畫面，然後利用 YOLOv8 模型進行物件偵測，將畫面中的車輛辨識出來，

在這支影片中，我們帶你實作一個 AI 系統摘要分析模組，示範如何透過 OpenRouter 將 AI 功能快速整合到現有系統之中。 過去我們的系統只能顯示設備狀態與數據，現在藉由 OpenRouter 的 API，我們可以把這些資料即時送到 xAI Grok-4 AI 模型 進行分析，再將產生的摘要以簡單易懂的方式回傳並顯示在前端。 OpenRouter 的好處在於它提供了一個統一的介面，開發者不需要為不同的 AI

這支影片用最貼近實戰的方式，帶你從零打造「事件管理模組」。 我們先在後端用 FastAPI 做出三支核心介面： ➡️ POST /events 新增事件 ➡️ GET /events 讀取每台設備的最新事件 ➡️ WS /events/ws 進行即時推播。 前端則用 React 建立全域訂閱（Context），頁面載入先抓一次快照、之後靠 WebSocket 接收增量更新，側邊選單的「

在這支影片中我們示範如何在 React 專案中擴充 Sidebar 功能，讓登入帳號不只是顯示在側邊欄，而是可以點擊後跳出 Bootstrap Modal，直接修改使用者的個人資訊，包含帳號、姓名、Email 與密碼欄位。 並透過後端 API 完成更新，達到更直覺的操作體驗，這個方式也可以延伸應用到其他需要在前端快速編輯的場景，是實戰專案中非常常見的需求。