【VS Code】Live Server 解決 Https、SSL 問題
前置作業準備工具、網址
Chocolatey : https://chocolatey.org/
Live Server : https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer
安裝方式
開啟系統管理員 Powershell 安裝 Chocolatey
1Set-ExecutionPolicy Bypass -Scope Process -Force; [System.Net.ServicePointManager]::SecurityProtocol = [System.Net.ServicePointManager]::SecurityProtocol -bor 3072; iex ((New-Object System.Net.WebClient).DownloadString('https://community.chocolatey.org/install.ps1'))
安裝 mkcert
1choco install mkcert
Mkcert使用步 ...
【心得】 回顧2022年心路歷程
2022 即將結束，我也要開始統計自己今年為自己提升、改變什麼吧!
2022 心路歷程過去以前不斷學習、盲目的直衝直撞找到軟體工程師的職業， 2020年當初因疫情提早為自己找一份工作，當中不斷需要與客戶、主管之間取得兩方溝通才能進行程式修改、變更以及自己非常不熟悉的系統受到極大的挫折感，面對前後的調適也讓我開啟撰寫Blog之路。
今年不斷位置自己突破技能，過程開發技術上還是沒辦法到達心目中的等級。今年算是我這一生有最大突破，也是動盪最大的一年。
過去公司文化不斷卡在落後技術，不斷的試著突破、創新讓公司文化可以為開發有一點點認同。團隊部分也下很大功夫，造就 Line bot 有五個人協助開發，API、 Net 6 、EF Core等技術也慢慢傳授給團隊，增強團隊獨立能力。
從團隊、指導、完善團隊開發流程到團隊解散算是結束最光輝的一年，曾為公司、團隊努力突破，同時為自己得到一些啟發。相信接下來的一年從下一份工作可以為我的能力有大幅進步，不管接下來有沒有比今年更有價值，期望接下來會用不同方式呈現給所有人看自己的能力。
2022 達成成就技術成就
使用 Electron 完成印表機列印 (T ...
【HTML】製作 Scanner (二) - 快速使用讀取器/掃描器 (使用 html5-qrcode )
本次使用 html-qrcode 快速完成掃描工具，此套件已經把版面建立完成，所以只需要測試鏡頭有沒有進去在選項中即可。
html5-qrcodeGithub : https://github.com/mebjas/html5-qrcode
使用方式1npm i html5-qrcode
程式碼以下範例有新增聲音，使用後就會達到抓取的感覺。聲音檔 : 點擊我
1234567891011121314151617181920212223242526272829303132333435363738394041<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ...
【HTML】製作 Scanner (一) - 把手機轉換電腦攝影機
近期 “電腦攝影機” 可是說需要與人視訊時候最重要的設備，對於我來說這東西可能是不常使用的消耗品，本次案例使用手機轉到電腦設備把它當作我們本次作品。本次工具 “Dev47Apps” 作為 手機與電腦溝通App，也可以套用 OBS 相當方便。
前置作業
Dev47Apps
準備QR Code
安裝方式 Dev47AppsDev47Apps下載網址 : https://www.dev47apps.com/下載方式必須要 App與pc都需要安裝才能完成下一個步驟，安裝步驟請自行處理不另外操作。
連線方式使用步驟如下
打開Android “DroidCamApp”
打開 PC “DroidCamApp.exe”
Pc “DroidCamApp”裡面輸入 Android 顯示的 “Wifi ip” 或是 “drive ip” 即可完成
完成完成後，會變成如下面圖片一樣，如果想要變成直播工作也是不成問題，使用下來非常省成本。
jquery-qrcode既然完成後，緊接著製作 “QR Code” 玩玩看，若覺得麻煩可以跳過這篇 (本文目的模擬與各家收營刷讀條碼機)。
jquery-qrco ...
C# Entity Framework 6 如何更新結構、資料型態
這章節主要使用、更新資料結構，EF6只要碰到更新動作是一件很可怕的事情，以下提供各位解決方案。
何謂 Edmx 檔案edmx是EF產生的檔案，透過創建方式產生 SSDL、CSDL 、MSL 。SSDL：定義實體資料庫。CSDL：定義模型類別。MSL(C-S Mapping)：對應資料庫Table與Entity物件
更新方式
修改 edmx 檔案(用xml開啟)以及 模型類別
透過 edmx 圖形化方式修改。
若要更新model先刪掉裡面內容，才能確保保持一樣的內容。
更新結構/新增結構這邊我們用兩種做法，開始前我們先新增 text4 當作範例，請參閱更新方式。
圖形化方式修改一、 首先雙點擊edmx再來按下完成。備註 : 更新部分已經存在的table 只需要按下完成即可。
二、 確認模型類型這邊建議存檔完畢edmx在檢查類型會比較好，原因是當他完成更新結構需要loading一段時間，才會更新到類別，雖然它會自動更新類別極大優點也造成有缺陷問題。
備註 : 通常初期使用圖形化方式更新會比較好上手，EF6載入問題實在是無法排除這致命問題，建議少用圖形化方式更新結構。
XM ...
C# 讓 Entity Framework 自動創建資料庫
前言最近需要放送心情，將這個主題延後兩三個月才公布。EF 已經在業界當中不可或缺的一個技術，這次就來介紹如何使用EF自動創建資料庫。
EF 創建資料庫方法一、EnsureCreated這個方法是在EF Core 1.0版本中新增的，這個方法會檢查資料庫是否存在，如果不存在就會建立資料庫，但是這個方法只會建立資料庫，不會建立資料表，所以這個方法只適合在開發階段使用。
EnsureCreated() 創建是空白資料表。因此，需要使用還是要有個地方站存資料，例如 : excel 、access 、json等。
規則 :
如果資料庫不存在，就會建立資料庫、資料表。
如果資料庫存在，就不會做任何事情。
如果資料庫存在且資料表不存在，就不會建立資料表。
介於這個方法特性，可以知道他不具有更新資料表的能力，通常會與Migrations使用或是自動測試之類。
1234using (var context = new BloggingContext()){ context.Database.EnsureCreated();}
二、Migrations可以利用Migrat ...
使用 Entity Framework 6 CRUD
使用前必須要先知道 Entity Framework 有兩個版本。
Entity Framework Core : 適用於 .NET 的新式物件資料庫對應程式。 其支援 LINQ 查詢、變更追蹤、更新以及結構描述移轉。
Entity Framework 6 : 透過資料庫提供者外掛程式模型搭配使用 SQL Server/Azure SQL Database、SQLite、Azure Cosmos DB、MySQL、PostgreSQL 及更多資料庫。
因此，使用EF6表現上會與 EF core 功能會也所不同。EF6是基於ADO.NET發展出來的物件關聯對應 (O/R Mapping)，利用了抽象化資料結構的方式，將每個資料庫物件都轉換成應用程式物件 (entity)，而資料欄位都轉換為屬性 (property)，關聯則轉換為結合屬性 (association)，讓資料庫的 E/R 模型完全的轉成物件模型。
參考文件
microsoft : microsoft Entity Framewor
Wiki : Entity Framework
Wiki ...
【心得】Funter開箱心得
前言供給各位放鬆心情閱讀，請慢用貓貓圖φ(゜▽゜*)♪。
購買契機由於本人主要工作是”撰寫程式”(軟體工程師)長期坐在位子上使用電腦，如果長期一直坐著使用電腦不斷影響我的腰部能力，因此選擇升降桌。而市面上很多升降桌品牌，最多人提出品牌為 “funte”、”standway”最多，思考方向會想 雙11或雙12入手比較價格。”standway”部分沒有降下來趨勢，再來就是價格比funte貴才放下standway。
funte 因雙12優惠 寬120cm*深60cm 智慧型電動三節式升降桌 只需要 13,860相當划算。
最初桌子一開始使用的桌面為ikea SVARTA 現代北歐桌板 ，桌面長度很廣、也有弧形的桌邊，可以強化高架床的搖晃度相當實用。
這幾年使用下來分享一下缺點，如下。
桌面高度、椅子舒適度
弧形桌面使用上的不適感
夾桌面設備比較不友善，如掛壁式螢幕
之後選擇了，升降桌方式排除問題點。
Funte 開箱首次撰寫開箱文，新手發文請多多包涵。
Funte 重量、搬運Funte整體重量來說，鐵架那包是最重包裹，如果家裡是公寓沒有電梯建議還是兩個人去搬運(自行DIY)。
Funte ...
【LinqPAD】使用 LinQ (一) - 介紹 LinQ
語言整合查詢 - Linq 簡介何謂Linq ?語言整合查詢（英語：Language Integrated Query，縮寫：LINQ）， 顧名思義就是此程式語言擁有查詢資料的能力，LINQ的出現使得C#(基本上 .Net 都可以使用)可以在程式中查找資料。利用標準查詢運算子(Standard Query Operators)，工程師可以用原生的C#語言對資料做處理，選擇資料來源、進行篩選到組合、分組都可以利用標準查詢運算子完成，而且在撰寫的過程中還可以享受到型別檢查及自動完成帶來的便捷。
LINQ的組成LINQ是一種能力，微軟開發出了很多不同的技術讓C#擁有這樣的能力。
1. 標準查詢運算子 - Standard Query Operators標準查詢運算子是應用於集合類別的運算子，它對集合實作了篩選、組合、排序..等等的運算功能，像是Select、Where、OrderBy…等方法，而這些方法就是運作於IEnumerable、IQueryable。
2. 語言擴展 - Language Extensions為了使LINQ可以更加便捷的使用而將C#擴充了以下的功能:
a. 查詢運算式 ...
【LinqPAD】使用 LinQ (三) - LinqPad 工具
如果要繼續深入使用 LinQ ，那一定要說一下最近使用的工具 LinqPad。
LinQpad這工具是一套免費軟體，注意一下環境必須要安裝 .NET Framework 3.5或是4.0以上，免費版功能已經夠用測試LinQ使用。
如果需要code snippets,autocompletion, smart tags, code outlining, .NET Reflector integration 功能就前往升級版本。
詳細說明請至 IT邦幫忙(Peter Chen) : https://ithelp.ithome.com.tw/articles/10193063
創造資料庫這邊為了快速建檔，可以使用下方語法創建資料庫。我們需要創建個人資料以及成績，之後會用 LINQ 串出來。
資料庫1234567891011/****** Object: Database [TestDB] Script Date: 2021/12/3 下午 10:40:32 ******/CREATE DATABASE [TestDB] CONTAINMENT = NONE ON PRIMARY ...
![[筆記] Synology 創建 Docker datalust/seq 環境](/image/20250810_08-15-28.png)
![[DevOps] 創建一個 docker agent](/image/20250810_08-16-08.png)
![[DB] 使用 VS Code Query DB](/image/20250318_23-37-06.png)
