近期因為服兵役，在裡面太無聊，所以就又重讀了很久之前買的 無暇的程式碼—敏捷完整篇
主要是針對設計模式的部份來看看
大約 3 年前，剛看完書籍就想要現學現賣，結果只寫了 Command Pattern 跟 Active Object Pattern 就沒再更新了
現在回去看，感覺就像是把書籍的內容貼上一樣 XD
當時有位前輩就有回覆過使用模式的原因，現在有比較了結意思了
最初的統整文章：設計模式筆記 (舊)
現在打算依照自己的經驗重新去撰寫這些模式的相關介紹
舊的文章則會保存，把黑歷史留下來 XD
我自己在體驗 Linux Desktop 時都是會額外建立一個虛擬環境
這樣蠻耗費資源的，因為需要兩個 Linux 的硬碟空間，其中一個是平常用的 Ubuntu Server
在粗略的碰過 Docker 之後，開始在想能不能夠透過 Docker 來執行 GUI 程式
一來環境本身隨用隨棄，二來移除時也比較方便，比較沒有負擔
近期把 hexo 的 source code 放到 github 上託管
以防哪一天不小心弄丟了，復原很麻煩
但是這樣我都要進行一些例行公事
hexo clean |
用起來也挺麻煩的
所以我就開始使用 Github Actions 來進行自動部屬了
花了一些時間才弄好
本來是要在上次連假時發佈，但是後來接期中考，就被我放置到現在了
是時候要讓 angular 系列先告一個段落了
這將會是目前 angular 系列的最後一個主題
這篇主要會說明在 Angular 中蠻重要的部份，Injectable
最後會實做一個簡單的 Service 從後端取資料到前端
前面介紹了與 component 相關的內容之後
接下來將會介紹建構 angular 系統裡的重要角色 Module
Module 可以管理許多的 Component，並引入像是 Pipe、Directive、Service 等東西
也可以引入其他 Module 來使用相關的 Component、Pipe 或 Directive 等
之後還會介紹一種比較特別的 Module，路由
這次要繼續介紹與 Complnent 相關的各種工具：
透過使用這些東西，可以使得 Component 樣板的內容變得更簡潔、好維護
在開始講之前，要先補之前沒有介紹到的一些基本的樣板結構操作
上次有提到，Component 的變數可以在樣板中被使用。
那實際上樣板是怎麼使用 Component 的變數呢？
Component 跟樣板的關係又是什麼？
本章將會進一步講解 Component 與樣板之間的關係
並透過 Angular 提供的綁定功能，來寫一個簡單的登入畫面
Angular 的專案資料夾內容相當豐富，剛開始看到時，還真不知道該從哪裡下手呢。檔案數量多，名子又很長
所以一開始會先介紹一下基本的專案結構，然後間單說一下 Module 跟 Component