iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

2 Like 1 留言 5407 瀏覽

鐵人賽 IT技術 DAY 20

Front to Back, Node.js 系列第 20 篇

技術 Express 與頁面交談 - Node.js Day 18

#Express 與頁面交談 - Node.js Day 18 今天介紹 Express 與頁面的部份問題，這邊會採用 ejs，一種比較近似於 html 的 v...

CaesarChi ‧ 2012-10-27

3 Like 3 留言 3931 瀏覽

鐵人賽 IT技術 DAY 19

且戰且走HTML5 系列第 19 篇

技術且戰且走HTML5(19) 解決繪圖的多人協同運作問題

昨天發現了在多人協同繪圖時，會有無法解決的問題。問題主要在於繪圖的動作與WYSIWYG的需求不一致，導致動作的衝突無法解決。要解決這樣的衝突，方法之一就是用兩個...

fillano ‧ 2012-10-27

2 Like 1 留言 5607 瀏覽

鐵人賽 IT技術 DAY 19

Front to Back, Node.js 系列第 19 篇

技術 Express 建立 static web server - Node day 17

要建立一個 web server ，就從 static server 講起，當然可能無法與 CDN 相比較，不過總是有許多好玩的地方，網站開發就從小做起，讓我們...

CaesarChi ‧ 2012-10-26

5 Like 2 留言 3246 瀏覽

鐵人賽 IT技術 DAY 18

且戰且走HTML5 系列第 18 篇

技術且戰且走HTML5(18) 再看多人協同運作

單人操作白板，或是在瀏覽器間交錯操作，對運作的影響都不太大，但是我們要做的是多人同時操作，這時會發生什麼事呢？昨天其實只試做出一個透過WebSocket協同運...

fillano ‧ 2012-10-26

0 Like 0 留言 2895 瀏覽

鐵人賽 IT技術 DAY 18

Front to Back, Node.js 系列第 18 篇

技術 Express 建立 static server - Node.js Day 16

今天的主題是如何使用 Express 來建立一個 static website, 讓 Express 將之前讀取過的 static file 全部記錄下來，類似...

CaesarChi ‧ 2012-10-25

4 Like 2 留言 4524 瀏覽

鐵人賽 IT技術 DAY 17

且戰且走HTML5 系列第 17 篇

技術且戰且走HTML5(17) 將Canvas繪圖進一步抽象

之前針對白板塗鴉的需求，做好基本的抽象化。不過要利用從WebSocket傳來的資料繪圖，就需要進一步考慮。在繪圖上，一個共享白板的技術需求主要有幾個重點：...

fillano ‧ 2012-10-25

1 Like 1 留言 3011 瀏覽

鐵人賽 IT技術 DAY 17

Front to Back, Node.js 系列第 17 篇

技術 Express 進階路由程式 - Node.js 16 Days

express 今天要來討論如何使用 route, url, 另外 Express 有支援 WEBDAV 格式，讓資料的傳輸變的更加完整，在刪除修改上也更為簡單...

CaesarChi ‧ 2012-10-24

4 Like 1 留言 5293 瀏覽

鐵人賽 IT技術 DAY 16

且戰且走HTML5 系列第 16 篇

技術且戰且走HTML5(16) Canvas與Websocket整合

今天先思考一下，要把Canvas與WebSocket整合的話，需要怎樣的技術。順便調整一下之前寫好的Chat伺服器程式，以他為base來接上WebSocket。...

fillano ‧ 2012-10-24

1 Like 0 留言 3288 瀏覽

鐵人賽 IT技術 DAY 16

Front to Back, Node.js 系列第 16 篇

技術 Express 基本範例建立 - Node.js Day 15

這次將會介紹 Express 如何在 Web application 裡面應用，其中會介紹到如何使用簡單的 cli mode ，建立整個應用的雛形。 #Expr...

CaesarChi ‧ 2012-10-23

2 Like 1 留言 3832 瀏覽

鐵人賽 IT技術 DAY 28

Android 實現智慧生活 DIY 系列第 28 篇

技術實現智慧家庭diy (Day28) – 運用設計 PhoneGap API 作為軟體分包的開發模式。

我曾在 Day2 提到把智慧電視的開發當作是開心農場，讓軟體業、硬體業、數位內容業者共同來耕耘。以智慧電視平台內的各種應用服務，運作 Web UI + Pho...

patrickcheng ‧ 2012-10-23

4 Like 3 留言 4426 瀏覽

鐵人賽 IT技術 DAY 15

且戰且走HTML5 系列第 15 篇

技術且戰且走HTML5(15) Canvas基本繪圖-架構調整

之前的程式碼看起來有些凌亂，所以稍微停下腳步，整理一下。其實本來其實想自己實作AMD(Asynchronous Module Define)，不過時間來不及，...

