一、DevOps Board使用 DevOps Board 可以針對 Task、Issue、Bug 進行管理，並且可以進行排序、篩選、分類等等的操作，讓開發流程更有條理。這工具不但可以免費也包含 Test Case 管理、Dashboard 等等功能，是一個非常好用的工具。 1-1 Backlog 看資料很多時候為了看重點資料，通常會使用 Backlog 進行篩選，從圖片利用 User Story 往下展出 Task、Bug、Issue 進行篩選，可以看到不同的資料。如果利用 User Story 當作開發功能模組，底下 User、QA 等可以進行 Task 的分配，這樣就可以讓開發流程更有條理。 1-2 Board 設定工作項目從看板我們可以設定 Task、Bug、Issue 以外還可以設定 Test 。Test 創建後可以轉變成 Test Case 進行管理。 1-3 Test CaseTest Case 從 Boards 創建一個 User Story > 加入 Test > 創建測試案例，點選案例名稱就會導入在編輯畫面。透過編輯畫面可以設定測試案例的步驟、預期結果、 ...

DevOps 權限DevOps 有兩個地方設定權限。 組織權限 專案權限 一、組織權限1-1 進入方式 進入組織入口，點選左下角組織設定。 點選使用者並點選加入使用者 1-2 權限定義 access-level 基本 Basic : 提供對大部分功能的存取，包括專案、存儲庫、建立和管理工作項目、建立和管理管道、建立和管理組織。 專案關係人 Stakeholder : 可指派給無數多個使用者免費使用。此權限不會造成任何費用，但是功能有限。 Visual Studio 訂閱者 : 指派給已經有 Visual Studio 訂用帳戶的使用者。 詳細內容 : Azure DevOps 服務的訪問層級 二、專案權限2-1 進入方式 進入專案入口，點選左下角專案設定。 點選加入團隊(Teams)並且新增團隊 2-2 設定群組權限設定群組類別位於 【Permissions】位置，可以設定群組的權限。可以設定群組的權限，例如：建立工作項目、建立管道、建立存儲庫等等。 2-3 設定個人權限設定個人權限類別位於 【Users】位置，可以設定個人的權限。可以設定個人的權限，例如：建立工作項目、 ...

前言近期公司有個技術分享日，那我就簡單介紹一下 Git 比較使用的用法以及 Azure DevOps 的使用方式。 GitGit 是一個分散式版本控制系統，比較常見GUI工具為 SourceTree、GitKraken、GitHub Desktop等等。 1. Commit1-1 Commit Amend此指令是將最近一次提交可以再次編輯、添加、刪除剛才提交的文件。如果你在執行 git commit –amend 之前添加了新的更改到暫存區，那麼這個命令將創建一個新的提交，這個提交將包含原始提交的所有更改，以及新添加到暫存區的所有更改。 1git commit --amend 1-2 Undo Last Commit這個指令作用是撤回上一次的commit，但是會保留程式碼、Commit訊息，可在調整commit message後再次commit。 1git reset --soft HEAD^ 2. Reset Soft : 保留工作目錄、暫存區、commit，但是會把commit移除。 Mixed : 保留工作目錄、但是會把暫存區、commit移除。 Hard : 會把工作目錄 ...

前言相信不少有製作專案時候，面臨不少有管https的問題 ，例如 Line Bot (message api)、影像識別等。必需要https 才能使用，ngrok會將成為專案救星。如果是使用 windows 以外系統，建議配合其他資料參考。 ngrokngrok 是一個可以將內網伺服器與對外伺服器溝通的服務。ngrok 可以把外界的請求轉發到你指定的 Port，使用的背景原理是連接到 ngrok 雲端伺服器，將你本機指定的地址公開，再將由 ngrok 一串公開的網址來存取內容。 ngrok一、安裝註冊部分請各位自行去註冊。 進入ngrok網站後，會需要進行安裝的動作，點擊ngrok.exe即可。 存放位置沒有特別限制，這邊我存放路徑為 C:\Windows\System32 給各位參考。 接下來要加入 authtoken 這邊需要複製網站上提供的指令並貼在command 裡面。 1ngrok config add-authtoken xxxxxxx 完成後，可以輸入ngrok help 先看看指令。官方網所提供如果要開啟 port 80 必須要輸入ngrok http 80。 二、 ...

