#Dev 所有符合的文章
ASP.NET MVC Import Export XLSX Using ClosedXML
筆記 ASP.NET 透過 ClosedXML 匯入與匯出 Excel 檔案的資料處理方式。
ASP.NET Core Razor Pages View Components
筆記 ASP.NET Core 開發 Razor Pages 使用 View Components 的方法以及與 Partial Views 的差異。
ASP.NET Core Exception Handle & RFC 7807 Problem Details for HTTP APIs
筆記 ASP.NET Core Exception Hadnel 與 RFC 7807 Problem Details for HTTP APIs 在
ASP.NET Core Minimal API 實戰 DevOps 部署 IIS Server
實作將 ASP.NET Core Minimal API 部署到 IIS Server 的 DevOps 流程與設定細節。
Convert Docx To Pdf With Soffice & Office.Interop (指令化方式將 word docx 轉換為 pdf)
筆記如何透過 `Libreoffice` 以及 `Office.Interop` 來將 word docx 轉換為 pdf 的 command line interface 操作方式。
ASP.NET Core 單兵戰鬥教練
筆記 ASP.NET Core 開發的「基本教練」,橫跨 ASP.NET Core MVC, Razor Pages, Web API 以及 Blazor 共通使用以及經常使用的操作 🐫
ASP.NET Core Dependency Injection With Factory Pattern
筆記如何結合 Factory Pattern 搭配 Dependency Injection,讓服務的注入使用更富有選擇彈性。
實戰使用 GitHub Copilot 提升超過五成的開發速度 🤯
實戰訂閱 GitHub Copilit,搭配 Visual Studio Code 以及 Visual Studio,使用 GitHub Copilot Chat 以及 Completion 來簡化開發流程重複性質的操作,並且在開發卡觀的時候不用離開 IDE 與 Editor 就能夠得到問題解決,並且能夠自動生成註解與單元測試,讓軟體的品質進一步提升。
Generative AI With LM Studio & Ollama
介紹如何使用 LM Studio 以及 Ollama 在個人電腦上運行 LLM,藉由 AI Chat, Playground 以及 API Server 來自助式打造 AI 應用。 同時也介紹 Groq 在雲端上部署 LLM 結合 API 來使用。
ASP.NET Newtonsoft.Json JObject.Parse And JsonConverter.DeserializeObject
比較 C# 使用 處理 JSON 資料時 與 兩種方法的主要差異。
Python AES Encrypt With Fernet
筆記如何使用 Python Fernet 對稱式進行資料加解密,以及搭配 PBKDF2HMAC 的方式,使用密碼加密 Fernet 的金鑰。
使用 Gemini API 設計 Generative AI Application
筆記如何使用 Google Gemini API 來打造生成式 AI 的應用 (Generative AI Application) 😎
C# Python Bilingual - Data-Structures
經常左手寫 C# 右手寫 Python,當你經常使用C#和Python這兩種編程語言時,你可能會發現它們在處理數據結構方面有著不同的特點和優勢。C# 具有強大 的LINQ Query,而 Python 以其靈活的資料結構而聞名。我將比較 Python 和 C# 在資料結構的相似之處,讓切換書寫的過程更為順暢 😀
Blazor 元件之間的參數傳遞與事件處理 (Components Parameters And EventCallBack)
筆記如何處理 Blazor 父子元件之間參數傳遞與事件處理,讓演算法行為可以封裝在子元件當中達成重複使用的效益 😎
Python Object Oriented Programming (OOP) Note
筆記如何使用 Python 進行物件導向開發與設計常見的語法 `property`, `setter`, `__str__`, `__init__`, `__iter__`。
Visual Studio License Key Management
筆記如何從 `regedit` 檢視與管理 Visual Studio 使用的 License Key。
Dependency Injection 觀摩筆記 (DI & IOC)
觀摩 `Blazored/LocalStorage` 關於 Interface 設計與 Dependency Injection 的使用方式,從真實案例學習使用 Dependency Injection 🙂
初探 Blazor WebAssembly (WASM)
筆記使用 Blazor WebAssembly 開發的初體驗,想要寫一個純粹前端的簡易應用,但這次不是選擇 Vue.js 或者是 jQuery,而是直接把後端的 C# 拿來前端寫 😆 最後結合 GitHub Action 的另一個初體驗,達成 Commit 自動部署在 gh-pages 分支的功效,完成 Commit 即部署的便利 😎
Python Load CSV Files As Namedtuple
筆記如何使用 Python 讀取 csv 的時候轉換為 Models Namedtuple 方便使用 intellisense 以及模組化的管理資料型別。
Frontend Developer Roadmap
To become an Frontend Developer in 2024, what should you learn?
Generative AI Prompt Engineering & Prompt Tips
筆記實際務生成式 AI 協助的地方與生成式 AI 工具的彙整。 In this section, explain the purpose of the blog post. Mention how generative AI is revolutionizing various fields and its growing importance in software development. Briefly introduce the types of generative AI tools you will discuss.
Python Venv
在 Python 開發中,有效管理元件依賴關係是至關重要的。Python 的 venv 提供了一個簡單且有效的解決方案,用於創建隔離的虛擬環境 (venv)。本文將逐步介紹如何使用 venv,使你的 Python 開發既高效又有條不紊 😎
Python Auto Get Image For Keywords (Website Screenshot)
筆記使用 Python 搭配 Selenium 批次取得關鍵字在 Google Images 的圖片,提供單字學習使用。
Python Play Encoding (Unicode, UTF8, unicodedata)
玩轉 Python Encoding,深入淺出驗證 Encoding 轉換,包含 UTF-8、Big5 等常見編碼。
Coding ASP.NET Core Fluently with VSCode
複習筆記,每當需要大量使用 VSCode 進行專案練習或者開發時,複習如何減少滑鼠操作,儘量透過鍵盤完成所有的程式碼編輯工作。
Microservices Related Services
綜整微服務相關服務 (Database, Redis, NoSQL, RabbitMQ),常見的搭配管理工具以及使用的埠號。
Image Creator From Microsoft Bing (Prompt)
筆記使用 Microsoft Bing Image Creator Prompt 的相關資訊。
Python Library Path Troubleshooting
筆記安裝 Python 後,又使用了 **Visual Studio Installer** 來安裝 Python Dev 工具,導致函式庫無法正確匯入(import)的問題產生的處理方式。
Web應用程式安全參考指引筆記 (Web Application Security Guide)
筆記國家資通安全研究院「106年Web應用程式安全參考指引(修訂)v2.1_1101231」關於 ASP.NET 的資安開發指引,並加上開發實務上的心得與經驗。
Conversation About ASP.NET Core Blazor
藉由工程師之間的對話,初探 ASP.NET Core Blazor 的特色、學習方式與其他前端框架例如 Vue.js 的比較以及該如何改寫既有專案。
每個 Developer 都要知道的 Http Protocol
作為開發人員,你可能已經聽過 HTTP 協議,它是支撐網絡傳輸的核心協議之一。HTTP 是一個標準的客戶端/伺服器協議,用於在網絡上傳輸資料,也是現代應用程式和網站開發中的關鍵部分。本文將探討 HTTP 協議的基礎知識,以及為什麼每個開發人員都應該了解 HTTP 協議。
C# Extension Methods
C# Extension Methods (擴充方法) 是一種極具彈性和可擴展性的技術,它可以為現有的 Type 添加新的方法,而不需要修改原本的 Type 所在的 Class。
再探 Clean Code
筆記關於 Scott Allen 在 C# Programming Paradigms | pluralsight 所說明的 Crafting C# Code 的十個 Rules,讓 C# / ASP.NET 以及 .NET Framework 開發人員寫出更高品質的程式碼。
C# Delegate, Func, Action & Lambda
筆記 C# 從 Delegate 到 Func & Action 的出現,到最後的 Lambda 對於語法使用上帶來什麼樣的差異。
SQL Server Relationship With Entity Framework - Contoso University
筆記 SQL Server Relationship 以及 Entity Framework 物件的對應關係,以 Contoso University 為討論案例。
SQL Server Relationship With Entity Framework In Depth
筆記 SQL Server Relationship 以及 Entity Framework 物件的對應關係,深入各種可能的關係篇。
使用 Roslynator 讓 Visual Studio Smarter
說明如何藉由安裝 Visual Studio Roslynator Plugins,讓程式碼的分析、重構與修正變得更為輕鬆。
ASP.NET 藉由調整連線字串切換 Windows 驗證與 SQL Login 驗證
筆記如何切換 Web.config 的 ConnectionString 達到選擇使用 Windows 驗證 (Intergrated Security) 與 SQL Login 驗證的調整方式。
SQL Server Relationship With Entity Framework
筆記 SQL Server Relationship 以及 Entity Framework 物件的對應關係。
ASP.NET MVC 使用 Entity Framework Code First
筆記如何使用 Entity Framework 在 ASP.NET MVC 專案下使用 Code First 進行開發。
從資料表產生 C# 類別 (Generate C# POCO Class From SQL Server Table)
筆記如何從資料表產生類別 Class,讓使用 ADO.NET 或者是 Dapper 等資料存取方式,不用再手動對照資料表格逐筆 🙂
Python Flask Header & Payload Reflection
使用 Python Flask 設計反射 Reuqest 來源的 Self-Hosted Server 方便進行 API 介接上的測試 😀
VSCode Python Module Could Not Be Resolved
說明使用 Visual Studio Code 引用 Python Module 發生無法 Resolved 的處理方式。
ASP.NET Core Database First With Razor Pages
筆記 ASP.NET Core Razor Pages 專案如何使用 Database First 的方式進行開發。
ASP.NET Core Program.cs 設定實務
.NET 6 將以往 .NET 專案中存在的 以及 進行整合,只留下 ,本文將筆記在 .NET 6 使用各種服務以及環境設定所需要於 的設定。
ASP.NET Core Constructor Depedency Injection (DI)
筆記在 ASP.NET Core 經常使用的預設 DI Container 以及從撰寫 Interface 到使用 Class 的流程。
SQL Server Schema Comparision (Compare SQL Server Schema With Visual Studio SSDT)
說明如何使用 Visual Studio SSDT,來比較 SQL Server 不同資料庫的資料表 Schema,從而將開發環境的資料庫異動更新到正式環境的資料庫 😀
Azure DevOps CI Pipeline With Checkmarx
說明如何在 Azure DevOps Server 持續整合加入 Cehckmarx 源碼檢測,讓專案開發更為安全與更為自動 😀
Windows Container Tutorial
參考 learn.microsoft 的教學,驗證在 Windows Server 使用 Windows Container。
從 ASP.NET MVC 轉換到 ASP.NET Core 的那些事 (Migrate From ASP.NET MVC To ASP.NET Core)
筆記 ASP.NET MVC 與 ASP.NET Core 的差異,作為評估專案開發架構選擇、從 ASP.NET MVC 遷移轉換 ASP.NET Core 的考量事項綜整。
CSS | Bootstrap5 Class Tips (Intranet Low Maintenance Website / 簡易維護網頁範本)
說明活用 Bootstrap 5 Components 以及 Utilities 創造網頁設計妙用,減少手工 CSS 的負擔 🙂
前端設計應用,豐富圖片的可點擊區域與內容更新 (Image Map & SVG)
如何在一張圖片,創造出不同連結的點擊區域,達到例如地圖位置、物件連結的效果?又如何讓圖片具有互動性,藉由使用者的輸入來改變圖片?
.NET BCL Series | Delegate, Events & Lambda
筆記 .NET Base Class Library 各式基礎函式庫的使用原理與技巧,讓開發 .NET 程式自然且流暢 🙂
.NET BCL Series (TCP Client / HTTP Client) | Network
筆記 .NET Base Class Library 各式基礎函式庫的使用原理與技巧,讓開發 .NET 程式自然且流暢 🙂
.NET Razor Pages with Custom Serverinfo
.NET 使用初體驗,本次使用 .NET Core 3.1 並且使用 Razor Pages 專案,實現以往在 .NET Framework 的 system.web.helpers 功能。
Working With Json 使用各種程式語言玩轉 JSON 資料格式
說明讀取、使用、分析與寫入 JSON 的各種程式語言方式以及 CLI 工具的使用,讓這個資訊科技圈風靡的資料格式,助你一臂之力 😀
JavaScript Coding CheatSheet 80/20 法則的應用
筆記 JavaScript 開發前一定要複習的重要物件操作技巧,筆記精要的整理出 20% 的語法與功能,能夠活用在 80% 的使用情境。能夠減少開發時對於語法的生澀與卡卡的感覺,讓功能的簡潔實踐想得到,也活用原生語法特性做得出來 😉
無法將工作階段狀態要求送至工作階段狀態伺服器 (ASP.NET STATE Service)
筆記所有處理過的 ASP.NET 問題與疑難排解,分享給所有需要的朋友,讓時間不要一點一滴流失在除錯的惱人過程當中 🙂
C# 將圖片儲存於資料庫 / 從資料庫中讀取圖片 (Image to SQL Server / Image From SQL Server)
說明如何使用 .NET Framework 使用 C# 將圖片存入 SQL Server Image DataType 欄位之中,以及反向從資料庫 Image DataType 欄位取回圖片,並寫成 PNG File 的方式保存在實體路徑 😃
ASP.NET MVC Reporting With RDLC (使用 RDLC 作為報表解決方案)
說明如何在 ASP.NET MVC 使用 RDLC 作為報表設計的解決方案,開發可供列印的電子發票、表單等設計以及將提供資料以 Excel, Word 以及 PDF 的方式進行下載。
PowerBI Query Data From Web With Parameter
說明如何使用 Power Query M 使用 Web 作為資料來源,並且在 URL 使用參數與函式,來達到批次載入資料的便利性 😎
微軟生態系的報表解決方案 Power BI Report Server & Reporting Services (rdl, rdlc & pbix)
介紹微軟生態系的報表解決方案,包含 Power BI Report Server 以及 Reporting Services 等伺服器端的應用技術以及 Report Definition Language Client Side 直接在應用程式端處理報表需求的解決方案。
.NET Hosting Solutions (Kestrel, HTTP.sys, IIS)
介紹 .NET Core 關於網站 Hostings 可以採用的 Solutions,包含 .NET 跨平台力推的 Kestrel Web Server 或者是在 Windows 平台獨家的 HTTP.sys Web Server 或是 Windows Ecosystem 的老朋友 IIS Web Server。 從系統的發佈、部署出發,討論各不同解決方案的效能優勢以及背後帶來的架構觀念。
14 天高分通過 AZ-204 證照準備心得 (Microsoft Azure Developing Solutions Study Guide)
說明如何準備 AZ-204 Microsoft Azure Developing Solutions 證照,從測驗包含的範圍、參考學習資源及練習題庫資源。並說明如何實際使用 14 天進行準備,以高分通過測驗並順利取得證照的心得分享。
Azure App Service 比較容器化的部署方式
說明如何使用 Visual Studio 將 .NET Core Application 以 Container 的方式部署至 Azure App Service,同時也比較如何將相同的專案進行調整,並直接部署至 App Service 而不透過 Container 的方式,從而比較兩者的差異。
Microsoft Retired Documents 微軟 MSDN 經典文件
整理微軟已經 MSDN 時代退役的文件,雖然與最新的版本技術有所落差,但其中關於 Performance Tunning、Security Best Practices 以及 Architecture Deisgn 的部分,亙古不變,仍是值得參考的精品。
Azure Learn AZ-204 The Hard Way | 實作 AZ-204 Lab 12 Azure Content Delivery Network, CDN
實作 AZ-204 證照測驗準備的實驗課程,從實驗課程中精熟 AZ-204 的測驗重點以及工具操作。本次要實驗的是如何使用 Azure Azure Content Delivery Network, CDN。
Azure Learn AZ-204 The Hard Way | 實作 AZ-204 Lab 10 Azure Service Bus Queues
實作 AZ-204 證照測驗準備的實驗課程,從實驗課程中精熟 AZ-204 的測驗重點以及工具操作。本次要實驗的是如何使用 Azure Azure Service Bus Queues。
Azure Learn AZ-204 The Hard Way | 實作 AZ-204 Lab 08 API Management
實作 AZ-204 證照測驗準備的實驗課程,從實驗課程中精熟 AZ-204 的測驗重點以及工具操作。本次要實驗的是如何使用 Azure API Management。
Azure Learn AZ-204 The Hard Way | 實作 AZ-204 Lab 07 Key Vault
實作 AZ-204 證照測驗準備的實驗課程,從實驗課程中精熟 AZ-204 的測驗重點以及工具操作。本次要實驗的是如何使用 Azure Key Vault。
Azure Learn AZ-204 The Hard Way | 實作 AZ-204 Lab 06 Authenticate
實作 AZ-204 證照測驗準備的實驗課程,從實驗課程中精熟 AZ-204 的測驗重點以及工具操作。本次要實驗的是如何使用 Azure Authenticate。
Azure Learn AZ-204 The Hard Way | 實作 AZ-204 Lab 03 Storage SDK
實作 AZ-204 證照測驗準備的實驗課程,從實驗課程中精熟 AZ-204 的測驗重點以及工具操作。本次要實驗的是如何使用 Azure Storage SDK。
Azure Learn AZ-204 The Hard Way | 實作 AZ-204 Lab 05 Azure Container
實作 AZ-204 證照測驗準備的實驗課程,從實驗課程中精熟 AZ-204 的測驗重點以及工具操作。本次要實驗的是如何使用 Azure Container。
Azure Learn AZ-204 The Hard Way | 實作 AZ-204 Lab 04 Cosmos DB
實作 AZ-204 證照測驗準備的實驗課程,從實驗課程中精熟 AZ-204 的測驗重點以及工具操作。本次要實驗的是如何使用具有 Scale Out 特性的 Cosmos DB。
Azure Learn AZ-204 The Hard Way | 實作 AZ-204 Lab 02 Azure Functions
實作 AZ-204 證照測驗準備的實驗課程,從實驗課程中精熟 AZ-204 的測驗重點以及工具操作。本次要實驗的是如何使用 ServerLess 架構下的主角 Azure Functions。
Azure Learn AZ-204 The Hard Way | 實作 AZ-204 Lab 01 App Services
實作 AZ-204 證照測驗準備的實驗課程,從實驗課程中精熟 AZ-204 的測驗重點以及工具操作。 本次要實驗的是如何使用 Azure App Service,取代傳統使用作業系統搭配 IIS 的部署方式,App Service 是 Fully Managed 的 Platform as a service 服務,不再需要管理作業系統更新、網路機制等問題,對於開發者而言需要煩惱的事情減到最少的部署方式。
Azure DevOps Server 入門指南 - 從安裝到 CI/CD 實踐現代化系統開發流程
說明如何使用 Azure DevOps 實踐現代化系統開發流程,從版本控制、持續整合到持續部署。詳細從 Azure DevOps 的安裝、資料庫設定到 Build Machine 的 Agent 安裝、Deploy Target 的 Deployment Group 安裝,到建立完整的 Pipelines,實證從 Visual Studio Commits 到網站終端呈現完整更新結果的全流程 😎
Docker Tutorial
Windows 開發者生態系的 Docker 入門介紹,從下載安裝到實際使用。以開發者的觀點探討 Docker 可以為開發流程與應用所帶來的便利與革新;從營運人員的角度探討 Docker 的容器化技術如何使 Infra as Code 以及 MicroServices 如何可能,從而也觸及 Docker 之間交互作用,引導出為什麼我們需要 Kubernetes Orchestration 來達到複雜的管理與調度 😀
Visual Studio Sonarlint
Sonarlint 是 SonarQube 程式碼靜態分析工具在 Visual Studio 以及 Visual Studio Code 上的程式碼弱點檢查與品質維持的插件工具。可以讓開發人員在開發的同時及早修正問題,對於微軟生態系使用 Visual Studio 開發的人員而言,不僅受到 IntelliCode 以及 Quick Action 的輔助,更加上弱點檢查與品質維持的 Sonarlint,在程式碼被推送到版控以及持續整合之前,就能預先達到一定的品質水準。
CSS | Background-image
整理如何使用 Backgroun-image 用於豐富元素的視覺呈現,同時結合說明 repeat 與 position 的方式控制圖片在元素的背景呈現方式,並結合說明 的方式調整漸層呈現。
CSS | Pseudo Class Image Background
實驗 Pseudo Class 的使用,不需要新增 html tag 也在視覺呈現上進行設計,本例是探討圖片後置正圓的視覺效果,並比較 Position Absolute 與 Transform Translate 的位移差異。
JavaScript OnHashChange / Get Hash tag value
說明如何藉由 Vanilla JS 偵測 URL Hash 變化進行頁面渲染 (iframe load),從而實現迷你版本的 Hash Tag Router 路由機制 😎
Azure DevOps Server License & Price 授權與計價方式
比較在地端建置 Azure DevOps Server 的計價方式並與雲端使用 Azure DevOps Services 相比,同時說明 Vistual Studio Subscription 能夠為 Azure DevOps 使用所帶來的優勢。
HTML Form Enctype (x-www-form-urlencoded / form-data / text-plain)
筆記 HTML From 上傳資料上 Enctype 的差別。
Parcel 零配置打包工具入門教學 | 當代網頁開發沉浸心流之術 🐱👤
相較於 Webpack 需要繁複前置設定的缺點,同樣是打包工具的 Parcel 優點在於可以零配置馬上使用,同時不同於 WebPack 需要準備相關的 Loader,使用 Parcel 已經有內建對於 SCSS、JS Modules 以及 Babel 的處理,同時提供內建的 Dev Server 簡直是小型整合工具。對於延伸進階功能的需求,也可以透過 Plugins 來擴充。
CSS | Filter
整理 CSS Filter 對於圖片的濾鏡效果使用,包含 Blur, Contrast, Grayscale, Hue-rotate, Invert, Opacity, Saturate 以及 Sepia。
CSS | Typography
整理關於網頁字體 Typography 相關知識,包含 font-size、font-family 以及 font 的各種排版應用與變化 (writing-mode, text-combine-upright)。
CSS | Flexbox
CSS Flexbox 相較於 Float ,更適合處理一維度的 Components 例如 Navbar, Card 等,對於一維度的元素延展以及對齊非常方便。
CSS | Position
整理 CSS Position 的使用說明,藉由 Relative, Absolute, Fixed 可以達成圖層位移、堆疊的視覺效果,也可以設置懸浮固定的 sidebar 以及回到置頂的 button,藉由 sticky 則可以實作捲動跟隨著 header。
.Net Ecosystem (微軟開發生態系)
說明微軟 .NET 開發的生態系,從 Visual Studio 建立專案、編譯到 DDL。比較 .NET Framework、.NET Core 以及 .Net 等 Runtime,並探討 C# 各版本在不同 Runtime 的支援情形。
C# Web Requests / Copy File / Uri
筆記如何使用 C# 將檔案從 URL 進行下載,從本機複製至特定路徑以及取得 Http Response Status Code。比較 WebClient 以及 HttpClient 使用上的差異之處。
關於老系統現代化的各種方式 Modernize Legacy Systems
思考 Gartner 所提出對應老系統現代化的各種方式,結合目前工作的情境思考對應的挑戰以及商機。方式包括了封裝、重新部署、環境遷移、重構、架構改造、重新開發與取代。
Azure Speech Service Text To Speech
介紹如何藉接 Azure Speech Service,將文字轉換為朗讀文字的語音檔,支援多國語語言,同時在聲調、語速都可以進行調整,聲音也相當擬人,不會有很明顯的機械音感覺。本次 API 介接使用 Python 進行示範,同時示範 Zero-Coding 的 Speech Studio 的使用。
如何快速取得數值 GroupBy 結果 (CountIf, Group-Object, Counter)
說明 SQL 常用的 Group By 資料操作,如何以其他程式語言來達到同樣的功能。包含以 Excel, PowerShell, Python (Pandas) 以及 JavaScript 作為示範 😉
CSS Properties Dom Notation (camelCase & kebab-case)
列出所有的 Chrome 瀏覽器所支援的 CSS Properties。
前端開發不能錯過的 Json Server
前端開發的路上你並不孤單,當需要後端 Rest API 的支援時,不用自己用 Asp.net Web API、Express、Django、Ruby on Rails 等後端框架慢慢刻,不僅需要額外的學習門檻,也需要不少的投入時間。Json Server 就是你在前端開發上不可或缺的好夥伴。藉由執行本機端的 server service,將 json file 直接變為 Rest API Service,讓前端開發環境更為方便。
Python | Structural Pattern Matching 火力加強版的 Switch
介紹 Python 3.10 出現的新特色語法 Structural Pattern Matching,示範如何使用 Structural Pattern Matching 讓 Python 能夠寫得更為 Simple & Readability。
Python Pyenv for Windows OS 安裝與設定步驟
教學如何在 Windows 作業系統安裝 pyenv,藉由 pyenv 可以在作業系統中管理全域或者專案中,分別要使用的 python 版本。同時也說明 pyenv 常用的指令包含 global, local, install, versions 等,只要五分鐘就能夠快速上手 pyenv。
ES20XX Modern JS 新語言特性筆記 | Closures
筆記從 ES2015 / ES2016 / ES2017 / ES2018 / ES2019 / ES2020 以來,JS 所加入的新語言特性。使用的情境新語言特性不僅是為了減少對第三方套件的依賴 (Lodash),也是基於 ESLint 上 Clean Code、Best Practices 規範要求。熟悉新語言特性不僅能夠使 JS 開發更加快速也能夠提升閱讀性。 本篇筆記為介紹 JavaScript 令人迷惑的概念 Cloures。
JavaScript Array 的瑞士刀函式 | splice
筆記從 JavaScript 令人迷惑的 slice, split 以及 splice。其中 splice 可以稱 JavaScript 中的瑞士刀函式方法,足抵數個函式方法所能提供的功能。藉由 splice 不論是要增加陣列元素、刪除特定元素,甚至是要將 Array 切段也沒有問題。
Python 脫逸字元清單 Escape Sequence (ASCII Table)
筆記 Python 各式脫逸字元、跳脫字元(Escape Sequence),包含 newline、return、Backspace、TAB、Octal Value、Hex Value 以及 Unicode Codepoint 以及 Unicode Name 等清單。
ES20XX Modern JS 新語言特性筆記 | JavaScript Cookie & LocalStorage
筆記從 ES2015 / ES2016 / ES2017 / ES2018 / ES2019 / ES2020 以來,JS 所加入的新語言特性。使用的情境新語言特性不僅是為了減少對第三方套件的依賴 (Lodash),也是基於 ESLint 上 Clean Code、Best Practices 規範要求。熟悉新語言特性不僅能夠使 JS 開發更加快速也能夠提升閱讀性。 介紹 Modern JS 如何操作 Cookie 以及 Html 5 所提供的 LocalStorage API,用以將資訊保存在用戶端。
Vanilla JavaScript | Get DOM Elements (get anchor and image with querySelector)
筆記 JS 如何使用 JS 原生語法取得 DOM 元素,包含介紹 GetElementById, GetElementByName, QuerySelector, QuerySeletorAll ,並且介紹如何應用這些語法,提供將網頁上所有的 Anchor Link 擷取的解決方案 😎
軟體與它們的創造者 List of Prodcuts And Its Creators
筆記工作與生活中所用到的各種軟體與它們的創造者 🐉 Linus Torvalds, Linus Torvalds, Brendan Eich, Guido van Rossum, Jeffrey Snover, Ryan Dahl, Linus Upson, Anders Hejlsberg, Wes McKinney, Kenneth Reitz, Evan You, Miško Hevery, Rasmus Lerdorf, Solomon Hykes, Igor Pavlov, Mark Russinovich, Gordon Lyon and More..
Frontend Web Developer Glossary 前端開發工具詞彙表
紀錄前端開發常見的各式詞彙表、新興工具名稱,讓這個每 18 至 24 個月學習難度都會倍增的領域能夠更平易近人。
Azure Static Web Apps With Azure DevOps
使用 Azure Static Web Apps 進行靜態網站 Hosting,原始碼專案保存於 Azrue DevOps。享受推送專案自動部署的方便性,同時也為未來 Migration Hosting Server 預做練習。
ES20XX Modern JS 新語言特性筆記 | Modules (ES6 Modules)
筆記從 ES2015 / ES2016 / ES2017 / ES2018 / ES2019 / ES2020 以來,JS 所加入的新語言特性。使用的情境新語言特性不僅是為了減少對第三方套件的依賴 (Lodash),也是基於 ESLint 上 Clean Code、Best Practices 規範要求。熟悉新語言特性不僅能夠使 JS 開發更加快速也能夠提升閱讀性。
ES20XX Modern JS 新語言特性筆記 | Spread, Rest & Destructuring
筆記從 ES2015 / ES2016 / ES2017 / ES2018 / ES2019 / ES2020 以來,JS 所加入的新語言特性。使用的情境新語言特性不僅是為了減少對第三方套件的依賴 (Lodash),也是基於 ESLint 上 Clean Code、Best Practices 規範要求。熟悉新語言特性不僅能夠使 JS 開發更加快速也能夠提升閱讀性。
ES20XX Modern JS 新語言特性筆記 | Array
筆記從 ES2015 / ES2016 / ES2017 / ES2018 / ES2019 / ES2020 以來,JS 所加入的新語言特性。使用的情境新語言特性不僅是為了減少對第三方套件的依賴 (Lodash),也是基於 ESLint 上 Clean Code、Best Practices 規範要求。熟悉新語言特性不僅能夠使 JS 開發更加快速也能夠提升閱讀性。
SASS / SCSS 使用筆記
筆記使用 SASS / SCSS 讓網站開發更為便利的方式。首先會談論 SASS 與 SCSS 的差異,接著再說明如何將 SASS 轉換為 CSS 讓瀏覽器可以解讀,同時在開發過程如何藉由 sass-loader 將 sass 動態載入即時預覽效果,並整理個人在開發中所使用到的語法。
加密 | 編碼 | 雜湊 🔐 crypto-js 使用方法以及與 Vue CLI 結合應用
筆記如何使用 crypto-js,用以在前端進行資料的加密、編碼與雜湊。本次的說明是以 Vue CLI 結合應用,並設計了一個線上使用 Client 端資源進行 加密、編碼與雜湊的服務。
ASP.NET MVC 最適配的 8 個前端元件 豐富應用系統設計
ASP.NET MVC 5 預設使用 Bootstrap 3 作為 CSS Framework,提供了網頁 Grid Layout 設計、RWD 設計以及各式方便的 Components 及 Helper。但仍有部分的開發需求沒有辦法被解決,而秉持 DRY 的精神,擴充使用第三方元件以解決開發需求,就是本文的目的。
GitHub Pages 使用教學 ⭐ 發布網頁設計成果
教學如何以 GitHub Pages 將網頁設計、前端服務成果進行發布,內容包含 Gtihub Pages 資料夾該如何進行設定,如果沒有正確的設定可能會出現 404,使用上不需要使用到 Gtihub Pages 提供的 Jekyll,正常的使用也不會違反 GitHub Pages 的限制。 本次將示範分別將專案 Source Code 發布於 Master Branch 而 Dist 資料夾發布於 gh-pages Branch,如果有使用動態網頁的需求,GitHub Pages 並不支援 PHP, ASP 等語言,必須使用 Js 與 Restful API 互動才能夠達到動態網頁的效果。
初心者教學:使用 Vue CLI 打造 Vue App 前端應用服務
以往要寫玩具都是用 Python 來寫,週末在玩雙點醫院的過程中,突然想要寫一個訓練色彩辨別的互動玩具(可能是雙點醫院褪色症的啟發)。同時不想再用 jQuery DOM 操作的方式來寫,但想到對於前端各種工具的熟悉度非常有限,如果要從環境開始準備,並且規劃整個開發流程可能會讓整個專案裹足不前 😑 此時想到 Visual Studio IDE 所帶來的良好開發體驗,何不嘗試以 Vue CLI 的方式建構整個專案,而不要從開發環境開始琢磨,讓時間集中在功能的實踐,忽略環境的細節並且在需要的時候才去搜尋,於是就開始了打造第一個 Vue App 的過程 ✈️
ASP.NET MVC 使用 Bootstrap-Vue 輕前端解決方案
詳細步驟說明 ASP.NET MVC Framework 如何在設計 View 的時候,加入 Vue.js 前端框架,同時結合 Razor 頁面設計的威力以及享用 Vue.js 所帶來的雙向綁定以及宣告式渲染,讓表單 (form) 的設計方式更為活潑多元。 同時使用了 Bootstrap-Vue 框架,讓輕前端解決方案中,不容易設計 Vue 元件的問題有了替代的解決方式。同時本次的說明是以 Visual Studio 進行說明,有別於使用 Visual Studio Code 的說明方式,要讓原本熟悉 ASP.NET MVC、Visual Studio 的開發人員在熟悉的開發環境中加入 Vue.js 前端框架。
C# 「什麼 Datetime 竟然是 Value Type?」
從 DateType 屬於 Value Type 這個事實進而探討 Struct 與 Class 的差別,以及 Value Type 與 Reference Type 的差異所在。
C# Null Conditional Operator, Null 條件運算子
筆記 C# Null Conditional Operator (Null 條件預算子)的使用方式,讓處理物件的 Null 檢查上更為方便(此語言特性為 C# 6.0 所加入)😎
Dependency Injection 初探筆記 (DI & IOC)
初探依賴注入 Denpendency Injection Pattern(DI) 與控制反轉 Inversioin of Control (IOC) 設計模式。
ASP.NET MVC Http Module and Http Handler
筆記 ASP.NET MVC Request Lifecycle 中 Http Moudle 與 Http Handler 的所扮演的角色。
ASP.NET MVC How To Use RadioButtonFor In Bootstrap4
筆記如何使用 RadioButtonFor 讓設計 ASP.NET MVC 表單介面時更為美觀、迅速。
Visual Studio Client Side Library Manager LibMan (Compare with Nuget)
筆記如何使用 Visual Studio 的 LibMan 來做第三方元件的管理。
Visual Studio 使用 SASS / SCSS (Visual Studio Compile SASS / SCSS With Web Compiler)
筆記如何使用 Visual Studio 在專案中編譯 SASS 與 SCSS 檔案,用以模組化的管理 CSS。
.NET 藉由 LDAP 驗證 AD 使用者的帳號與密碼 (Validate AD User With LDAP)
筆記 .NET 如何透過 LDAP 驗證 AD 使用者的帳號與密碼是否正確。
Visual Studio 入門教學
有人說 Visual Studio 是地表最強大的 IDE 工具?原因在於許多便利性的功能,例如 Intellisense、IntelliCode。而對於 .NET 生態系的開發人員而言,不論是 Web 系統開發、 Client 系統開發 或者是 SSIS 的流程設計都少不了 Visual Studio。本次的筆記就是要針對使用 Visual Studio 絕對不能錯過的功能做一個介紹,讓使用 Visual Studio 的開發者都能樂在其中。
ASP.NET MVC 5 實作更安全的檔案上傳功能 (ASP.NET MVC Safer File Upload Implements)
不當的檔案上傳功能,可能導致被植入後門程式(webshell)或者惡意的下載檔擴散影響至網站使用者,筆記 ASP.NET MVC 如何實作更安全的檔案上傳機制,同時也探討網頁伺服器可以在那些層面協助,讓網站應用程式更為安全 🐱💻
.NET Framework 存取系統特殊資料夾 (Environment SpecialFolder)
筆記如何使用 System Class 中的 Environment 存取系統特殊資料夾。
資訊系統委外開發參考規範
筆記委外開發系統時,可以參考及需要注意的規範,整理包含資安研究院、國家資通安全會報等各式規範與指引,當中的 RFP 以及契約範本都可以作為委外上的參考資料。同時如果要顧及 SSDLC 所需要的安全檢查表也可以從中取得。
Python 開發實務程式碼片段集合 Coding like Ninja with Snippets
綜整日常 Python 開發慣用的 Snippets ,讓開發保持沉浸在心流不斷的快感 🐱👤
ASP.NET MVC 如何藉由彈性的擴充實作豐富應用系統開發 (ASP.NET MVC How to Customly Implements Extensions)
萃取於 pluralsight - Improving Your MVC Applications with 10 Extension Points 所學習到的觀念以及能夠應用在未來開發上的實務技能。 ASP.NET MVC 是高擴充性的框架,能夠按照需求擴充。而在擴充時按照 Conention Over Configuration 的方式,不用自定義新的設置方式,更易於面對不斷變的需求下的維護情境 🎃
修正 ASP.NET MVC 常見 Checkmarx 原碼檢測漏洞 (Fix ASP.NET MVC Common Vulnerability Scan By Checkmarx)
本篇實驗用最基本的 ASP.NET MVC 專案進行 Checkmarx OWASP:2017 原碼檢測,並驗證如何修正檢驗出的漏洞,並將整個過程加以筆記。
ASP.NET MVC 5 預設的資安機制
本次的筆記源自於 ASP.NET: Security 課程的啟發,其中討論了關於 OWASP 中常見的弱點以及其在 ASP.NET MVC 中可能出現的方式。而實際上學習的心得發現 ASP.NET MVC 有相當程度的預設的安全機制,而瞭解這些機制與 OWASP 中常見的弱點,可以更有安全開發的意識。
ASP.NET MVC 5 實作更安全的檔案下載功能 (ASP.NET MVC Safer Downloads Implements)
OWASP 中不當的設定會導致許多問題,例如檔案下載功能的實作上,如果沒有正確的設定,可能會衍生出 OWASP Top 10:2013 中的 Insecure Direct Object References,導致應用程式中機敏的檔案輕鬆地被惡意使用者取用 🐱💻
ASP.NET MVC 5 使用 DateTimePicker (Bootstrap)
筆記介紹 Bootstrap CSS Framework 下如何使用 DateTimePicker 的各種方式 🌞
ASP.NET MVC 5 相依關聯的下拉式選單(Dependent Dropdownlist)實作方式
筆記介紹如何在 ASP.NET MVC 5 實踐相依關聯的下拉式選單 🌞
如何開發 Windows Service 使用 .Net 及 Topshelf
從來沒有想過自行開發 Windows Service,一直以來都是在伺服器上直接執行 batch 或者經由工作排程器的方式執行想要達成的服務,但偶然契機下學習到 Windows Service 可以得到更多的便利性,同時藉由安裝 Topshelf 僅需要以 Console 開發上做延伸即可,非常實用。
使用 Visual Studio 開發,你不能錯過的 Quick Action 及 Code Snippet
不同於以往覺得 Intellisense 就是一切的想法,Quick Action 以及 Code Snippet 重新塑造自己對於 Visual Studio 編輯程式碼過程的方法,原本一直覺得要花錢買 ReSharper 才能得到那種行雲流水的開發體驗,但 Visual Studio 2019 原生所支援的 Quick Action 就已經非常好用,本篇筆記用以紀錄如何以 Quick Action 以及 Code Snippet 來進行開發。
Course Review - C# Intermediate Classes, Interfaces and OOP
五月的時候趁著 300 元特價的時候一口氣買了十門課程,這段期間各課程都散亂的看了一點,尚未完成任何一門課程。而上週開始一點一滴的看,默默就把這門課程看完了,過程中刷新了自己對於物件導向的觀念、各種修飾詞的實務使用時機以及開發操作上的技巧,總體而言獲益良多,也助燃提升學習 C# 的興趣。
如何在 ASP.NET MVC 中使用 javascript, jQuery, Ajax 來豐富互動與呈現 (AjaxHelper)
筆記關於如何在 ASP.NET MVC 中使用 , ,增進互動視覺效果的體驗。
ASP.NET MVC 5 使用 Bootstrap4 設計表單 (Design Forms With BS4)
儘管 Asp.net MVC 5 預設的 Bootstrap 套件是 3 ,但 Bootstrap 已進展到 4 ,同時正朝向 5 邁進,同時也提供更豐富的 helper,而兩者在表單定義也有所不同,因此獨立以新的筆記紀錄關於新版本 Bootstrap 在 MVC 中表單設計的相關筆記。
ASP.NET MVC 5 如何客製化驗證與授權並實作帳號登入機制 (How to custom ASP.NET MVC Auth Filters & Login / Logoff systems)
夏至的這天上午先去爬山,正午時分不一會就滿身大汗了,果然還是秋天的午後才是最適合的爬山時機。而最近寫程式的機會越來越多,不管是主管刻意的安排或者自己興趣的傾向,總之寫程式在工作中是越來越重要且主要的一部份了。自從有寫筆記的習慣之後,對於學習陳果可以被視覺化的呈現,同時也可以量化,這種看得見累積的感覺讓人更加有動力去學習。 最近深有所感,只有經驗過、練習過的才能真正在開發的時候發揮作用,並且沉入心流的開發體驗。驗證與授權一直是寫每個系統的起手式,特此跟隨一篇教學文章,並整理成筆記。
如何使用 Python 處理 XML 格式檔案 (Process XML file With Python)
最近有處理 XML 檔案的需求,第一時間想到的就是 Python ,上一次處理 XML 已經是四、五年前的事情了,當時雖然有已經在工作上使用 Python ,但對於物件導向以及模組的運用仍是十分陌生,記得當時處理 XML 的方式就是當成字串來處理,現在想起不經莞爾。 而這次同樣使用 Python 的處理 XML ,搭配著 Built-in Battery 的 ElementTree 模組,處理起來行雲流水十分順利,特此筆記以供日後有同樣的需求時參考。
如何高效率地使用 Python 走訪資料夾中的檔案
最近一個工作需求是要爬近 TB 等級的資料,資料的儲存格式是散落在各資料夾中的 XML 檔。然而實際爬蟲發現 IO 的瓶頸反而不是處理 XML 檔及萃取資料並寫入資料庫中,瓶頸是出現在走訪資料夾所花費的時間。原本想改用 Multi Thread / Process 的方式處理,無奈自己也不太熟悉。最後則是改採 glob 模組,讓搜尋資料夾中 XML 檔的效率增加,整體的作業時間就有相當明顯的改善!
Visual Studio Setup for ASP.NET MVC (編輯環境設定)
習慣使用 Visual Studio Code 的 keyboard binding,但在開發 ASP.NET MVC 時,VisualStudio 提供的偵錯、定義檢視、EntityFramework 等功能,仍讓使用 Visual Studio 不可避免。而只要安裝適合的套件與調整設定,也能夠讓 VisualStudio 的開發更為流暢。
ASP.NET MVC 5 使用 Bootstrap3 設計表單 (Design Forms with BS3)
使用 ASP.NET MVC 開發時,最常見的痛點就是在設計表單 (forms) 需要來回切換頁面查詢 Bootstrap 的架構格式,雖然有 Snippets 可以使用,但仍是有許多地方需要進行客製,同時也要考慮到 ASP.NET MVC 提供了許多的 Helper,不善加利用十分可惜,於是綜合兩者的優勢的開發方式以及常用的 Code Helper 及 Snippets 整理於本筆記,供日後檢索。
Python Pandas 學習筆記
一陣子沒有用 Python ,會使用的機會大多是用來編輯 Scripts 或者作為資料的 ETF 用途。而每當要 ETF 的時候都會回憶起 Stata 的便利,肌肉隱約就可以呼喚出各式操作資料的指令。只是離開學術環境後就不再使用過 Stata,取而代之的是 Python 的 Pandas ,儘管指令上兩者有著極大的差別,但因為 Python 有著更多更方便的 Library,同時語法上也更適合寫 Scripts,何況還是 OpenSource 的,既然如果也沒有什麼好念舊的,認分的學習 Pandas吧。
Visual Studio 使用 Git 版本控制
在個人的實務開發情境中,一半是用 Visual Studio Code,另外一半則是用 Visual Studio,而 Visual Studio 已提供 GUI 介面來進行 git 的版本控制,為了讓專案的開發更流暢,熟悉 Visual Studio 的 Git GUI 有其必要。
Git 的 100 個情境應用
## 使用的情境 如同學習 Gulp 的經驗,直接用需求情境的方式學習新工具是最有效率的,因為情境的需求是與自己切身相關的,而非代入生冷的範例。 1. 創造屬於自己的情境 2. 跟著情境實際操作 3. 將技能融入自己的日常作業流程
如何在 ASP.NET MVC下使用 Sqlite (ASP.NET MVC 5 With Sqlite)
Sqlite 的方便用過都知道,如何在 ASP.NET MVC 下順利地使用呢?幾項步驟,跟著完成就可以使用!