程式 設定 Let's Encrypt HTTPS nginx certbot SSL 憑證自動更新 教學 約三個月前幫這個部落格加上了 https，用免費的 Let's Encrypt CA (Certicate Authority)。Let's Encrypt 雖然免費，但效期只有 90 天，因此每三個月必須更新憑證，我原本是用 SSL For Free 這個網站來申請和更新憑證，但後來發現 Let's Encrypt 的 client — certbot https://certbot.eff.org/ 相當好用，也會自動幫你更新憑證。
git git flow 實戰經驗談 part2 - 可能更好的 gitflow 在上一篇 part 1 中指出了 gitflow 帶來的不方便，這篇文章會介紹目前團隊採用的方式，原則很簡單—所有的新增及修正都基於 master 分支。 在開始以前，你必須對 git 有基本的了解，包括 (no-)fast-forward merge 及 rebase 的觀念。
git git flow 實戰經驗談 part1 - 別再讓 gitflow 拖累團隊的開發速度 從一點到另外一點，最快的方式就是直線過去。但有時視情況因為管理的需求，必須要迂迴。因此人們訂定並遵守規範，但對軟體開發來說，不對的開發流程，就只會造成不必要的時間和成本的浪費而已。兩年多以前，寫了「了解 Git Flow」，在實際遵守它進行多人同時開發的兩年之後，我要來指出 gitflow 會帶來的麻煩，以及背後的原因。
程式 身為軟體工程師 跑 Scrum 時需要注意的二三事 Scrum 這個專案管理的原則，近年來相當火紅，怎麼運作就不再多作介紹了，去 google 就有一大堆相當專業的評論。 如果你要繼續讀下去，希望你對 Scrum 是有基本了解的。但假使你有點懶得，也可以參考下面這張圖，希望能讓你 30 秒了解 Scrum 想要達到什麼
程式 介紹 WebVTT 字幕格式 WebVTT 這個格式出現，目的是讓字幕檔上的額外訊息，可以讓 HTML5 的 `TextTrack` 元件直接，而且正確的顯示內容。 目前這項規範是 non-normative 未常規化的，將來極有可能變動
程式 介紹 Session 及 Cookie 兩者的差別說明 這幾年 SPA（Single Page App）當道，造就一個現象就是 Server-side 及 Client-side 壁壘分明。如果你是 Client-side 的開發者，可能沒什麼機會自己架一個 web server，所以也不會實作到 session。自己本身也因為這樣，雖然開發 Web 應用已經有幾年的時間，汗顏的是，一直沒有好好了解 session 及 cookie
程式 如何從 SASS 無痛轉移到 POSTCSS 先說結論吧...目前這是不可能的（被歐），先別急著左鍵跳出啊，接下來要聊一下：為什麼要轉，轉得時候遇到什麼樣的問題，以及最後為什麼放棄了？是一個實作失敗的全紀錄
程式 nginx 基礎設定教學 這個教學其實是說明 nginx.org 上的 Beginner’s Guide，如果你對於建立 http server 並不是那麼熟悉的話，請先從基本的設定開始了解是最好的
程式 介紹 DOM 及事件流程 DOM 是什麼？ DOM element 又是什麼？ addEventListener 是怎麼作用的？ useCapture 這個參數是幹嘛的？ e.target 及 e.currentTarget 有什麼不同？ 執行 e.stopPropagation() 及 e.preventDefault() 有什麼影響？ 如果上面幾個問題也是你的疑問，那請你繼續讀這篇文章
程式 了解 Git Flow 當初剛接觸 git 的時候看到這張，只覺得版本控管本來就該這樣作嘛，好像也沒什麼大不了的。真的開始多人開發，加上要出版本的時候，就開始發生問題。最明顯的就是：啊怎麼我的 git source tree 長得這麼亂...如圖這樣簡潔的線條是到底是怎麼長得...。 在釐清比三千煩惱絲還亂的原始碼樹狀歷史之後，有了一些小心得。其實寶藏就在那裡了，只是你沒發現而已。上面這張圖，有一些細節是需要被提出來的。
程式 AngularJS DI (Dependency Injection) 介紹 AngularJS 是公認的學習曲線相當陡的 Framework，因為它和一般的 MVC Framework 不太一樣，定義了像是 filter、directive 等功能，一開始要了解為何這樣設計就要花不少時間。而開始用 service 之後，對於 factory, service 和 provider 之間的差別又更是摸不著頭緒。其實整個 Framework 的運作和 DI (Dependency Injection) 有相當大的關係。
程式 Twitter Bootstrap 到底好在哪裡？ Bootstrap 到 2014 年 6 月為止，是 Github上最火紅（最多人追蹤及clone）的 repo，知名的程度可見一斑。它可以說是身為網頁開發者一定要會的一個 Framework，即使進階的開發者或許並不一定會使用它，因為並不會用到 Framework 裡面所有的功能，但能夠知名到這樣的程度一定有他的原因。所以我們要問：Twitter Bootstrap 到底好在哪裡？