全端開發人員天梯

Inno Setup 內建多種語言的安裝檔，不過內建不支援繁體中文，雖然文件上有非官方語言包可以下載，但還是有一些地雷在，這篇文章就簡單記錄一下。

前一篇我們提到使用 Inno Setup 的腳本精靈來產生安裝檔腳本，並編譯這個腳本來建立安裝檔，不過這個腳本精靈通常只會使用一次，因為產出的檔案是無法再次使用腳本精靈設定的，因此最終我們還是需要自行去維護這個腳本，今天就來看一下預設使用腳本精靈產生的內容有哪些，未來要維護或新增功能時就可以更容易上手了。

Inno Setup 是一套開源但功能強大且完整的 Windows 安裝程式，透過 Inno Setup 可以幫助我們將開發好的程式打包並壓縮成一個安裝檔，提供給使用者快速安裝；在打包成安裝檔的過程中我們會撰寫一些腳本來處理中間的安裝過程，因此在安裝的過程中是可以高度客製化的，今天就來快速看一下如何使用 InnoSetup 打包出一份安裝檔。

以下說明如何使用 Visual Studio Code 來將文字檔編碼進行轉換。

範例如圖，目前是一個 Big5 編碼的文字檔：

我們想轉換成 UTF-8，該如何處理呢？

難得的出現了一本 Angular 的繁體中文書籍，而且是台灣人自己寫的，不是翻譯版，今天就來開箱一下這本「圖像 Angular 開發入門：打造高靈活度的網頁應用程式」！

Webpack 是強大的前端打包工具，可以幫助我們快速的將前端 JavaScript 程式及其用到的相關程式都打包成一個或數個 js 檔。同時也可以將不需要的程式透過 tree shaking 機制過濾掉。

不過在前端的世界對於檔案大小是錙銖必較的，因此知道 webpack 到底打包了哪些程式，哪些程式是過濾不掉的，就非常重要了！

好在 Webpack 提供了一個功能，讓我們能快速分析出打包的結果，到底包進哪些程式，程式大小等等清清楚楚，今天就來看看如何分析Webpack 打包後的結果。

在之前的文章中我們曾經提到過「動態建立元件」的方法，透過建立一個 directive，並決定這個 directive 的樣版上要呈現成什麼元件，之後將元件產生在 directive 所屬的樣版上。

這麼做很棒，不過還是有一個缺點，就是一定需要在樣板 HTML 上掛上這個 directive，才能產生動態的元件，雖然大部分情境都足夠了，但當遇到甚至連 HTML 都是完全自定義不是寫死在程式內的，如果需要由後端 API 回傳 HTML 內容，並在回傳的 HTML 特定位置放置元件，就會有困難。

今天就來看看這種動態的 HTML 內如何插入一個元件！

今天從 Jimmy 哥 那邊學到的新招，透過 Dependabot 及 GitHub Actions，可以在相依套件有更新時自動發送 PR。

Angular 中的 HttpInterceptor 可以幫助我們攔截每個 HttpClient 送出的呼叫，幫助我們在呼叫前後打點各種大小事情，不過有時候我們反而希望 HttpInterceptor 不要自作主張幫我們處理太多事情，之前有寫過一篇文章介紹如何忽略 HTTP_INTERCEPTORS，而到了 Angular 12 之後，則內建了 HttpContext 的功能，方便在程式中主動傳遞一些資料給我們自己設計的 HttpInterceptor，來達到一些更細緻的操作，這篇文章就來看一下 HttpContext 該如何使用。

當使用 GitHub Actions 時，經常要針對來源事件去進行一些額外處理，導致要去查詢事件相關屬性，非常不方便，可以使用 Debug action 將相關資料印出，方便查找。