顯示具有 程式設計 標籤的文章。 顯示所有文章
顯示具有 程式設計 標籤的文章。 顯示所有文章

2025年8月27日 星期三

2025年8月22日 星期五

如何使用SSMS Copilot AI助理

 





.NET Magazine國際中文電子雜誌
作者:
許薰尹 | 審稿:張智凱 | 文章編號:N250827602 | 出刊日期:2025/8/20


最新版的SQL Server Management Studio 21版(以下簡稱SSMS)加入了 Copilot AI 助理,與生成式AI做整合,讓資料庫的開發與管理變得更方便、更簡單、更快、更準確。

MCP — 解鎖AI Agent的行動力 - 2



.NET Magazine國際中文電子雜誌
作者:
許薰尹 | 審稿:張智凱 | 文章編號:N250827601 | 出刊日期:2025/8/6

在本站《MCP — 解鎖 AI Agent 的行動力 - 1》一文中介紹了MCP(Model Context Protocol),它是由 AI 領先企業 Anthropic 所開發的開放標準協議,目的是讓 AI 模型(如 Claude)能夠安全地連接和操作外部工具、資料來源與服務。

文章進一步以 Claude Desktop應用程式整合Filesystem MCP伺服器為案例,示範具體操作流程。Claude Desktop是 Anthropic 推出的桌面 AI 應用程式,整合 MCP 後能直接存取本機檔案系統,支援讀取、寫入、修改、批次處理檔案,大幅提升開發者、內容創作者與專業使用者的工作效率。

學會Claude Desktop應用程式與 Filesystem MCP伺服器的整合之後,類似方法也可應用到其他支援 MCP 的工具,例如在 Visual Studio Code開發工具搭配 GitHub Copilot Agent模式,進一步拓展 AI 在自動化資料處理、內容分析、程式開發等領域的應用潛力。

本篇文章就來介紹一下如何使用Visual Studio Code、Visual Studio Enterprise 2022開發工具與GitHub Copilot Agent 模式來整合MCP伺服器擴展AI的功能。

2025年7月25日 星期五

MCP — 解鎖AI Agent的行動力 - 1


.NET Magazine國際中文電子雜誌
作者:
許薰尹 | 審稿:張智凱 | 文章編號:N250727502 | 出刊日期:2025/7/23


初次接觸AI領域,是不是覺得有點陌生呢?別擔心,我們將用最簡單的方式,帶您認識一個超級厲害的新技術:
MCP

什麼是MCP(Model Context Protocol)?

MCP(Model Context Protocol)是一項在人工智慧領域(AI)極具潛力的創新技術。它是由AI 領先企業 Anthropic開發的開放標準協議,用於讓 AI 模型(如 Claude)能安全地連接和操作外部工具、資料來源和服務。它建立了一個標準化的溝通橋樑,讓 AI 助手能夠超越純文字對話,實際與各種系統和應用程式互動。

MCP的影響力正在快速擴展。現在,越來越多主流工具也開始導入 MCP 的支援,透過整合 MCP,能更順暢地將這些資料傳遞給 AI 進行後續處理,大幅提升了工作流程的效率與精確度。MCP 定義了 AI 模型與外部資源之間的標準化介面,包括如何發現可用功能、如何安全地執行操作、如何處理權限和錯誤等。它採用 JSON-RPC 協議進行通訊,確保穩定性和互通性。

整合MCP的主要好處

