程式 設定 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/ 相當好用，也會自動幫你更新憑證。
程式 介紹 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() 有什麼影響？ 如果上面幾個問題也是你的疑問，那請你繼續讀這篇文章
旅行 日本 樂天 jalan 註冊訂房教學 住宿自助全攻略 一般來說，找住宿大多參考以下幾個網站 - Booking.com, Agoda, AirBnb, Trip advisor 但是目的地是日本的話，這些是行不通的。日本很多東西都獨樹一格。比如，google maps 在日本就並沒有這麼好用，比起來，Yahoo! Japan提供的服務就好用多了。住宿也是一樣，在日本，比較常用的是樂天（rakuten）及 jalan，接下來將介紹如何在這兩個網站訂房
衝浪 衝浪板材質介紹 衝浪板的特性是越輕越好，但另一方面需要承受 surfer 身體的重量以及海浪的撞擊，因此也需要強壯堅固的特性。 這是個兩難的問題，因此設計師想出了以質輕的材質作為浪板主體，外層再包覆上強硬的複合材料，來解決這個問題。
程式 了解 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 到底好在哪裡？