我不是做美術設計的料，但是又希望成品可以美觀一點，這時還是借助一些方法來讓介面好看一點。 自從twitter發佈了bootstrap，看起來真的不少人做過嘗試。...
視訊會議功能可行，就先開始嘗試怎樣進行應用整合。 應用整合的重點有幾個部分。 之前所有的應用，都是獨立分散的，要整合的話，會需要花一些心思，另外也需要把操作介面...
用template的方式來顯示資料， knockout.js有幾種的作法， 看看可怎麼使用。 使用命名的樣板 用 id 來指定 template 的名稱， 也要...
HTML的註解 使用<!--與 -->將要註解的文字包起來。 例如: <!--我是註解 --> CSS的註解 使用/* 與 */ 將要註...
今天先建立起簡單的視訊會議做驗證。 建立視訊會議的方式，基本上就是昨天描述的過程的實作。連線資訊的傳遞，則透過之前包裝好的ws.io模組。 首先看一下伺服器：...
除了內建的click, value之外， knockout.js 也可以自行建立新的綁定。 ko.bindingHandlers.slideVisible =...
一般分頁機制，是每換下一頁就向server請求下一頁， 把整頁的所有元素重傳一次， 透過knockout.js把一次傳來的列表， 做成分頁瀏覽。 在 knock...
依照昨天的構想，把傳送binary資料的功能也實作出來了，就把它用在資源分享上。 分成兩個部分來傳送資料，基本上問題不大，但是要實作，需要在使用方法上制定一些規...
前篇 為程式碼上色的不同主題顏色， 會因為底色固定，而使得一些顏色主題不明顯， 而加上可以即時改變程式碼背景色的功能。 顏色選擇器採用 Really Simpl...
在 redis 應用：resque 的基本使用 這篇內容， 重點在實作了 server 端怎麼把程式碼丟到背景做上色的動作， 並未在 client 端怎麼去處理...
找到問題所在...該來完成ws.io的單元了 這種事情要在腦袋清楚的時候來解決阿...趕稿的時候一定想不出來 由於架構模仿了Socket.IO，問題變得比較複雜...
其實還沒有真的完成，因為這個工作幾乎等於重寫Socket.IO...不過還是來看一下目前進行的狀況 主要的改寫還是在幾個部分，跟昨天的程式比起來，還需要在Man...
透過 knockout.js 來操作顯示夢幻筆名 會把抓來的筆名，都存在 novelname 這個key裡， 在頁面顯示已存幾個筆名， 若覺得太少，可有抓取新筆...
先把類似Socket.IO的操作方式加進來，然後開始測試，先從echo開始。 雖然先把namespace、room、broadcast等功能都先加進來，不過目前...
為了讓ws操作起來像Socket.IO，在這裡需要用幾個類別來包裝。 先來分析一下需求，才知道到底要包裝到什麼程度。從之前寫的Chat程式，大致上有幾樣操作：...
只要用 KO 的 observable 可簡單實作出簡單的猜拳互動介面， 再透過 observableArray 來做過程的歷史記錄。 只想玩game不想看文者...
既然要用到File API以及URL（或者叫做Blob URL），還是對他做一個簡單的了解。 File API目前主要定義了幾個介面，主要是：Blob、File...
JavaScript的框架這麼多， 依什麼選擇此框架？ 要用JavaScript做什麼， 這是首先要問自己的問題。 JavaScript 算是在 MVC 裡的...
線上會議的應用，除了需要像是視訊、Chat等的機制外，通常也會需要做一些資源分享。先來考慮一下需求，然後看看怎樣實作。 基本上，這裡說的資源共享，主要還是檔案。...
#Express 與頁面交談 - Node.js Day 18 今天介紹 Express 與頁面的部份問題，這邊會採用 ejs，一種比較近似於 html 的 v...
昨天發現了在多人協同繪圖時，會有無法解決的問題。問題主要在於繪圖的動作與WYSIWYG的需求不一致，導致動作的衝突無法解決。要解決這樣的衝突，方法之一就是用兩個...
要建立一個 web server ，就從 static server 講起，當然可能無法與 CDN 相比較，不過總是有許多好玩的地方，網站開發就從小做起，讓我們...
單人操作白板，或是在瀏覽器間交錯操作，對運作的影響都不太大，但是我們要做的是多人同時操作，這時會發生什麼事呢？ 昨天其實只試做出一個透過WebSocket協同運...
今天的主題是如何使用 Express 來建立一個 static website, 讓 Express 將之前讀取過的 static file 全部記錄下來，類似...
之前針對白板塗鴉的需求，做好基本的抽象化。不過要利用從WebSocket傳來的資料繪圖，就需要進一步考慮。 在繪圖上，一個共享白板的技術需求主要有幾個重點：...
express 今天要來討論如何使用 route, url, 另外 Express 有支援 WEBDAV 格式，讓資料的傳輸變的更加完整，在刪除修改上也更為簡單...
今天先思考一下，要把Canvas與WebSocket整合的話，需要怎樣的技術。順便調整一下之前寫好的Chat伺服器程式，以他為base來接上WebSocket。...
這次將會介紹 Express 如何在 Web application 裡面應用，其中會介紹到如何使用簡單的 cli mode ，建立整個應用的雛形。 #Expr...
我曾在 Day2 提到把智慧電視的開發當作是開心農場，讓 軟體業、硬體業、數位內容業者共同來耕耘。以智慧電視平台內的各種應用服務，運作 Web UI + Pho...
之前的程式碼看起來有些凌亂，所以稍微停下腳步，整理一下。 其實本來其實想自己實作AMD(Asynchronous Module Define)，不過時間來不及，...
fillano
逮丸逮丸
iamya
CaesarChi
patrickcheng
iThome鐵人賽
看影片追技術