顯示具有 Visual SVisual Studio Codetudio 2022 標籤的文章。 顯示所有文章
顯示具有 Visual SVisual Studio Codetudio 2022 標籤的文章。 顯示所有文章

2026年4月29日 星期三

Blazor 10新功能介紹 - 3

 


在 .NET 10 的 Blazor中,安全性與前端互動能力都有重要提升。其中Passkey(通行密碼)支援讓 ASP.NET Core Identity 能直接實作無密碼登入,使用者可透過指紋、臉部辨識或硬體安全金鑰進行驗證,大幅提升安全性並降低密碼管理負擔。此外,Blazor 的 JavaScript Interop也導入更完整的物件語意,開發者可以直接呼叫 JavaScript 建構函式建立物件,並從 C# 讀寫 JavaScript 物件屬性。這些改進讓 Blazor 在身分驗證與前端整合方面更加現代化,也使開發流程更簡潔與安全。

本文將延續Blazor 10新功能介紹 - 1》、Blazor 10新功能介紹 - 2》一文的情境,介紹這些Blazor新功能。

Blazor 10新功能介紹 - 2

 

在 .NET 10版本中,Blazor 在應用程式操作體驗與系統可觀察性方面都有明顯提升。其中包含更完善的 404 錯誤處理機制、可客製化的「ReconnectModal」重新連線UI,以及整合 .NET Aspire 指標(Metrics)的可觀察性能力。透過「NavigationManager.NotFound」方法,Blazor 能依不同渲染模式自動處理 404 回應,減少樣板程式碼並提供一致的行為。同時,新的「ReconnectModal」元件讓開發者可以完全客製化伺服器斷線時的使用者介面。此外,搭配 .NET Aspire 的儀表板,開發者能即時觀察應用程式的頁面導覽、UI 事件與連線狀態等指標,使 Blazor 應用程式更容易監控與維護。

本文將延續《Blazor 10新功能介紹 - 1》一文的情境,介紹Blazor 10這些新功能。

Blazor 10新功能介紹 - 1

 


.NET 10版中的Blazor是微軟網頁UI 框架又一次重大的飛躍。在這一系列的文章中,我們將探索.NET 10版本中Blazor一些重要的新功能,這篇文章我們將介紹效能的提升、持久狀態管理(persistent state management)、增強的WebAssembly 的熱重載(Hot Reload)功能、表單驗證原始碼產生器(Form Validation Source Generator)這些新特性。

2026年3月31日 星期二

GitHub Copilot Agent簡介

 


本篇文章介紹如何在Visual Studio Code開發工具中使用 GitHub Copilot 代理程式(Agents)來加速並自動化開發流程。
我們將實作一個記錄血壓資料的網頁應用程式,並在不同情境下善用幾種主要類型的代理程式:本地代理(Local Agent)用於和開發者即時互動與快速生成程式碼、計劃代理(plan agent)用來在動手寫程式前協助您建立清楚、結構化的開發計劃、背景代理(Background Agent)用於無需即時回饋的後台任務,以及雲端代理(Cloud Agent)用於遠端協作、建立分支與拉取請求的任務,讓開發者能更有效率地整合AI助手到日常編碼工作中。

2026年2月26日 星期四

C# 14與.NET10新功能 - 1

 


這一系列《C# 14.NET10新功能》文章將介紹 .NET 10 C# 14版的重點新功能,並說明它們如何為未來的應用程式提供更好的效能與安全性保障,例如支援後量子密碼學(Post-Quantum Cryptography)以應對新興的威脅,幫助您快速掌握這些強大的新工具,並將它們應用到專案中。

2026年1月30日 星期五

認識SQL Server Management Studio(SSMS管理工具)中的GitHub Copilot

 

對於剛接觸資料庫的使用者而言,撰寫 Transact-SQL(T-SQL)查詢或處理資料庫相關問題,往往需要同時查閱文件、找尋範例與檢視錯誤訊息,這個學習曲線相對地陡峭。為了降低這樣的學習門檻,微軟將 GitHub Copilot直接整合到 SQL Server Management Studio(SSMS,需22以上版本)管理工具當中,目前是預覽版