整合 MCP (Model Context Protocol)的主要好處如下:

  • 突破知識截止日期限制:整合 MCP為 AI 應用帶來劃時代的變革,其最大優勢在於突破傳統 AI 的限制,實現真正主動且智能的參與工作。傳統 AI 往往只能根據既有資料被動地回應,而透過 MCP,AI 不僅能主動操作各種工具、執行任務,還能即時搜尋並存取最新的資訊來源,擺脫知識截止日期的束縛,擴展其能力邊界。
  • 實現真正的工作流程自動化:MCP 更進一步推動了端到端的工作流程自動化,讓資料的收集、分析與輸出變得一氣呵成,顯著減少人工干預,提升效率與準確性。同時,MCP 提供跨平台整合的能力,AI 可在各種工具與服務間靈活切換,打造一致且直覺的操作體驗,大幅降低使用門檻。
  • 增強團隊合作和生產力:在團隊合作層面,MCP 讓 AI 能直接與團隊使用的工具(如 Slack、GitHub、Notion 等)互動與更新資料,實現即時溝通。不再只是「回答問題的機器」,AI 搖身一變成為真正能參與任務的數位助理,提升整體生產力。
  • 支援多種 AI 模型:對開發者而言,MCP 採用標準化介面設計,只需實作一次,即可支援多種 AI 模型,大幅簡化整合流程。此外,隨著越來越多開發者與社群貢獻各式各樣的 MCP 伺服器與整合方案,整個生態系正快速地擴展中。
  • 個人化和客製化:MCP 也支援高度的個人化與彈性配置。使用者可依個人需求整合常用工具,打造專屬 AI 助理,並根據情境動態開啟或限制特定功能,使 AI 真正融入日常工作流程,成為每個人手邊最得力的數位幫手。

常用的MCP伺服器

以下根據官方的文件,列出幾個常的常用的MCP 伺服器 :

  • Filesystem MCP 伺服器:提供完整的檔案系統操作能力,包括讀取、寫入、建立目錄、搜尋檔案等。
  • Brave Search MCP 伺服器:整合 Brave 搜尋引擎,能夠搜尋網路資訊、獲取即時資料。
  • GitHub MCP 伺服器:連接 GitHub API,支援倉庫管理、程式碼審查、Issue 處理等。
  • PostgreSQL MCP 伺服器:提供 PostgreSQL 資料庫連接和查詢功能。
  • SQLite MCP 伺服器:提供 SQLite 資料庫的完整操作能力。
  • Puppeteer MCP 伺服器:控制瀏覽器,進行網頁自動化、截圖、資料抓取等操作。
  • Slack MCP 伺服器:整合 Slack 工作空間,支援發送訊息、管理頻道等。
  • Time MCP 伺服器:提供時間和日期相關功能。
  • Everything MCP 伺服器:整合 Everything 搜尋工具(Windows),提供快速的本地檔案搜尋能力。

更詳細的「Model Context Protocol servers」清單資訊可參考以下網站的說明

https://github.com/modelcontextprotocol/servers

使用Claude Desktop整合Filesystem MCP伺服器

Claude Desktop是由 Anthropic 推出的桌面應用程式,整合強大的 AI 助理Claude,可進行對話、撰寫、編輯、分析,並支援 MCP 協議擴展外部工具控制功能。

整合「Claude Desktop」與Filesystem MCP伺服器帶來幾個重要好處:

  • 直接檔案系統存取:讓 Claude 能夠直接讀取、寫入和管理您電腦上的檔案,不需要您手動複製貼上內容。這大幅提升了工作效率,特別是處理大型專案或多個檔案時。
  • 即時檔案操作:可以直接建立、修改、重新命名或移動檔案,讓 Claude 成為更實用的程式設計助手和檔案管理工具。
  • 批次處理能力:能同時處理多個檔案,進行批次重構、格式化或內容更新,這在維護大型程式庫時非常有價值。

這種整合特別適合開發者、內容創作者和需要頻繁處理檔案的專業用戶,讓Claude從純粹的對話助手進化為實際的工作夥伴。

在這篇文章中,我們將帶您一步步了解整合Claude Desktop與Filesystem MCP 伺服器的操作步驟,一旦熟悉了 Filesystem MCP 伺服器與 Claude Desktop 的整合流程,您將能夠靈活地將這種整合模式應用到其他支援 MCP 的工具上
,例如,使用Visual Studio Code與GitHub Copilot Agent來叫用MCP 伺服器。這不僅能大幅提升您的工作效率,也將為您開啟更多運用 AI 技術於自動化資料處理、內容分析等領域的可能性。

步驟1:安裝node.js應用程式

Filesystem MCP伺服器可以安裝在本機電腦,或者使用Docker運行。我們以安裝在本機電腦為例,您需要先安裝 node.js應用程式。先瀏覽至官網:「https://nodejs.org/」下載安裝檔,本文使用的版本為「node-v22.16.0-x64.msi」,下載完成後在檔案總管雙擊檔案,使用預設選項進行安裝。

