NodeJS

[Web] Responsive Images On-Demand

這應該是 Responsive Images 系列最後一篇,雖然想提一下 Icons 不過還是另開篇幅好了。這是比較花俏的東西,實用不實用就看個人了。 其實只是要練習 NodeJS 而已(誒 前言 之前提過 resrc.it 這個服務,他的做法就是搭配 Javascript 來動態的將圖片,依照目前所需要的尺寸,讓伺服器端直接回傳圖片。如果嫌自己的機器不夠忙,或是真有特殊需求的話,這樣做似乎也不錯。 當然,我們的目標應該不是這樣,理論上會這麼做,就是不想要在發佈時還要叫 Grunt 做一堆事情(設定也煩,

NodeJS

[Web] Responsive Images - HOWTO

2014 新年快樂!身為一個工程宅,新年第一天,當然是要來一個看起來很厲害的技術文。其實是前債還不完,欠債欠過年會衰的,所以趕快還卡實在。 對了,Caline 我愛你! 前言 Responsive Images 有很多工具可用,我 去年寫的文章 可以找到一些工具來用。當然,自幹或是自己寫輪子這件事情好像蠻蠢的,但是,這種事情做起來蠻爽的! 我們需要做的事情, 產生需要的圖片 前端依照需求取用 疑?我們要做的事情超少的,這樣一下就做完了耶(喂 伺服器端 我們需要準備需要的圖片尺寸,如果考量到 Retina

NodeJS

[NodeJS] Cross compile with node modules to ARM

這篇是筆記文章,由於有人問起了關於模組的問題,所以就實驗性的測試了一下,順便也翻了 node-gyp 跟 npm 這兩個東西,小小的比對了一下原始碼。 然後我發現,預設值挺討厭的。 重現錯誤 請先看一下我之前的文章,然後準備一下 Cross Compile 的環境。然後我們把 crosscompile.sh 的東西拿出來用, export HOST=arm-bcm2708hardfp-linux-gnueabi export CPP="${HOST}-gcc -E" export STRIP=

NodeJS

[RasPi] Cross Compile NodeJS for RaspberryPi

這篇其實只是筆記一下而已,因為之前一直再做 Cross Compile 總是遇到詭異問題,雖然都有解,但是每次都要找總不是個辦法,所以寫一下筆記以防自己老年痴呆忘記了。 首先請先去買個樹莓派。 事前 我的作業系統是 Ubuntu 12.04LTS,然後這次用的是目前最新的 nodejs-0.8.16,至於 toolchain 的部份請參考這篇: Node.js for Raspberry Pi 其實上面那篇就已經把全部都交代完畢了,所以我筆記文就到這裡結束吧(打手 實際操作 首先抓下 raspberrypi 所提供的

NodeJS

[NodeJS] 使用 Coke 快速開發 Part 3

其實之前該講的都講得差不多了,所以接下來特別針對 Model 的部份來加強一下好了。 畢竟 Views 與 Contorllers 大家都會寫,所以 Model 這個部份我想特別拿出來充版面稍微講解一下應該很合理吧。 NoSQL vs. RDBMS 其實我自己使用關聯式資料表(RDBMS)也有好一陣子了,雖然說大家一直都在跟 NoSQL 比較效能問題,但我總覺得這樣比起來有失公允。畢竟這兩件事情,在某方面來說目的是不同的。 RDBMS 既然叫做關聯式資料表,我們當然就是需要他有關聯,所以設計方向自然會與 NoSQL 有所區別。而最常被拿出來戰的效能問題,更多時候,我覺得是資料結構與關聯(

NodeJS

[NodeJS] 使用 Coke 快速開發 Part 2

上次介紹的 Coke 所使用的樣板引擎 thunder,這次稍微簡單的介紹一下這一套樣板引擎。雖然說是 Ben 自行開發,但是我不得不說,這速度真的相當的快! 雖然我也寫過 jade 或是 EJS,相較之下 thunder 就沒那麼多花招。 Template Engine 樣板引擎流行好一陣子了,雖然說不能跟義大利麵比執行速度,但是對於可維護性上卻是相當加分的東西。thunder 這一套並不是一定得搭配 Coke 來使用,只是 Coke 他內建了這一套樣板引擎而已。 當然,如果你是 ExpressJS 的愛用者,

NodeJS

[NodeJS] 使用 Coke 快速開發 Part 1

什麼是 NodeJS 我想我不要再多做介紹了,之前有寫過一兩篇文章,如果不知情的讀者可以先去看一下。 然後什麼是 Coke,這是今天要講的東西,所以我們繼續看下去。 Framework ExpressJS 這一套 Web Server 我想算是 NodeJS 裡面比較熱門的一款。當然最近可能還是有不少新起之秀,不過怎麼樣來說他還是目前大宗。 而今天要說的 Coke 則是 Ben Lin 這位高手自行開發的一套 Framework,底子裡面是 ExpressJS,然後加上了許多魔術的方法。Ben 自己是開發 API 居多,

NodeJS

[NodeJS] Express 在 JSDC.tw 2012 的效能分析

首先繼續廣播一下,雖然研討會結束了,但是 JSDC.tw 2012 議程仍舊有資料的更新,如果沒有參與到的人可以前往查看。然後我出糗的片段就可以跳過不要看了這樣。 然後其實這一篇是我的檢討文(喂 NodeJS + Express 我的投影片原始碼,可以在我的 gitHub 上面找到。基本上投影片的原理我就不在這邊炫耀充版面,主要使用的東西有下列這些, NodeJS, v0.6.18 Express, v2.5.9 Redis, v2.2.12 Socket.IO,

NodeJS

[NodeJS] Websocket 的強力工具 Socket.io

市面上其實非常多 Socket.io 的文章,所以我寫在這裡其實是筆記居多,不嫌棄的話可以繼續看下去這樣。 WebSocket API 這一項技術其實在 w3c 上面還是 Draft 的狀態,所以,其實你會聽到大部分的人會說,用 Flash 來作會比較穩定一點。而其實 Socket.io 官方 wiki 上面也有提到 FlashScoket.IO 的東西(笑 這個東西是 HTML5 的新的協定,簡單的來說,就是可以讓瀏覽器與後端伺服器之間,

NodeJS

[NodeJS] 第一次 node 就上手

Javascript 越來越紅,NodeJS 也越來越強大,說真的,在十幾年前怎麼也不會想到 Javascript 這個東西可以在後端執行。但是他就是真的發生了,也許會覺得很神奇,不過,既然有新的東西不斷地冒出來,那麼適時的去接觸也是挺合理的。 是說 JS 寫來寫去都沒有長進的說(抹臉 NodeJS 作者是這位天才 Ryan Dahl,把 Google 的 v8 引擎拿來寫出一套 framework,就叫做 nodejs。至於你說他能幹麼?以他目前快速發展的狀況來看,不知道以後能不能上太空? 語言特性是這樣,