fillano ‧ 2012-10-23

1 Like 0 留言 3994 瀏覽

鐵人賽 IT技術 DAY 15

Front to Back, Node.js 系列第 15 篇

技術 MongoHQ 環境申請 - Node.js 14 Day

今天要談的環境建置的最後一章，這邊使用的是 MongoDB 作為 Database ，資料總是要找個家，有個儲存的地方，而今天要介紹的就是使用 MongoHQ。...

CaesarChi ‧ 2012-10-22

1 Like 1 留言 9021 瀏覽

鐵人賽 IT技術 DAY 27

Android 實現智慧生活 DIY 系列第 27 篇

技術實現智慧家庭diy (Day27) – 為何 JavaScript 能撰寫 Android 的 APP ?

鋼鐵人穿上先進的盔甲，可擁有強大的力量，拯救世界。當我們的Javascript穿上Cordova提供的外衣，我們能作什麼？所有文章 http://ithelp...

patrickcheng ‧ 2012-10-22

1 Like 0 留言 9442 瀏覽

鐵人賽 IT技術 DAY 14

且戰且走HTML5 系列第 14 篇

技術且戰且走HTML5(14) Canvas基本繪圖-打字

2D Context具備了基本的文字繪製功能，不過想要做成在Canvas可以直接打字的效果，還是需要花一些功夫嘗試。雖然2D Context具備了文字繪製功能...

fillano ‧ 2012-10-22

1 Like 1 留言 2751 瀏覽

鐵人賽 IT技術 DAY 14

Front to Back, Node.js 系列第 14 篇

技術環境建置 redistogo - node.js day 14

#環境建置 redistogo 現在的雲端服務當中，一定要使用一下什麼叫做 cloud service ，既然稱為 service 就表示很多東西，是不用自己處...

CaesarChi ‧ 2012-10-21

3 Like 1 留言 6599 瀏覽

鐵人賽 IT技術 DAY 13

且戰且走HTML5 系列第 13 篇

技術且戰且走HTML5(13) Canvas基本繪圖-更多圖形

只能畫長方形其實有點無趣，至少加上圓形跟橢圓形才能讓圖形更完整。另外，為了顯示一些繪圖工具的狀態，加入了自定事件的機制。圓形用2D Context的arc方法...

fillano ‧ 2012-10-21

2 Like 1 留言 4123 瀏覽

鐵人賽 IT技術 DAY 13

Front to Back, Node.js 系列第 13 篇

技術 Node.js 開發環境建置 mongoHQ - Node.js 13 Day

今天要談的環境建置，這邊使用的是 MongoDB 作為 Database ，資料總是要找個家，有個儲存的地方，而今天要介紹的就是使用 MongoHQ。 Mong...

CaesarChi ‧ 2012-10-20

2 Like 0 留言 4894 瀏覽

鐵人賽 IT技術 DAY 12

且戰且走HTML5 系列第 12 篇

技術且戰且走HTML5(12) Canvas基本繪圖-圖形

今天先建立一個可以比較彈性加入繪圖功能的機制，然後先嘗試塗鴉及長方形繪製來驗證這個機制。主要的方向是，利用一個物件來集中管理2D Context的屬性及繪圖方...

fillano ‧ 2012-10-20

1 Like 1 留言 4677 瀏覽

鐵人賽 IT技術 DAY 12

Front to Back, Node.js 系列第 12 篇

技術 Node.js 開發環境建置 Nodejitsu - Node.js Day 12

今天開始會進入另外一個階段，開始進入 node.js 的世界，我們會開始從環境講起，讓大家跟著步驟一步一步進行網站建置，從無到有建立一個 Node.js Web...

CaesarChi ‧ 2012-10-19

2 Like 0 留言 13943 瀏覽

鐵人賽 IT技術 DAY 11

且戰且走HTML5 系列第 11 篇

技術且戰且走HTML5(11) Canvas基本繪圖-塗鴉

要製作一個簡單的繪圖應用，自由塗鴉應該是最基本的功能之一。所以就先來看一下怎麼做出來。塗鴉其實只使用到2D Context的幾個操作方法，主要是lineTo與...

fillano ‧ 2012-10-19

2 Like 1 留言 3466 瀏覽

鐵人賽 IT技術 DAY 11

Front to Back, Node.js 系列第 11 篇

技術 #Function be a Class - Node.js Day 11

#Function be a Class - Node.js Day 10 今天將會介紹 Class ，在 JavaScript 中，如何使用 Function...

CaesarChi ‧ 2012-10-18

2 Like 0 留言 5478 瀏覽

鐵人賽 IT技術 DAY 10

且戰且走HTML5 系列第 10 篇

技術且戰且走HTML5(10) Canvas 及 2D context可以做到的事情

