高雄 KSDG 分享: 打造團隊共同開發環境

很高興受到高雄 KSDG 邀請，分享上禮拜在 JSDC 所介紹主題: 你不可不知的前端開發工具，在 JSDC 現場只有半小時可以講，這次在高雄有一個半小時可以講，如果想詳細了解前端工具，可以參考上禮拜的投影片，底下是在高雄軟體科技園區所分享。謝謝 Eric Bi 及工作人員可以讓我分享這次議題。 Continue reading

Javascript command line tool GruntJS 介紹

Update: 補上一張執行後的截圖 2013.03.27

GruntJS 是一套 JavaScript Task Runner，為什麼官網會這樣寫呢？網站上線之前，是不是需要經過測試，壓縮，及品質控管，這些 Task 該如何實現，在 GruntJS 還沒出現之前，大家可以透過 Linux command 的方式來達成，但是對於前端工程師而言，多學習 command line 真的是要他們的命，所以 GruntJS 解決了此問題，將所有的 Task 用 Javascript 方式設定就可以自動佈署或測試。GruntJS 的 Plugin 也非常多且完整，像是大家常用的 CoffeeScript、Handlebars、Jade、JsHint、Less、Sass、Compass、Stylus…等都有支援。更多好用的 Plugin 可以在官網搜尋頁面上找到。

安裝方式

Grunt 可以透過 Node.js 的管理工具 npm 方式來安裝，Windows 只要到 Node.js 官網下載安裝包，直接按下一步即可安裝完畢，Linux 可以透過 NVM 方式來管理 Node.js 版本，可以參考作者之前寫的 Node Version Manager 版本管理 NVM。需要注意的是 Grunt 0.4.x 需要 Node.js >= 0.8.0 版本才可以。 Continue reading

壓縮 Javascript 和 CSS 檔案 script command

網站上站前要做的事情非常多，其中一項為大家所知就是壓縮 CSS 跟 JavaScript 檔案，減少 Http request 流量，網路上已經有非常多的 Compressor tool，像是 Google Closure Compiler 或 YUI Compressor，都是用來壓縮 JS 或 CSS 檔案，這次寫了 script 來壓縮整個網站目錄裡的 js 或 css 檔案，不過 script 所使用的 Compressor command 是 Node Base 的 tool，分別是 UglifyJS 及 sqwish 這兩套，當然使用 command 之前，請務必先安裝好 Node.js 最新版本啦，不過沒安裝也沒關係，底下有懶人安裝 script command。這些 tool 對於 Embedded System 在 build firmware 相當有用，可以減少不少 code size 阿。可以直接看專案說明，就可以不必看底下步驟了 Continue reading

Node Version Manager 版本管理 NVM

2015.02.12 官方已經支援 nvm install stable，補上 io.js 說明

本篇不是要介紹 Node.js，是要介紹管理 Node.js 版本的工具，之前是玩 Visionmedia 開發的 n，後來跳到玩 Creationix 開發的 nvm tool，目前支援 stable command，也就是下 nvm install stable (直接裝好 v0.12.0)。

安裝方式

可以使用 curl 或 wget 方式安裝

$ curl https://raw.githubusercontent.com/creationix/nvm/v0.23.3/install.sh | bash
$ wget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.23.3/install.sh | bash

使用方式

# 安裝最新穩定版本
$ nvm install stable
# 移除最新穩定版本
$ nvm uninstall stable
# 使用穩定版本
$ nvm use stable
$ nvm run unstable --version

如果有玩 io.js 可以下

$ nvm install iojs

Node.js Version Management 多版本管理

相信大家對於 Node.js 版本 Release 太快而感到困擾，每次新版出來，就要開始升級原本的版本，加上測試及修改，一定會浪費不少時間在上面，不管是任何語言我都希望能有一套 Version Management 來管理各版本之間的差異，以及讓使用者可以隨時切換版本來使用測試。那今天來介紹一套 Node.js Version Management，這隻程式是用 shell script 下去撰寫，可以安裝多版本在 Linux 本機上面，隨時都可以切換不同版本測試。此作者也是 expressjs Framework 發起者。 Continue reading

無痛安裝 NodeJS 和 Node Framework Express

NodeJS 是目前當紅的 Web 2.0 技術，去年 COSCUP 2010 就有 KKBOX 資深工程師 ericpi 來探討這個議題，NodeJS 背後使用了 V8 引擎為基礎，沒看過用純 JS 來當 Server-Side 吧，台灣很紅的 Plurk 也是大量使用 NodeJS，然而每開發一種語言，就會想開始找搭配的 Framework，那就首推 Node Framework Express 來撰寫程式，本篇是要介紹如何在 Ubuntu 10.10 無痛安裝 nodejs + express。

下載 Nodejs 原始碼

直接到官網下載 Stable 的版本吧，目前是 node-v0.4.10.tar.gz，也可以先看看 API Document

# wget http://nodejs.org/dist/node-v0.4.10.tar.gz