搞搞就懂

透過 StyleCop.Analyzers 來針對 .NET Core 專案代碼進行規範，避免個人寫作風格太過強烈。

透過 ngrok 轉發，將 host 在 localhost 的服務/站台露出至 Internet 中，省去 line bot 開發時需頻繁地佈署 Webhook 才能驗證功能的困擾。

本文說明如何在 SPA 網站中加入 Google Tag Manager (GTM) ，並且透過 GTM 將資料收集至 Google Analytics (GA) 來追蹤網站內各頁面的訪問流量。

透過 webpack 打包後的檔案為靜態頁面，所以只要能通過 HTTP 訪問到該頁面就夠，其中唯一可能發生問題的就是路徑問題，這牽涉到 webpack 的設定需要與其搭配；另外當 Router 是使用 History 模式時，就需要透過 web server 設定來執行 url rewrite 機制，確保訪問到正確的檔案。

本文將介紹 Vuex 的使用方式 ( 模組化 Store )，並且利用 Vuex 掌握全站讀取中的 web api 數量狀態，自動依據該狀態來自動呈現 loading 互動效果。

網站上線前一定會歷經各個測試環境 (sit / uat) 的試煉，因此需定義出符合各環境的各項參數值，本文提供兩種方式來搭配使用，應可符合絕大多數需要調整環境參數的情境。

針對第三方套件使用的合宜性來進行審視，並透過 async component 與 webpack 代碼分割功能來實現 Lazy Loading Routes 機制，讓打包後產出的 boundle 檔案能依照各頁面需求載入所需的代碼。

筆者在套用語系時，習慣將該 key 值對應的中文語系文字當作註解一併插入，但語系文字會經常被調來調去，此時註解在畫面的文字就會有不同步的情況；本文透過 C# 實作一個同步語系文字的工具，讓「語系檔」與「語系套用註解」永遠保持一致的狀態。

在填寫多步驟式的表單資料時，若需要在回上一步後顯示先前填寫過的資料，可以使用 keep-alive 標籤包裹，讓指定的步驟組件狀態被快取，輕鬆完成這類需求。

表單驗證是每個網站必備的工作項目，本文使用 vee-validate 實作表單驗證，並搭配 vue-i18n 語系檔來打造友善的多語系錯誤提示環境。

要讓網站也可以提供給外籍人士使用，不可免俗的需要多國語系的支援，因此本文透過 vue-i18n 來打造一個多國語系網站，並介紹基本的使用情境及用法。

當多數組件中有共同方法及物件是會被經常使用到的時候，絕對會希望抽出成獨立的方法讓所有組件重複使用，因此 Vue 提供幾個不同的方式來發便開發人員建立複用的機制，可以依照需求特性選擇作法。

在 React 16 版本後新增錯誤邊界 (Error Boundary) 的概念，新加入 componentDidCatch 組件生命週期方法來捕捉「子組件」錯誤，當邊界內層子組件發生不預期錯誤時，不會影響到邊界外層父組件；當然也會有一些限制存在，本篇文章來針對 Error Boundary 進行說明。

在開發具有登入功能的網站時，各功能頁面將所屬不同權限用戶使用，因此進入頁面前都需進行權限檢核；這篇文章將在 React Router 4 版本中實作一個符合基本需求的 PrivateRoute 組件，讓用戶在切換路由時進行權限的檢核，達到頁面功能權限控管的需求。

透過電子郵件中的圖片作為電子郵件讀取紀錄的發送管道。

在透過 NLog 記錄 Exception 錯誤至 DB 時，當有其他「額外」資訊需要一併紀錄到「獨立」欄位時，可以利用自訂 Event Context Layout 來自行決定需輸出的欄位資訊，讓錯誤訊息清楚地呈現在每一筆 Log 資料的特定欄位中，對於錯誤釐清與各項資訊交叉比對都較為方便。

在處理 DB 資料時常會遇到以逗號分隔的字串資料，例如功能關鍵字就可能以特殊符號相隔存入資料庫，而當需要針對各關鍵字進行統計時，就需要將文字拆解出來為一筆筆的資料；本文藉由一個實際情境來說明如何透過 CTE 遞迴達到拆解字串的目的。

本文介紹使用 JavaScript Standard Style 來維持語法樣式的一致性，使用上不需要額外的設定檔，以最簡單的方式來強迫統一樣式，讓我們把時間花在那些真正該解決的問題上吧。

在 TransactionScope 中使用 await 會發生 「TransactionScope 必須在當初建立所在的執行緒上進行配置」錯誤訊息，本文以此錯誤來檢視 async / await 機制與流程，並且透過設定來排除 Task 或 async/await 這類非同步作業所產生的跨執行續交易問題。

此篇文章將就一名新進工程師的日常，試圖將 Git 常見的操作情境依序串接起來，期望可以在情境中直覺地學習使用 clone, commit, push, pull, rebase, stash, branch, merge 等指令功能，協助讀者掌握 Git 基本的版控操作技巧。