CK's Notepad

Keycloak is an open source identity and access management solution. 他能提供 SSO 系統服務，一個簡單的驗證機制可以快速被建立出來，更多資訊可以到官網上閱讀，那為什麼要寫這篇筆記，主要是想要瞭解開發時，如何與 Keycloak 串接，所以要在本機上面將該環境給準備出來，以供開發使用。

Playwright 是一套 E2E 的測試工具，可以測試多種瀏覽器環境(包含手機)，是一個功能強大且完整的工具

今天心血來潮跑去 RxJS 官網晃了一下，無意間看到一個我從沒注意到的好功能，特地寫一篇文章記錄一下，我們在寫 Angular 時會去寫一個 global 的 error handle，主要目的是為了那些未被處理的 exception，而 RxJS 也有一樣的功能，那就是 config

Angular 14 推出 Typed Form 的功能，利用中秋放假的時間，好好地將這個功能給仔細玩過一次，掌握好才能在專案上使用到

使用 Obsidian 來寫 Docusaurus 似乎也是個好選擇，以下是我嘗試後的一些設定方式

其實我知道 Obsidian 這工具已經好一段時間了，只是一直都沒有真的去使用他，看了很多文章和影片介紹，覺得是時候給他一個機會，真的去用看看他的功能是否適合在工作上，或是有其他可以使用的情境

很久以前寫過一篇關於 ControlContainer 的文章，但那時候太菜不知道怎麼寫測試，今天回頭寫 ControlContainer 配上 formArrayName 時，熊熊發現不知道怎寫測試，稍微有點悲劇，但還好根據官方的測試檔案，還是可以整理出答案，以下就是如何測試有使用 ControlContainer 的 Component

週五突然想到 Excel 是否能載入 JSON 檔案或是 WebAPI 的資料，因為 PowerBI 可以做到，想說 Excel 應該也可以，所以就來試試看

Angular standalone component 功能在 v14 版本推出 developer preview version (表示不建議使用在 production 環境上)，還是可以先玩弄一下，稍微感覺未來可能的開發模式跟架構會有怎樣的選擇出現

Angular Http Interceptor 使用情境很多，例如加 header token、處理 response error 等，但有時候如果真的有 http request 想要跳過 interceptor 這層該怎麼處理，以下是處理手法