當一個 Angular 前台系統即將新增後台管理介面時，團隊常會面臨架構選擇：前後台應放在同一個 Repository，還是拆成兩個獨立 Repository？ 這個選擇不只影響目錄結構，也會影響共用程式碼、CI/CD 執行時間、權限控管與未來交付原始碼的方式。 本文比較三種常見方案，並整理適合各自情境的判斷原則。

Jest 是常見的 JavaScript 與 TypeScript 測試框架。除了撰寫斷言外，最常用的能力是安排測試生命週期，以及用 mock 隔離 API、資料庫或其他外部依賴。

影片被嵌入不同尺寸的版面時，若來源檔本身含有上下或左右黑邊，使用 CSS 的 object-fit: cover 也無法真正移除它們。這時可先用 FFmpeg 偵測可裁切範圍，再輸出新的影片檔。

地圖功能不只是「在頁面放一張地圖」。從一般標記、路線與行政區圖層，到地形、3D 模型與空間分析，不同需求適合的工具差異很大。本文從前端渲染、圖資服務與後端空間資料三個層次整理常見選項。

當本機開發需要測試 HTTPS 限定的瀏覽器功能，例如 Secure Cookie、Web Crypto API 或第三方登入流程時，可以讓 Angular 開發伺服器透過 HTTPS 啟動。 本篇整理憑證、ng serve 與 API Proxy 的基本設定方式。

紀錄一下在 Linux 裸機環境從零安裝 Nginx、部署前端靜態網站，到設定 HTTPS 的完整流程。

在本機開發 Angular 應用程式時，前端通常運行於 http://localhost:4200，API 則可能位於另一個 port 或網域。若直接從瀏覽器呼叫 API，便可能遇到 CORS（Cross-Origin Resource Sharing，跨來源資源共用）錯誤。 本篇以 Angular 開發伺服器的 Proxy 功能處理本機開發情境，讓瀏覽器以同源方式呼叫 API，而由開發伺服器

表單中的文字說明欄位常需要限制輸入長度，並即時顯示目前字數。Angular Reactive Forms 可以直接透過 FormControl 綁定狀態，不需要手動操作 DOM 或以固定 id 尋找元素。

紀錄一下如何為 Angular 專案導入 SEO，從觀念到實際改造成 SSR／預渲染的步驟。

團隊協作時，程式格式若完全仰賴人工約定，通常很快就會出現不同的縮排、引號與換行風格。將 Prettier 放進 Git commit 前的流程，可以讓提交進版本庫的程式碼維持一致，同時避免每次格式化都改動整個專案。