在使用Canvas 2D Context之前，先看看他有哪些能耐。 2D Context有一些全域屬性，這些屬性會與許多繪圖的動作相關，為了方便管理，2D Co...

fillano ‧ 2012-10-18

3 Like 0 留言 6376 瀏覽

鐵人賽 IT技術 DAY 9

且戰且走HTML5 系列第 9 篇

技術且戰且走HTML5(9) 應用的主軸：Canvas

Canvas是HTML5中很熱門的技術，目前已經有非常多的應用。接下來就會以Canvas做主角，逐漸發展出應用。先來簡單了解一下Canvas是什麼。其實Fir...

fillano ‧ 2012-10-17

2 Like 3 留言 6073 瀏覽

鐵人賽 IT技術 DAY 10

Front to Back, Node.js 系列第 10 篇

技術 JavaScript function 延伸 closure 概念 - Node.js Day 10

前面稍微講了一下 JavaScript function 的宣告以及使用，今天將會介紹 closure 的概念在其中，讓大家了解 JavaScript 的 va...

CaesarChi ‧ 2012-10-17

4 Like 0 留言 10429 瀏覽

鐵人賽 IT技術 DAY 8

且戰且走HTML5 系列第 8 篇

技術且戰且走HTML5(8) Socket.IO的架構與連線管理機制

其實Socket.IO的文件並不完整，雖然不需要完整的說明就可以使用，但是要清楚他的功能跟架構的話，大概要直接追蹤原始碼。打開socket.io目錄中的pac...

fillano ‧ 2012-10-16

2 Like 0 留言 9984 瀏覽

鐵人賽 IT技術 DAY 9

Front to Back, Node.js 系列第 9 篇

技術 JavaScript 的神奇方法 function - node.js day 9

function 在 JavaScript 是個讓人又愛又恨的東西，也可以說是 JavaScript 整個語言中最讓人驚艷的部份，也讓我們發現許多好玩的使用方式...

CaesarChi ‧ 2012-10-16

2 Like 0 留言 4910 瀏覽

鐵人賽 IT技術 DAY 23

Windows Metro style Apps using HTML5 系列第 26 篇

技術 Win8App OAuth 網頁認證

http://ithelp.ithome.com.tw/ironman5/player/seanamph/tech/1 Windows.Security.Aut...

seanamph ‧ 2012-10-16

4 Like 5 留言 12543 瀏覽

鐵人賽 IT技術 DAY 22

網站系統規劃實務系列第 22 篇

達標好文技術網站系統規劃 - 發文系統實作（登入篇）

本篇文章作為網站實戰開發的第八篇，我們繼續實作登入狀態。 --------系列簡介-------- 網站系統可說是現在最多學子與新人想要入門的一個領域，這個原...

tony1223 ‧ 2012-10-15

5 Like 0 留言 6128 瀏覽

鐵人賽 IT技術 DAY 7

且戰且走HTML5 系列第 7 篇

技術且戰且走HTML5(7) 進階的Chat應用

管理連線、利用Storage來存放變數其實也是Socket.IO內建的功能。另外，也稍微追蹤一下原始碼，看看要怎麼做出更複雜的功能。管理連線主要有兩個部分。S...

fillano ‧ 2012-10-15

2 Like 1 留言 7953 瀏覽

鐵人賽 IT技術 DAY 8

Front to Back, Node.js 系列第 8 篇

技術 JavaScript Array - Node.js day 8

今天要討論 Array，在 Array 是個很重要的物件型態，在 JavaScript 裡面有許多 Array 好用的方式，這次將會為大家介紹 Array 優秀...

CaesarChi ‧ 2012-10-15

技術 Express 與頁面交談 - Node.js Day 18

技術 且戰且走HTML5(19) 解決繪圖的多人協同運作問題

技術 Express 建立 static web server - Node day 17

技術 且戰且走HTML5(18) 再看多人協同運作

技術 Express 建立 static server - Node.js Day 16

技術 且戰且走HTML5(17) 將Canvas繪圖進一步抽象

技術 Express 進階路由程式 - Node.js 16 Days

技術 且戰且走HTML5(16) Canvas與Websocket整合

技術 Express 基本範例建立 - Node.js Day 15

技術 實現智慧家庭diy (Day28) – 運用設計 PhoneGap API 作為軟體分包的開發模式。

技術 且戰且走HTML5(15) Canvas基本繪圖-架構調整

技術 MongoHQ 環境申請 - Node.js 14 Day

技術 實現智慧家庭diy (Day27) – 為何 JavaScript 能撰寫 Android 的 APP ?

技術 且戰且走HTML5(14) Canvas基本繪圖-打字

技術 環境建置 redistogo - node.js day 14

技術 且戰且走HTML5(13) Canvas基本繪圖-更多圖形