NodeJS

[Web] Responsive Images On-Demand

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

NodeJS

[Web] Responsive Images - HOWTO

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

Web

[Note] Canvas in iOS 6

最近一直在測試 Canvas 在手機上的使用,主要是要節省一點上傳的頻寬問題。畢竟中華電信永遠擋在你前面,而且無論是哪一家電信業者,在 3G 的速度上,人多的環境下實在是很悲劇的一件事情。 然後,我也發現了 iOS 6 之後的 Safari Mobile 有點難搞。 iOS Resource Limit 真正的原因在這裡,所以我搞了老半天,就是因為他的限制問題,所以無法將手機裡面高解析度的圖片,放到 Safari Mobile 裡面。 所以,有個神人做了解法, iOS6でメガピクセル画像をCanvasに描画するとおかしくなってしまう件と、その対処

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 居多,