JavaScript

如何用 JavaScript 把 AI 真正做成系統？ 從模型、MCP Server 到 AI Agent，掌握 AI 系統設計與實作 ● 模型實作與部署▸ 理解資料、模型與瀏覽器╱Node.js 的工程取捨 ● MCP Server 與 Tool ▸ 建立清楚的工具邊界、Schema 與錯誤處理 ● AI Agent 與 workflow ▸ 掌握狀態、停止條件與執行流程控制 ● 測試、除錯與整合 ▸ 打造可理解、可維護、可持續演進的 AI 系統 內容介紹 生成式 AI、MCP 與 AI Agent 正快速進入軟體系統，但真正要讓 AI 能力穩定運作，並不只是接上一個模型 API 就完成了。資料如何進入模型、模型應該在哪裡執行、外部能力如何包裝成工具、Agent 如何使用工具與保存狀態，以及整個流程如何被測試、除錯與維護，這些都會成為實際開發時必須面對的問題。 因此，本書以 JavaScript 作為主要實作語言，從模型執行開始，逐步進入 MCP Server、AI Agent、workflow 與 multi-agent，再延伸到完整系統的整合、測試與錯誤分析。內容不只介紹相關技術如何使用，也著重說明模型、工具、Agent、狀態與流程在系統中的角色，以及彼此之間應該如何分工與配合。 透過本書，讀者可以從單一模型流程一路理解到完整 AI 系統，並建立面對不同需求時的工程判斷能力，知道哪些工作適合交給模型，哪些能力應該包裝成工具，哪些流程需要 Agent，以及哪些責任應該保留在明確的程式與 workflow 中。 ▌ 本書將協助你 ▸ 理解 JavaScript 在 AI 系統中的角色，以及模型如何進入既有應用與流程。 ▸ 建立 MCP Server 與 MCP Tool，理解外部能力如何被整理成清楚的工具介面。 ▸ 理解 AI Agent 的工具使用、狀態、停止條件與執行控制。 ▸ 使用 workflow 與 multi-agent 拆分任務與責任，判斷何時真的需要 Agent。 ▸ 從模型、Tool、Schema 與 workflow 的執行路徑進行測試、除錯與錯誤分析。 ▸ 建立可理解、可控制、可測試、可維護並能持續演進的 AI 系統。 ● 本書範例原始碼 : https://gitlab.com/cphtofficial/ai-in-js-examples