步驟2:安裝Filesystem MCP伺服器

下一步安裝 Filesystem MCP伺服器,我們以使用「npm」工具程式為範例,它是 JavaScript 套件管理工具,用來安裝、管理與分享 Node.js 相依套件。只要安裝node.js就會順帶安裝「npm」工具程式。在作業系統命令提示字元輸入以下指令安裝Filesystem MCP伺服器,「-g」參數的意思是 global(全域安裝),安裝後可以在任何地方使用該套件:

npm i -g @modelcontextprotocol/server-filesystem

這個命令的執行結果請參考下圖所示:
                                               圖 1:安裝 Filesystem MCP 伺服器



步驟3:安裝Claude Desktop應用程式

啟動整個流程最重要的一步:安裝Claude Desktop應用程式、註冊Claude帳號並登入Claude Desktop應用程式。瀏覽到官方網站:「https://claude.ai/download」,下載 Claude Desktop安裝程式,在本文撰寫時,以Windows 作業系統為例,下載下來的檔名為「Claude-Setup-x64.exe」,請參考下圖所示:

圖 2:下載「Claude Desktop」安裝程式


執行「Claude-Setup-x64.exe」檔案進行安裝。安裝完成後執行Claude Desktop應用程式,在應用程式的開始畫面,按一下「Get Started」按鈕,請參考下圖所示:

圖 3:執行「Claude Desktop」應用程式


Claude有Free版訂閱方案,要測試MCP,只需要註冊成Free版(免費版)訂閱即可。下一步登入Claude, 可選擇使用既有的「Google帳號」登入或「email」登入,請參考下圖所示:

圖 4:登入「Claude」

登入之後,點選「Skip」跳過「Quick Entry」畫面,請參考下圖所示:
 
圖 5:跳過「Quick Entry」畫面





下一步就會看到Claude Desktop應用程式聊天介面,在本文撰寫的當下,可以使用「Claude Sonnet 4」模型,請參考下圖所示:

圖 6:「Claude Desktop」應用程式聊天介面





步驟4:更新Claude Desktop的設定檔

在Claude Desktop應用程式中,前往左上角的設定(Settings),在「Help」選單中點選「Enable Developer Mode」,啟用開發模式,請參考下圖所示:

圖 7:啟用開發模式

在「Enable Developer Mode」對話盒中選取「Enable」項目啟用開發模式,請參考下圖所示:

圖 8:選取「Enable」啟用開發模式

在Claude Desktop應用程式中,前往左上角的設定(Settings),在「File」選單中點選「Settings」,請參考下圖所示:

圖 9:設定(Settings)


下一步編輯組態設定檔,在「Settings」頁點選「Developer」>「Edit Config」,請參考下圖所示:

圖 10:「Edit Config」

接著會自動開啟檔案總管,並導覽到「claude_desktop_config.json」檔案所在資料夾,這個是 Claude Desktop應用程式的 MCP(Model Context Protocol)伺服器組態設定檔案。使用任何文書軟體開啟此檔案,然後加入以下設定內容:

{
  "mcpServers": {
    "filesystem": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-filesystem",
        "/Users/Admin/Desktop",
        "/Users/Admin/Downloads"
      ]
    }
  }
}


這個 JSON 檔案配置的結構和功能說明如下:

  • 「mcpServers」: MCP 伺服器定義區塊。
  • 「filesystem」:設定Filesystem MCP 伺服器。
  • 「command」:執行指令:使用 「npx」 執行「@modelcontextprotocol/server-filesystem」。
  • 「args」:執行指令參數,「-y」:自動確認安裝套件。
  • 設定允許存取路徑為登入帳號的桌面與下載資料夾,例如登入作業系統的帳號為「Admin」,則使用「/Users/Admin/Desktop」允許存取桌面;使用「/Users/Admin/Downloads」允許存取下載資料夾。


接下來很重要,完成設定之後,請重新啟動Claude Desktop應用程式。

步驟5:確認Claude Desktop應用程式是否成功連接MCP伺服器

在Claude Desktop應用程式中,前往左上角的設定(Settings),在「File」選單中點選「Settings」。

