介紹一堆美食日記，生活日記，電腦筆記
之前寫過一篇『減少 node_modules 大小來加速部署 Node.js 專案』文章，透過 Yarn 指令可以移除不必要的模組，剩下的模組佔據整個專案大部分容量，那該如何針對留下的模組來瘦身呢？這週看到 Node.js 大神 TJ 又發了一個 Go 語言專案叫做 node-prune，此專案用來移除在 node_modules 內不必要的檔案，那哪些才是不必要的檔案呢？
Continue reading “用 Go 語言減少 node_modules 容量來加速部署” 
相信 Node.js 開發者現在大部分都在使用 Yarn 了吧？如果還不知道或無法體會 Yarn 帶來的好處可以參考之前寫的一篇『用 Yarn 取代 Npm 管理 JavaScript 套件版本』，帶你體會 yarn install vs npm install 的速度差異。本篇最主要會介紹在部署 Node.js 專案都需要把 node_modules 壓縮一起丟到遠端伺服器 (假設你不是用 Docker 部署)，這時候來聊聊怎麼減少 node_modules 大小。
Continue reading “減少 node_modules 大小來加速部署 Node.js 專案” 
新一代戰神 Yarn 終於在昨天出爐了，Yarn 跟 Npm 一樣都是 JavaScript 套件版本管理工具，但是 Npm 令人詬病的是安裝都是非常的慢，快取機制用起來效果也不是很好，所以 Yarn 的出現解決了這些問題，透過 Yarn 安裝過的套件都會在家目錄產生 Cache (目錄在 ~/.yarn-cache/)，也就是只要安裝過一次，下次砍掉 node_modules 目錄重新安裝都會從 Cache 讀取。Yarn 詳細的功能架構可以參考 Facebook 發表的 Yarn: A new package manager for JavaScript，本篇不會教大家怎麼使用 Yarn，因為指令實在是太容易了，可以參考官方提供的如何從 npm 轉換到 yarn，底下則是來測試比較兩者安裝套件的速度。
Continue reading “用 Yarn 取代 Npm 管理 JavaScript 套件版本” 
不久之前寫過一篇 提升 npm install 安裝速度，但是發現速度還是沒有變快，在 DevOps 的流程花在 npm install 的時間非常冗長，造成每次測試或 Deploy 都要花大量時間等待，且吃掉很多機器的資源，本篇要提供一個小技巧改善 npm install 安裝時間，其實簡單來說就是 cache 第一次安裝好的 node_modules 目錄，之後每次安裝就拿 cache 目錄來新增或減少 packages 即可。
Continue reading “用一行指令加速 npm install” 
又看到一間網路平台公司從 Node.js 跳到 Golang 了。ScaleDrone 是一間提供了 websocket 服務的公司，讓 web 可以透過 ScaleDrone 即時將訊息傳播到各種瀏覽器，但是今天看到 ScaleDrone 即將把後端平台使用的語言從 Node.js 轉換到 Golang，為什麼要轉語言呢，官方提到大量的 Websocket 連線，讓伺服器記憶體快吃不消了，然而 ScaleDrone 用 Go 語言來實際測試，發現記憶體不但沒有增加，反而還降低了 response 及 connections 時間。底下是針對 Node.js vs Go 語言轉換比較。
Continue reading “ScaleDrone Websocket 平台從 Node.js 轉換到 Golang” 
在 Toptal Blog 看到 JavaScript Cheat Sheet: ES6 And Beyond 及另外一篇 A Practical CSS Cheat Sheet by Toptal Developers，這兩篇提供了一些 JavaScript ES6 及 CSS 的基礎寫法及教學，蠻適合前端工程師將 PDF 印出來貼在座位前面，cheat sheet 內提供的語法幾乎都是天天在用，像是在 ES2015 內 let vs var 語法差別，什麼時候要用 const 或 let，或 Template String，預設參數 .. 等功能，其實非常不賴。CSS 則是介紹基本的 Box Model、Selectors、Pseudo-selectors .. 等。
Continue reading “基礎 JavaScript ES6 和 CSS cheat sheet PDF 下載” 
專案開始前，要決定好前端或後端各用什麼語言及制定符合團隊的 Coding Style，統一團隊 Style 是非常重要的，尤其是專案需要經過 Code Review 步驟，不要造成 Reviewer 困擾。底下寫了一份投影片介紹 PHP & JavaScript 及 CSS 的基本 Coding Style 及該如何透過工具來改善 Coding Style。
Continue reading “來聊聊 PHP & JavaScript & CSS 的 Coding Style”