本文將介紹SSMS管理工具中的 GitHub Copilot,包括其提供的功能定位、安裝方式、實際使用方法,以及在使用時應留意的限制與注意事項。

2025年12月30日 星期二

使用GitHub Copilot協助撰寫Blazor Server應用程式 - 2

 


本文將延續本站文章《使用GitHub Copilot協助撰寫Blazor Server應用程式 - 1》一文的情境,介紹如何在Visual Studio Code開發工具使用GitHub Copilot與其進階功能代理模式(Agent Mode) 來開發 ASP.NET Core Blazor Server 專案,讓開發者能以自然語言與 AI 對話,從專案建立、元件設計、Web API 撰寫到單元測試與除錯,全程自動化完成,展現出生成式 AI輔助設計的強大潛力與高效率。

2025年12月28日 星期日

使用GitHub Copilot協助撰寫Blazor Server應用程式 - 1

 


在人工智慧快速發展的時代,程式開發的方式正悄然改變。過去,程式開發人員需要花費大量時間從零開始建立專案結構、撰寫樣板程式碼與設定開發環境,如今,生成式AI 輔助工具的出現,正大幅改變這種傳統冗長的開發流程。

2025年11月27日 星期四

GitHub Copilot程式代理人初體驗 - 2


本文將延續《GitHub Copilot程式代理人初體驗 - 1》一文的情境,介紹如何在與GitHub Copilot 程式代理人(GitHub Copilot coding agent)合作開發,將任務交與代理人自動處理。

GitHub Copilot 程式代理人會自動分析存放庫、開發與測試、然後建立提取請求(Pull Request)。我們需扮演人工審查的角色,來確認GitHub Copilot 程式代理人工作的結果是否符合預期。

GitHub Copilot程式代理人初體驗 - 1

GitHub Copilot有一個程式代理人(GitHub Copilot coding agent),這個代理人就像一個會自己動手做事的「AI 程式設計師」。

它實際上是一個在背景中獨立運作的程式,可以幫你完成一些程式開發工作。你可以把一個 GitHub 議題(GitHub Issue)指派給 GitHub Copilot程式代理人,或者透過聊天(Chat)視窗把議題交給它。然後它就會自己在一個獨立的環境裡運作,幫你寫程式、設計新功能、修復程式臭蟲(bug)、或修改存放庫(repository)中的程式碼。它不需要你一直盯著,而是會自動去完成你交給它的工作。

2025年11月10日 星期一

在Visual Studio 2022使用提示檔協助開發-3


本文是本站《在Visual Studio 2022使用提示檔協助開發》系列文章的第三篇,介紹如何在Visual Studio 2022開發工具中,使用指示檔(instruction file)與提示檔案(Prompt files)跟Github Copilot溝通的互動步驟。

延續本站《在Visual Studio 2022使用提示檔協助開發》系列文章的第一篇第二篇建立的專案、指示檔(instruction file)與提示檔案(Prompt files)互動步過程如下:

在Visual Studio 2022使用提示檔協助開發-2

本文是《在Visual Studio 2022使用提示檔協助開發》系列文章的第二篇,介紹如何在Visual Studio 2022開發工具中,使用指示檔(instruction file)與提示檔案(Prompt files)來跟Github Copilot溝通以協助撰寫網站程式。

延續《在Visual Studio 2022使用提示檔協助開發》系列文章的第一篇建立的專案來撰寫指示檔(instruction file)與提示檔案(Prompt files)。

2025年11月9日 星期日

在Visual Studio 2022使用提示檔協助開發-1

在當前軟體開發的浪潮中,生成式人工智慧(Generative AI)正逐漸成為程式開發者不可或缺的輔助工具。隨著 Visual Studio 2022 開發工具對 AI 整合支援度的提升,程式開發者能夠透過提示檔(prompt file)與指示檔(instruction file)的搭配,將生成式AI有效導入專案開發流程之中,將帶來前所未有的便利與效率。這樣的做法不僅能協助開發者加速程式碼撰寫、優化既有功能,更能提升專案的可維護性與一致性,進而大幅縮短開發週期。要理解這些優點,首先需要先釐清何謂提示檔(prompt file)與指示檔(instruction file),並了解它們在實務上的角色與價值。