在「Settings」頁點選「Developer」,這次應該可以看到MCP 伺服器正在執行中,請參考下圖所示:

圖 11:MCP 伺服器正在執行

回到Claude Desktop應用程式聊天視窗,此時會出現 MCP 工具的圖示,將滑鼠移動到「Search and tools」按鈕上方,點擊後應該能看到 Filesystem MCP 伺服器列在工具清單中,請參考下圖所示:

圖 12:Filesystem MCP 伺服器列在工具清單中

點選上個畫面的「filesystem」MCP 伺服器項目,則會列出 Filesystem MCP 伺服器提供的工具,從這個介面可以選擇停用或啟用工具,請參考下圖所示:

                                                     圖 13:停用或啟用工具


步驟 6:實際操作試試看!

回到Claude Desktop應用程式聊天視窗,輸入參考提示如下:

你可以存取哪些資料夾?

這個提示的執行結果請參考下圖所示,您可以看到Claude Desktop應用程式利用Filesystem MCP 伺服器提供的「list_allow_directories」功能列出可存取的資料夾:

圖 14:利用「list_allow_directories」列出可存取的資料夾

下一步在Claude Desktop應用程式聊天視窗輸入參考提示如下,利用Filesystem MCP 伺服器列出檔案清單:

查一下/Users/Admin/Downloads資料夾有哪些檔案?

這個提示的執行結果請參考下圖所示:

                                         圖 15:利用Filesystem MCP 伺服器列出檔案清單



在Claude Desktop應用程式聊天視窗,輸入參考提示如下:

Desktop 資料夾建立一個MyFileList.txt文字檔,將Downloads資料夾中所有檔案名稱、檔案大小、建立時間、檔案類型製成清單寫到MyFileList.txt


這個提示的執行結果請參考下圖所示:
                                                     圖 16:建立檔案的執行結果




此外在運作的過程中,Claude Desktop應用程式會根據安全性需求跳出一些對話盒要求權限,此時可以點選「Allow always」項目接受,請參考下圖所示:

                                                                 圖 17:授權



最後附上使用Filesystem MCP伺服器建立的檔案產生的文字檔案內容,請參考下圖所示:



圖 18:使用Filesystem MCP伺服器建立的檔案內容

總結

MCP(Model Context Protocol)正在快速拓展其應用範圍,愈來愈多開發工具,例如Claude Desktop應用程式、Visual Studio Code 擴充程式(Extension)都開始支援 MCP以提升與 AI 模型整合的效率。透過 MCP,開發者能以一致且安全的方式,將上下文資訊與操作指令傳遞給 AI,進一步強化自動化流程的準確性與效能。MCP 定義了一套標準化的介面,用於管理模型與外部資源之間的互動,涵蓋功能探索、權限控制、錯誤處理等面向。通訊則採用 JSON-RPC 協定,確保跨平台的穩定性與相容性。

使用ASP.NETCore MVC設計電子商務網站 - 2


這一篇文章中,將延續《使用ASP.NETCore MVC設計電子商務網站 - 1》一文的專案情境,說明如何使用ASP.NET Core MVC這個框架,來設計一個簡易的電子商務購物網站。前一期的文章中我們建立了網站所需的「CartItem」「Product」模型 ,同時設計好控制器的程式碼,現在我們來看看檢視(View)的設計。

2025年7月7日 星期一

為什麼現在一定要學AI技術?恆逸學員現身說法:從實作中發現AI真正的價值



AI技術正以前所未有的速度席捲各行各業,企業紛紛投入生成式 AI工具的開發與部署
企業導入AI工具後,最大痛點在於缺乏會整合與導入的中堅人才
生成式AI工具正在徹底改變我們的工作模式,這不是未來趨勢,而是現在進行式。
AI就是您幫助您提升效率、展現價值的最佳工具!




2025年6月25日 星期三

【AI學習經驗分享】很實用的Azure AI課程,讓我從無到有學會如何架設一個Line客服機器人!

 






👍梁期合

“ 以前我認為AI需要深厚的程式設計能力與數學基礎,但這門課程讓我發現,透過Azure AI平台,即使是不會寫程式的人,也能夠利用預訓練模型和AI服務API來開發應用。例如,只要幾行設定,就可以讓電腦自動分析圖片、辨識人臉,甚至判斷顧客的情緒,這讓我對AI的應用有了新的體會

2025年6月24日 星期二

Angular Animation添加UI活潑的互動性



App增添一些動畫效果不只是讓畫面變得好看,它還能幫助使用者更直覺地理解您的應用程式在做什麼。透過漸變、滑動、縮放等動畫效果,使用者可以感受到操作的回饋,讓介面看起來更自然、更有互動性。這一篇文章將透過一個簡單的範例,教您如何在Angular中使用Animation API做一個可開關顯示區塊的動畫元件。

2025年5月29日 星期四

使用Vue.js與Vite設計購物網站-1

 

作者:許薰尹  

精誠資訊/恆逸教育訓練中心資深講師


這篇文章將介紹如何使用Vue.js與Vite設計一個簡易的購物網站,並整合了多個工具與插件,包括 Vue Router、Pinia、Element Plus 等,逐步說明從專案建立到功能實現的過程。 

我們將從使用 Vite 建立專案開始,說明如何安裝 Vue Router 和 Pinia 插件,並介紹基於 Vue 3 的 UI 框架Element Plus,透過它提供豐富的組件如按鈕,結合其樣式檔案,提升網站視覺效果與開發效率。在狀態管理方面,使用 Pinia 取代傳統的 Vuex,提供輕量且直觀的全域狀態管理,以管理購物車商品。 

組件UI設計部分,使用 Element Plus 的卡片元件展示商品圖片、名稱、價格。同時使用側邊欄顯示購物車商品,並透過 Element Plus 的對話視窗提升使用者的互動體驗。 

2025年5月5日 星期一

【讓GitHub Copilot更強大】GitHub Copilot擴充功能簡介-2




作者:許薰尹  精誠資訊/恆逸教育訓練中心資深講師



在《【讓GitHub Copilot更強大】GitHub Copilot擴充功能簡介-1》一文,介紹了GitHub Copilot 擴充功能,它是一個能讓 GitHub Copilot Chat 增加許多功能的工具,適合用於程式開發、查詢文件、AI輔助程式設計、資料檢索和執行特定操作等。這些擴充功能可以依據使用需求設為私有、公開並可分享,或在 GitHub Marketplace 上公開列出供大家下載。對於保護客戶資料的企業而言,可以選擇私有擴充功能來保障資訊僅在內部使用。若是小規模合作則可選擇公開並可分享的擴充功能,或將擴充功能上架至 GitHub Marketplace 以擴展影響力。


開發者可以使用 GitHub 提供的資源來自行設計 Copilot 擴充功能,其中包含程式碼範例、除錯工具、SDK 等。GitHub Codespaces 也支援在雲端設置和運行開發環境,並提供預先配置的工具如 Visual Studio Code,方便在不同設備上隨時隨地開發和協作。使用者可以建立一個簡單的 HTTP 伺服器,設定擴充功能的基本回應格式,並利用 createTextEvent 和 createDoneEvent 函數來控制回應流程。整合完成後,開發者可以進行測試,並調整連接埠的可見度設定為「Public」,確保外部應用程式可以正常訪問。


本篇文章將延續【讓GitHub Copilot更強大】GitHub Copilot擴充功能簡介-1文章的情境,介紹如何設計一個簡單的GitHub Copilot擴充功能。

2025年3月9日 星期日

【讓GitHub Copilot更強大】GitHub Copilot擴充功能簡介-1




作者:許薰尹  精誠資訊/恆逸教育訓練中心資深講師


GitHub Copilot Chat是一個超級聰明的聊天機器人,它可以幫你做很多程式開發相關的事情,而GitHub Copilot 擴充功能(GitHub Copilot Extensions)可以讓這個機器人裝上各種不同的工具,讓它變得更厲害!您可以使用 Copilot 擴充功能來擴展Copilot Chat 的能力 

2024年11月1日 星期五

2024年10月17日 星期四

使用scaffold功能設計Blazor應用程式- 2

作者:許薰尹

