Angular 4 教學 - Multiple Modules
-- Pageviews
Angular 4 File Structure
-- Pageviews
最近有一個新專案要用 Angular 4 開發，突然覺得之前開發 Angular 2 及 Angular 4 的目錄結構有點亂，想藉此機會整理一下檔案架構。
我重新檢視這一年來用 Angular 2 及 Angular 4 開發的專案。同時參考了國外 Angular 大師的 Blog 及一些 GitHub 專案，整理成這篇 Angular 4 File Structure。
ASP.NET Core + Angular 4 教學 - CKEditor
-- Pageviews
本篇將介紹如何透過 TypeScript 把 CKeditor 包裝成 Angular 4 的 Directive，讓 Angular 4 能更方便使用 CKEditor。
並建立一個簡單的 ASP.NET Core Web API 跟 CKEditor 做存取資料的互動。
ASP.NET Core + Angular 4 教學 - Routing
-- Pageviews
本篇將介紹 Angular 4 的 Routing 實現 Single Page Application(SPA)，以及 Angular 4 跟 ASP.NET Core 的 Routing 共存的方法。
前端 Angular 4 Routing 產生的虛擬 URL，並不是真的存在於 ASP.NET Core 的 Routing，所以重載頁面或從瀏覽器網址輸入，會變成 404 找不到網頁。
ASP.NET Core 教學 - Web API JSON 序列化設定
-- Pageviews
用 JSON 作為 Web API 資料傳遞格式，並使用 camelCase 作為名稱命名規則，幾乎已成為通用的標準。ASP.NET Core Web API 也很貼心的把回傳物件格式預設為 JSON camelCase。
通常 C# 端定義的物件欄位都是 PascalCase，但有時候為了讓前端 JavaScript 物件可以跟後端保持一致，也會把前端 JavaScript 物件欄位定義成 PascalCase 格式。
為了讓前後端定義的物件欄位格式保持一致，就可以透過 SerializerSettings 改變收送格式。
ELK 教學 - 從無到有安裝 ELK (CentOS/Red Hat)
-- Pageviews
ELK 是由 Elasticsearch、Logstash 及 Kibana 三個系統所組成的 Log 蒐集、分析、查詢系統。
可以在不改變原系統架構的情況下，架設 ELK 蒐集、分析、查詢 Log，簡化過去繁鎖又沒效率的查 Log 工作。
AWS S3 + CloudFront - SSL 靜態網頁架站教學
-- Pageviews
ASP.NET Core + Angular 4 教學 - SignalR
-- Pageviews
本篇將介紹 Angular 4 跟 ASP.NET Core 透過 SignalR 的互動，範例是做一個簡單的即時聊天室。
透過 TypeScript 把 jQuery 及 SignalR 包裝成 Injectable class，讓使用更為便利。
Visual Studio 2017 - TypeScript 無法存檔問題
-- Pageviews
最近在家用 Visual Studio 2017 寫 TypeScript 時，常常遇到無法儲存檔案，按下儲存就一直要我另存新檔，隔幾分鐘後再按儲存，才能成功儲存。用公司電腦就不會遇到此問題，搞的我很火大！
我上網找了專門查看檔案被 Lock 的工具 LockHunter（如上圖），發現我開啟的專案中，所有 TypeScript 檔案都被 SearchProtocolHost.exe 咬死，隔了很久才釋放資源，導致我都不能存檔。
SearchProtocolHost.exe 是 Windows 幫檔案建立索引用的背景程式，透過建立索引可以加快搜尋檔案時。
ASP.NET Core + Angular 4 教學 - Web API CRUD
-- Pageviews
本篇將介紹 Angular 4 跟 ASP.NET Core Web API 透過 AJAX 的互動，範例是做一個簡單的通訊錄。功能包含新增(Create)、查詢(Read)、修改(Update)跟刪除(Delete)，簡稱CRUD。