【培養Vibe Coding程式素養】【提升與AI協作的能力】 【建構AI應用程式】【邊緣AI落地應用】 學的不只是JavaScript語法，而是以現代JavaScript把AI應用實作出來！ 全書彩色印刷、圖解詳盡、範例導向、邊做邊學，零基礎也能輕鬆上手！ JavaScript最強入門教科書－掌握現代核心語法、互動式動態網頁技術與AI應用程式實戰 ✦ 核心語法與動態網頁技術 ✦ Vibe Coding以及與AI協作開發程式 ✦ 錯誤處理以及使用AI進行除錯 ✦ 網頁儲存、非同步程式設計與網路API串接 ✦ 實作AI電腦視覺應用－人臉偵測、圖像分類、物體偵測 ✦ 使用Ollama部署本地端LLM，打造專屬的AI聊天機器人 在AI模型的推論與產品落地階段，JavaScript扮演著愈來愈重要的角色。因為它是瀏覽器的核心語言，開發者可以將訓練好的輕量化AI模型部署到瀏覽器，由使用者的裝置進行推論，而不必將資料上傳到雲端伺服器。不僅保障了資安，亦避免了延遲，而這種運作方式就是所謂的「邊緣AI」(Edge AI)。 【核心語法篇】 第1章：介紹JavaScript的用途與AI應用程式、開發環境與編輯工具 (以VS Code為主)、Vibe Coding以及與AI協作開發程式。 第2 ～ 6章：介紹JavaScript的核心語法、錯誤處理以及使用AI進行除錯，例如解讀錯誤訊息、解決語法或邏輯錯誤、提供防禦性寫法等。 【動態網頁篇】 第7 ～ 9章：介紹DOM (Document Object Model，文件物件模型)、事件處理與BOM (Browser Object Model，瀏覽器物件模型)，掌握開發現代互動式動態網頁所需要的技術。 第10章：介紹網頁儲存 (Web Storage)，第13章所開發的AI聊天機器人就是利用此技術，讓私人特助具有上下文記憶功能。 第11章：介紹非同步程式設計與網路API串接，除了有Callback、Promise、async / await、Fetch API等技術，還示範如何從「氣象資料開放平台」抓取今明36小時天氣預報資料。 【AI應用程式篇】 第12章：使用JavaScript結合Google MediaPipe，在瀏覽器中實作AI電腦視覺應用，例如人臉偵測、圖像分類、物體偵測等。 第13章：使用Ollama部署本地端LLM (

JavaScript是王者，但非獨尊 以更多元、更有效率的方式打造互動式網頁 瞭解網頁設計的每個環節，並可熟悉多種程式語言 【內容簡介】 ✪學習多種程式語言：瞭解C、C++、Python與JavaScript程式語言 ✪打造現代網頁開發：充分發揮各語言特性，更有效率開發網頁 本書先從4種程式語言C、C++、Python、JavaScript的基本語法著手，深入到網頁撰寫、連接資料庫、建立網頁伺服器的每個環節，涵蓋HTML、JavaScript與CSS以及MongoDB資料庫相關內容。運用PyScript讓Python程式可以在瀏覽器上執行，Python與網頁的結合，充分發揮資料分析的長處。Emscripten編譯C、C++程式成JavaScript程式，再應用至網頁，讓成熟的C、C++程式成為永續的資源。 | 基礎篇（第1∼7章） | ✪配置撰寫程式的環境，使用Visual Studio Code編輯工具，安裝語言編譯器。 ✪基本程式語法，由變數、運算子、條件判斷到迴圈。 ✪模組化函式讓程式更簡潔、容易維護，以及資料存取操作。 | 進階篇（第8∼12章） | ✪應用CMake，讓C、C++編譯作業有效率。 ✪地圖、字典讓資料處理得心應手。 ✪類別、物件是現代程式語言必備的元素。 ✪時間函式庫、模組，在程式裡烙下時間的印記。 ✪從HTML標籤、CSS風格到JavaScript，建立完整的網頁。 | 應用篇（第13∼15章） | ✪運用Express模組建立網頁伺服器，連結MongoDB資料庫進行資料管理。 ✪運用PyScript讓瀏覽器執行Python程式，引用台灣與新加坡政府資料平台提供的資料，分析後以圖表呈現。 ✪應用Emscripten將C、C++程式轉為JavaScript程式，提供網頁使用。 【目標讀者】 ✪大專院校「計算機程式設計」、「網際網路程式設計」、「專題製作」等課程。 ✪高中、高職「資訊科技」、「網頁設計與製作」、「多媒體設計」、「資訊專題製作」等課程。 ✪各級學校開辦短期密集「程式設計」課程。 ✪對各種程式設計語言有興趣者。

從入門到精通，完整理解核心知識 掌握C#與JavaScript的實戰應用，提升實務能力 【專業推薦】 相信本書不論對初學者或進修者，都能提供很完整的學習指南。若是學生，可以將自己的創意與編程做結合，對於完成學習歷程及專題製作，也能有很大的助益。 ─ 林格立，頭城家商資處科教師 本書不僅適合對程式設計感興趣的初學者，也適合那些希望深入理解電腦科學底層原理，或想提升自身程式邏輯能力的開發者。它不僅傳授知識，更傳遞一種對學問的敬畏與探索精神。 ─ 顏旭男 【內容簡介】 本書是專為程式語言新手及追求進階的工程師所寫的實戰指南，內容介紹了程式語言入門需要學習的變數、陣列、方法等，然後使用C#或JavaScript製作遊戲機模擬器，用現代的程式語言模擬遊戲主機的控制器到畫面渲染，以及中央處理器的指令集執行。本書帶你學習程式語言的撰寫，並掌握程式運作與中央處理器、暫存器底層的合作邏輯。 【本書特色】 ✪提供程式語言的基礎教學與變數、陣列、函式、方法等。 ✪介紹2進制與16進制、位元運算的應用，增進程式運作的效率。 ✪說明中央處理器的運作邏輯以及暫存器之間的關係。 ✪實作遊戲主機模擬器的講解與範例。 ✪實作遊戲機模擬器的控制器實現以及遊戲畫面顯示。 【目標讀者】 ✪希望有入門程式語言的教學與實作應用的學生。 ✪希望能進階應用程式語言、製作出特殊作品的工程師。 ✪希望透過實際範例，理解到程式語言與電腦底層的邏輯關係，進而提升程式效率。 ✪想要製作出一款屬於自己的遊戲機模擬器的工程師。 本書是專為程式語言新手及追求進階的工程師所寫的實戰指南，內容介紹了程式語言入門需要學習的變數、陣列、方法等，然後使用C#或JavaScript製作遊戲機模擬器，用現代的程式語言模擬遊戲主機的控制器到畫面渲染，以及中央處理器的指令集執行。本書帶你學習程式語言的撰寫，並掌握程式運作與中央處理器、暫存器底層的合作邏輯。