本篇文章將延續本站《使用scaffold功能設計Blazor應用程式 - 1》一文的情境,介紹如何使用Visual Studio 2022的Scaffolding功能建立Blazor CRUD頁面,利用工具的圖型介面進行資料移轉以及說明自動產生的程式碼用途。


使用EFC資料移轉建立資料庫


Visual Studio 2022提供一個圖型介面,不必記憶或輸入指令,就可以使用EFC資料移轉功能來建立資料庫。從「Solution Explorer」視窗 >專案名稱下方「Connected Services」項目上按滑鼠右鍵,從快捷選單選擇「Manage Connected Services」選項,請參考下圖所示:




圖 1:「Manage Connected Services」選項。

2024年10月14日 星期一

如何為AI轉型做好準備?透過微軟培訓幫你加速AI旅程


人工智慧(AI)的採用正在激增,助力各地的團隊取得更大的成就。Microsoft 近期委託的一項 IDC 研究發現,71%的公司已經在使用AI,而22%的公司計畫在未來12個月內使用AI。然而,儘管勢頭強勁,仍有52%的公司表示,相關技能人才短缺才是大規模實現AI的最大障礙。

AI廣泛用於各業務職能部門,這意味著公司需要以不同於傳統技術學習計畫的方式來對待AI技能培訓。企業必須思考如何提升其全體員工的技能 - 從領導層到IT部門再到業務用戶,以最大化其在 AI 領域的投資回報。

透過微軟培訓立即開始企業的AI轉型,幫助團隊提升技能並準備好利用Microsoft Cloud助力AI轉型的可靠資訊來源。

2024年9月30日 星期一

使用scaffold功能設計Blazor應用程式 - 1

作 者:許薰尹

出刊日期:2024/9/4

Visual Studio 2022開發工具提供的最新.NET 8 Blazor Web App樣板專案可以搭配scaffold功能,快速地產生使用 Blazor 靜態伺服器端轉譯(Blazor static server rendering),和「QuickGrid」元件來顯示資料庫中表格式資料的程式碼。

Visual Studio 2022產生的.NET 8 Blazor Web App樣板預設以Entity Framework Core為基礎來產生資料模型的基本新增、讀取、修改和刪除 (CRUD) 頁面。根據需求,你可以單獨產成每一個頁面,或一次性生成所有 CRUD 的頁面。

不過要特注意的是:使用scaffold功能產生出的CRUD頁面只適用在伺服器轉譯(server-side rendering),不適用WebAssembly。

在這篇文章中,我們將使用一步步來說明如何使用scaffold功能產生資料模型的基本新增、讀取、修改和刪除 (CRUD) 頁面。

2024年9月10日 星期二

【AI學習經驗分享】Azure AI技能養成與實踐之路:以往因為技術瓶頸卡住的難題,在AI的輔助下全都迎刃而解!

 



隨著AI新時代來臨,要加快AI轉型,需要透過有效的AI技能養成方法,才能夠幫助最大化在AI領域的投資回報。
下面的AI學習心得分享,可以幫助了解有效的AI培訓能帶來的學習成效。

2024年9月5日 星期四

使用ChatGPT API快速實作翻譯機


許嘉仁 Jerry hsu

  • 恆逸教育訓練中心-資深講師
  • 技術分類:程式設計

 




本篇文章的內容會需要使用者先註冊OpenAI帳戶,並且需要登記信用卡資訊以及儲值才能使用,相關的註冊方式可以參考網路上的影片。另外透過官網的操作介面建立並取得呼叫API所需要的API Key,這樣才能開始使用喔。

撰寫這個練習的主因是有時出國在外需要與人溝通,雖然現行的翻譯應用程式很多,但自己寫的比較自嗨,這個範例雖然使用Windows Form展示,但實際上筆者有改用Xamarin寫成app並安裝到android手機,網路穩定的狀況下速度尚可但不滿意。

2024年8月21日 星期三

【學長姐帶路】沒有IT背景,如何用4個月跨領域轉職程式設計師?




不要讓過去的學經歷,限制了你的夢想與未來
經驗、非本科系,也可以四個月成功轉職資訊業

2024.3月上課前,他們都沒有IT背景
2024.7月結業一個月內,他們都已成功轉職程式設計師
來看看微軟養成班學員的學習分享!