2024年11月1日 星期五

2024年5月10日 星期五

在Blazor使用Fluent UI元件-3

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



在本站《在Blazor使用Fluent UI元件 - 1》與《在Blazor使用Fluent UI元件 - 2》一文介紹如何在現有的Blazor專案中,手動加入Fluent UI元件的功能。在這一篇文章中,我們將介紹延續這系列文章的情境,介紹Fluent UI套件中「FluentDataGrid」元件的功能。

在Blazor使用Fluent UI元件-2

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


Fluent UI 是 Microsoft 提供的一套 UI 框架,提供了許多預先設計好的元件,如按鈕、輸入方塊、下拉式選單等,讓開發者不需從無到有,可以快速地建立出具有一致性、豐富又美觀的使用者介面。

在本站《在Blazor使用Fluent UI元件 - 1》一文中介紹如何使用Fluent UI Blazor官方提供的專案範本來建立應用程式。在這一篇文章中,我們將介紹如何在現有的Blazor專案中,手動加入Fluent UI元件的功能。

建立Blazor專案


首先使用Visual Studio 2022開發工具建立一個Blazor專案開始,建立步驟如下:啟動Visual Studio 2022開發環境,從「開始」視窗選取「Create a new project」選項。從Visual Studio 2022開發工具的「Create a new project」對話盒中,選取 使用C# 語法的「Blazor Web App 」項目,然後按一下「Next」按鈕,請參考下圖所示:




圖 1:使用「Blazor Web App 」項目建立專案。

2024年4月22日 星期一

在Blazor使用Fluent UI元件 - 1

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


Fluent UI Blazor 是一個由微軟開發的開源元件庫,可以讓程式開發人員在 Blazor 應用程式中使用 Fluent UI 來設計系統。Fluent UI 是一種設計套件,可幫助開發人員建立美觀、一致且易於使用的使用者介面。

 
Fluent UI Blazor 元件庫目前包含了超過 40 幾個元件,涵蓋了應用程式或網站中常見的使用者介面元素,例如按鈕、文字方塊、下拉式選單、表格、圖表等等。這些元件經過精心設計,可與 Fluent UI 設計系統的其餘部分無縫整合。

 
Fluent UI Blazor 元件庫的主要功能包括:
• 豐富的元件庫:包含超過 40 幾個常用元件,可滿足各種使用者介面需求。
• 易於使用:元件採用簡單易懂的 API,可快速上手,學習曲線短。
• 允許客製化:元件可根據需要進行客製化,以符合特定的設計的要求。
• 無障礙性:元件遵循無障礙性最佳做法,可供所有人使用。

 
Fluent UI Blazor 元件庫適用於以下場景:
• 建立新的 Blazor 應用程式。
• 將 Fluent UI 設計系統到用到現有的 Blazor 應用程式之中。
• 加速 Blazor 應用程式的使用者介面設計動作。

 
使用 Fluent UI Blazor 元件庫的優點包括:
• 可提高開發效率:使用現成的元件可節省開發時間和精力。
• 提升使用者體驗:Fluent UI 設計系統可幫助建立美觀、一致且易於使用的使用者介面。
• 降低維護成本:元件經過良好測試和維護,可降低應用程式的維護成本。

在這一篇文章中,我們將介紹一些適用於.NET 8,可在Blazor應用程式使用的Fluent UI元件基本功能。

安裝 Microsoft.FluentUI.AspNetCore.Templates套件
想要在Blazor應用程式之中開始使用 Fluent UI Blazor 元件進行設計的最簡單方法,就是利用官方提供的專案範本。專案範本可從以下網址下載:

https://www.nuget.org/packages/Microsoft.FluentUI.AspNetCore.Templates 

請參考下圖所示: