AI Tools Part 1 johch3n611u | AI Tools |2024-01-15 ScreenShot To Code ScreenShot 丟給 AI 產生 Layout 需要自己架程式用自己電腦的算力 ...
無到有 Net Core API 環境建置與便捷設定 johch3n611u | Dev Tech |2023-03-25 此文章記錄重新開專案時遇到的一些問題方便以後查看，會不定時編修，如有錯誤在麻煩各位大神請不吝設指教，感謝！ Sql Express Sql Express 是免費的 Microsoft SQL Server 關聯式數...
因為這個系統上已停用指令碼執行，所以無法載入... johch3n611u | Dev Tech |2023-04-23 每次重灌電腦都會遇一次，快記在這方便自己查詢 以系統管理員執行任何 CMD set-executionpolicy remotesigned Yes ...
SSH 比 SSL 更安全嗎? kai98k | Dev Tech |2023-05-07 SSL 跟 SSH 差異SSL和SSH都是安全加密通信協議，在 OSI 七層模型中，兩者都是建立在應用層，但它們的用途和應用場景不同，不過都是為了讓網路傳輸變得更安全。 ...
Net core 全域異常處理 kai98k | Dev Tech |2023-02-28 在開發中除了利用 Log 套件幫助我們記下有問題或是 Error 的地方，還可以利用 .Net core 中的 Filter 來處理一些異常發生時，該做的事。 Filter藉由微軟提供的視圖，可以看到 Filter 有點類似管道或是過濾器的概念，在 .Net core 中程式的生命週期會先進到中介層(Middleware)，再進到這次要談的 Filter。 ...
查找 IIS 站台相關問題與重啟 Application Pool 機制 kai98k | Dev Tech |2023-05-01 許多人可能知道怎麼在 IIS 架設網站，卻不知道相關的伺服器 Log 要在哪尋找，答案就是事件檢視器(event viewer)。 ...
在 Hexo 中整合 Angular johch3n611u | Dev Tech |2023-02-05 要將 Angular 嵌入到 Hexo 中，需要完成以下步驟： 編譯 Angular 應用程序為靜態資源，包括 HTML、CSS 和 JavaScript 文件。 將這些靜態資源放置在 Hexo 的 source 目錄中。 在 Hexo 的 Markdown 文件中使用嵌入式 HTML 代碼來載入 Ang...
讓你大概搞懂 CallbackFn & Bind(this) johch3n611u | Dev Tech |2023-06-03 最近遇到一個外部引入的 script 需要整合進 Angular 中，CallbackFn 與 this 拆開來能理解，在 Angular 中元件中的 this 通常指向當前元件實例。 而進到 CallbackFn 後 this 亂了，曾經嘗試過箭頭函式也是失敗，最後用一個智障方法，先保存在 localstage 在取出來用，還好是同事幫忙 Code Review 用了 Bin...
.NET 6 輕量視覺化 Log 工具 WatchDog kai98k | Dev Tech |2023-01-08 在專案中，上機測試常常會碰到原本開發上沒遇過的問題，這時候就要環境中留存的 Log 來做 Debug 了。如專案中的 Log 衍生需求不多，建議可使用這套 WatchDog 工具。 介紹WatchDog 利用 SignalR 與預設 LiteDb 來...
免升級硬體，透過軟體調整電腦性能 johch3n611u | Dev Tech |2023-01-14 此文章會不定時編修，如有錯誤在麻煩各位大神請不吝設指教，感謝！ 自製 bat 清除系統垃圾Start chrome.exe ...
Presentation 筆記 johch3n611u | English |2024-10-05 氣勢 自信 声音清楚，姿态稳重，眼神别乱瞟 清單 Recap Peak-end rule 峰值( 印象深刻的高潮 ) + 印象深刻的結尾總結 結論為先 金字塔原理 層層遞進 AIDA 模型 Attention 吸引觀眾記憶力 Interest 激發觀眾興趣 Desire 強...
React:Class-based & Functional Component johch3n611u | Dev Tech |2023-03-25 Class-based Functional Component 需繼承 React.Component具有生命週期，可以針對某些情境決定是否渲染需要在設置 State ( Stateful Componen...
React-Hooks johch3n611u | Dev Tech |2023-03-25 useStateuseState( 資料預設值 )：建立一個被監控的資料變數「變數（count）」和「改變該變數 React 會幫我們重新轉譯畫面的方法（setCount）」 每次 setSomethi...
解決 Git 錯誤:Repository not found kai98k | Dev Tech |2023-03-05 當一台電腦中使用不同 github 帳號時，常常會發生衝突問題，就會造成明明就有此儲存庫，但一直報錯，且無法使用 執行 git:clone... => fatal: Repository not found...
適用所有行業的轉職評估法 kai98k | 轉職成長 |2023-02-12 雖然最後自己轉換的職業為軟體工程師，但在自身的實踐後與研究，我相信這套方法其實是可以套用在大部分行業的，不限於工程師，於是想跟大家分享。 先問，為什麼 “He who has a why to live...
解決連不到指定IP與Port問題 kai98k | Dev Tech |2023-04-09 當我們以為IIS一切都設定好了，在 Server 可以成功開啟站台，查看網頁的時候，用外部 IP 要連線查看時，才發現大夢初醒，一切都是空談，這時候就要做一些測試來找到問題，可以透過這些 ...
解決問題 - node 不是內部或外部命令 kai98k | Dev Tech |2023-04-09 npm、webpack 等等都需要 node 來支援，如果 node 出問題了，那通常其他相關的指令也無法運作，如果有灌 node，但還出現這樣的問題，可能是環境變數出現了錯誤。 環境變數如果是 Windows 環境，可以在開始搜尋列中查詢 打開後，點擊環境變數 ...
減少依賴衝突、提高開發效率：使用 pnpm 解決版本管理挑戰 johch3n611u | Dev |2024-03-04 知識點Node： 基於 Chrome V8 JavaScript 引擎的運行時環境 ...
你是誰?淺談身分認證方式 kai98k | Dev Tech |2023-04-30 身分驗證與資安問題一直是目前仍然很火紅的問題，由於 Http 本身是屬於無狀態，所以說每次的 Request/Response 都是獨立的，所以就需要 session、cookie 和 token 來做狀態/資訊管理(state...
幾種 .Net 列印的方式 kai98k | Dev Tech |2023-02-05 通常印表機可以傳送 ZPL 或是直接透過驅動程式來觸發列印程序，本文主要講的是後者的列印方式。 安裝驅動我們要先讓電腦認識印表機及溝通的埠道，可至 BarTender 安裝相對應的驅動。 下載完後選擇連接方式 指定印表機型號 ...
.NET6 使用 Serilog，在 log 當下同時寄信 kai98k | Dev Tech |2023-01-04 在專案中，上機測試常常會碰到原本開發上沒遇過的問題，這時候就要環境中留存的 Log 來做 Debug 了。除此之外，當特定的事件發生時，除了要 Log 下來，還要寄信給相關人員時，就可以嘗試使用 Serilog。 如果沒有複雜的 Log 需求時，我推薦使用輕量/視覺化的 WatchDog 來做 log 輔助。 ...
Windows 測試連線工具 kai98k | Dev Tech |2023-03-03 靠這幾個工具，非本科工程師也可以了解基礎 TCP/IP，更好的知道網路是哪裡出問題，再將問題回報給網管….或是自己處理(?) pingPing 可以說是最基礎的指令，但如果要深層判斷網路及各種外來主機的狀態，也可以變得很複雜，先講最簡單的用法，詳細可參見IBM 說明文件。 打開命令提示字元(CMD) ping [IP address/Hos...
二次封裝實現自己的函式庫：Angular johch3n611u | Dev Tech |2023-07-05 曾使用過 Angular 進行開發，使用過二次封裝元件 HOC 來滿足特定的需求和業務邏輯， 我發現以往的做法往往只是針對特定情境封裝了較為死板的二次封裝元件，導致在遇到需求不符或需要修改代碼時，很難進行有效的維護和改進， 有時候，甚至會出現時間久了或開發者離開後，沒有留下文檔的情況，這就讓業務方不得不接受一些奇怪的現象， 改善這種情況非常必要，在本...
新手的領域展開-領域驅動設計 kai98k | Dev Tech |2023-01-29 關於 Domain在開發前置作業中，開發者通常會有很大一部分的時間在理解業務 Know-how，也就是該領域的知識(Domain knowledge)，在了解之後，進而轉成有業務邏輯的程式碼。 但是像我在剛接觸專案開發的時候，就會一股腦的把所業務邏輯寫在一起，好一點的狀況是還有分層的概念，壞一點就是直接都塞在 MVC 的 Model 中 久而久之，系統的龐大會造成雜亂無章的結構，不僅會降低開發效率，光是找一個功能就不知道...
讓你大概搞懂 Http Request johch3n611u | Dev Tech |2023-01-09 此文章會不定時編修，如有錯誤在麻煩各位大神請不吝設指教，感謝！ TL;DR 直接使用擅長的或是最新的，因為都是在 Http 協議下的交換資料方式，差異不會大到哪 因為專案上有 Angular Forms 與 HttpClient 的需求，以往不管是用 fetch 或是 JQ 都直接實作...
讓你大概搞懂 JS johch3n611u | Dev Tech |2023-03-22 原先是在研究 React Class / Function 差異 [React] Functional-component vs Class-component 但看著看著發現對於 Js 底層了解太少，所以在此紀錄一下一些文章重點，方便以後查閱。...
詞源學如何幫你五天記住一萬個單字-筆記 johch3n611u | Language |2023-06-20 5天就能記住1萬個單詞的方法，老師為什麽不教？用结果说话，因为结果不会骗人一套高效背单词的方法，单词记忆法。快速提高中考高考英语，四级六级考研雅思托福词汇量 ...
abp Framework 框架的框架 kai98k | Dev Tech |2023-02-09 框架簡介abp.io 是 ASP.NET Boilerplate Project的擴展版本，兩者為不同框架，但共通點都是套用 DDD 概念，這邊會將 abp.io 簡稱(abp vNext)，abp vNext 是一套基於 .Net Core 的開源微...