前言近期因為工作上關係 Blog 產量逐日下降，稍微少許時間來探討一些主題。近期遇到非常有趣的問題，因此想要來分享一下。 事情經過發生在近期我為了要將 Object 複製一份到變數當中，並修改 temp 變數發現 EF 無法正常運作，但是我卻不知道為什麼，因此我就開始了我的 Debug 之旅。事件如下範例 程式碼初學者教導有個觀念就是，若要有變更變數的話，就要先複製一份出來，然後再進行變更，如下方範例 123int a = 1;int temp = a ;temp = 2; 因此我就照著這個觀念，將 Object 複製一份出來，然後再進行變更發現不是預期的結果，如下方範例 123456789var A = new Person() { Name = "A", Age = 10 };var temp = A;temp.Age = 20;Console.WriteLine($"{A.Name} - {A.Age}");Console.WriteLine($"{temp. ...

windows 11 不再支援任務欄部分功能2021/10 微軟將任務欄中的行事曆移除，並且不再支援任務欄中的小工具，這對於習慣使用的人來說是一大打擊。目前微軟提供 Outlook 行事曆 App 來取代原本的行事曆，而通知訊息透過小工具加入。 參考文章 Windows 11 不再支援任務欄部分功能 windows 11 小组件待办事项和日历无法正常显示

現金管理近期將之前的現金管理講在整理一次。近年來因為有第三支付、網購、信用卡等等，比較現金管控會比較少，但是現金管理還是很重要的，因為現金管理可以讓你知道自己的花費狀況，也可以讓你知道自己的錢花在哪裡。 目的 資金管控 : 現金管理可以讓你知道自己的花費狀況，也可以讓你知道自己的錢花在哪裡。 提款便利性 : ATM 各家銀行多寡會偏向使用或是使用數位帳戶解決提領手續費。 資金移轉 : 部分資金都是透過數位帳戶優惠方案，可以讓資金移轉更加方便。 資金租稅管控 : 部分使用者會透過其中銀行帳戶來作為繳費使用。 管理方式一、存款機構存放機構是可以將錢存放特定地方。 商業銀行 郵局 信用合作社 農漁會信用部 二、非存款機構非存款機構是可以將錢存放特定地方，往往回饋率會依據市場狀況而有所不同。 投資信託公司 證券經紀商 保險公司 虛擬貨幣 三、目前現金理財金融工具 活存儲蓄存款 定期存款 支票存款 外幣存款 虛擬貨幣 貨幣價值一、貨幣終值貨幣終值是生涯理財規劃的最佳運用，是透過利率(投資報酬率)已知情況下，需要幾年才能達到目標金額。 二、複利效果將金錢存入銀行定存帳戶中，主要定存 ...

2023 即將結束，我也要開始統計自己今年為自己提升、改變什麼吧! 2023 心路歷程從2023開始心態已經不像當初有動力去研究新型東西，原因是當技術學習一個門檻之後，許多東西可能會限制，例如: 金錢、時間、環境、科技衝擊等等。今年不斷位置自己突破技能，過程開發技術上還是沒辦法到達心目中的等級。中間花一些時間與同事閒聊一些技術，被點醒很多技術若願意花一些費用、時間研究，會比自己花時間研究還要快速，例如 github copilot 、AI 等等。 空窗期再 2023 過後我開始進行休閒活動，為了讓自己可以讓自己的心情放鬆，不斷的進行休閒活動，例如: 看電影、看書、運動、旅遊、打電動等等。另外，為自己開設蝦皮、露天、youtube、discord 論壇等等，讓自己有不同發想、測試是否有API、檢討、解析他們的網站。 DevOps之前為了自己能力不足，不斷的學習 DevOps 相關技術，例如: Azure DevOps、Github Actions、Docker、CI/CD、自動化測試、自動化部屬等等。這些技術都是為了讓自己能力更加強大，不斷的學習、研究，讓自己能力更加強大。之後 ...

定義 ::before 原本的元素[之前]加 入內容 ::after 原本的元素[之後]加 入內容 使用方式 使用時，需要加上content 才能使用 產生出來虛擬元素為inline特性。無法控制寬、高、行距 有關SEO內容，不應該放在content內 content:搜尋引擎找不倒裡面的文字 可以減少HTML標籤數量，相對也加重瀏覽器的渲染區塊 偽元素123456789101112131415161718192021@charset "UTF-8";.box { background-color: yellowgreen; width: 500px; padding: 15px; margin-left: auto; margin-right: auto;}.box::before { content: "我是 before"; background-color: pink; display: block;}.box::after { content: "我是 after" ...