今天先建立起簡單的視訊會議做驗證。 建立視訊會議的方式，基本上就是昨天描述的過程的實作。連線資訊的傳遞，則透過之前包裝好的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)，不過時間來不及，...
今天要談的環境建置的最後一章，這邊使用的是 MongoDB 作為 Database ，資料總是要找個家，有個儲存的地方，而今天要介紹的就是使用 MongoHQ。...
鋼鐵人穿上先進的盔甲，可擁有強大的力量，拯救世界。當我們的Javascript穿上Cordova提供的外衣，我們能作什麼？ 所有文章 http://ithelp...
2D Context具備了基本的文字繪製功能，不過想要做成在Canvas可以直接打字的效果，還是需要花一些功夫嘗試。 雖然2D Context具備了文字繪製功能...
#環境建置 redistogo 現在的雲端服務當中，一定要使用一下什麼叫做 cloud service ，既然稱為 service 就表示很多東西，是不用自己處...
fillano
逮丸逮丸
CaesarChi
patrickcheng
iThome鐵人賽
看影片追技術