熱血漢誌 - 技術新鮮人到技術經理人，必懂的事

這兩天 Google 開始針對 Android 4.4 釋放 ，也開始有不同的應用流程，今天看到一個還不錯的 Google Design slide for responsive 。 對於 App 開發者來說，或者是 Web 開發者都應該快速看過這次 Google Play 從 2012 年，到 2013 甚至未來 2014 接下來已經發生的改變，以及 UI 的改善方法。

Node Knockout Taiwan 2013 活動在 11/10 圓滿結束，本次活動延續前年風格以 Node.js 程式開發為主，48 小時連續馬拉松程式開發競賽，以 Node.js 語言特性，高承載量，高連接數方向為主，進行程式開發。 活動真的很不簡單，參賽者能夠堅持到最後，完成 48 小時的馬拉松開發競賽，實在是體力與精神力的耗損，這次成品較前年度不論是完整度，還是實用性都勝於前年許多，並且在這短短的時間內，創造出來了許多令人驚豔的作品（詳情可參考  http://nodejs.tw/t/nkotw2013  ） ，Node Knockout Taiwan 賽程之後，各參賽組別緊接著繼續國際賽事 ( http://nodeknockout.com/  )，透過這樣的方式，讓更多開發者能夠了解什麼是 Node.js ，Node.js 到底帶來什麼樣不同的衝擊，對於後端開發的整個架構來說，會有什麼不一樣的思考方式。同時透過此活動與國際連接，讓台灣與國際接軌，讓世界看見台灣。 Node Knockout Taiwan 2013 此活動是由 Node.js 台灣社群 ， JSDC , 神通資科 ， 育秀基金會 共同主辦，特別感謝神通資科， MiCloud 成員，配合 Node Knockout 活動全程參與協助，協調，以及場地，網路支援等。活動中參與的志工Mervyn, Stanney, 家宇, 安傑, 孝玠，方姊，Cyril, 乃筠。 Node Knockout 活動這次中有幾個首要不同的地方，第一是 Node.js 台灣社群終於有自己的 Logo，由 JSDC logo 的設計師 Roca 全力協助設計完成。而 Node Knockout Taiwan 2013 Logo, 貼紙，及會場中所有的看板，印刷品，設計品都是由 金寶 製作完成，這邊要特別提出他們的設計貢獻，真的讓會場更有聲有色。 神通大樓這次提供了現場會場，電力，網路支援，特別要感謝 MiCloud 成員 Benson, Ethan, 宜禎， 振偉， Sunny。網路設備，羅利，伃玲，神通場地，以及事務協調，Lisa, Simo, Helen, Felix。特別要致謝幕後推手，Jesse 才能夠讓這次活動如此順利完成，以及達成這次與育秀基金會的合...

今天突然被問到這個問題，之前的設定方法其實都是透過起一個 server, 然後自己設定 listen ip, 另外一種方式就是直接指定成 0.0.0.0 ，這樣子也是可以指定到自己的本機。 然後稍微去網路上找幾個解決方法， 解決方案 ifconfig 如果最直覺的解決方案，當然就是使用 child process 直接進行解決，然後去 parse 最後回傳的結果，但是這樣子，好像有點……….蠢….. var util = require('util'); var exec = require('child_process').exec; function puts(error, stdout, stderr) { // parse….. util.puts(stdout); return parse result; } exec("ifconfig", puts); 使用 net, http 另外一種方式就是自己起一個 connection ，接著再去看一下自己從 request 所發出來的 socket. var net = require('net'); var socket = net.createConnection(80, 'www.google.com'); socket.on('connect', function() { console.log(socket.address().address)); socket.end(); }); 使用 dns 搭配 os 這個方法跟剛才的 net 方式有點像 ，如果是自己的話，應該會挑選這個方法來解決。 require('dns').lookup(require('os').hostname(), function (err, add, fam) { console.log('addr: '+add); }); 使用 os 在 os 模組裡面有提供許多好用的東西，當然裡面就直接有，netw...

coffeeScript comment style CoffeeScript 有幾種不同的註解寫法，以下作為介紹讓大家知道一下 know comment in Coffeescript 一行註解，在經過轉譯之後是不會留下任何記錄 #bala bala bala 轉 js 檔案之後 none 多行註解方式， ### bala bala bala ### 轉成 js /* bala bala bala */ 而實際上很多 documentation generater 都會有一個共同的開始，就是註解開頭必須要使用 /** 這樣的符號，因此如果透過 coffee 多行註解的方式轉譯還是會出現問題。這邊可以提供其中一種解決方式。 ###* * bala * bala ### 轉成 js 檔案， /** * bala * bala */ 看起來的確就像是我們要的方式，雖然有點蠢，不過也算是一個完整的開始，至少就讓我們先開始動工吧！ api 文件產生器 http://jashkenas.github.io/docco/ http://apidocjs.com/ http://yui.github.io/yuidoc/

上次有提到在 Mac 裡面如何 安裝 Apache 以及其他相關 Web 服務 ，當然 Xampp 已經有提供這樣的完整的服務，可以讓開發者快速的建立 AMP 的環境。 本篇將介紹如何使用 homebrew 安裝 Nginx, PHP, MySQL. prepare installed homebrew install script 這邊使用的是從 github 上面找來的安裝腳本，如果有興趣知道裡面到底寫什麼的朋友，就麻煩自己下去 Google. 但是在執行 homebrew 之前，建議還是先 update 一下. sudo brew update https://gist.github.com/mystix/3041577 Setting 重新設定 MySQL root 密碼 /usr/local/opt/mysql/bin/mysqladmin -u root password 'new-password' mysql -u root -p 設定 nginx，目前預設都是 8080, 可以透過修改 nginx.conf 修改 port /usr/local/etc/nginx/nginx.conf 同時在 nginx.conf 裡面的設定解除註解，fastcgi_param 後面的數值也稍微修改一下， location ~ \.php$ { root html; fastcgi_pass 127.0.0.1:9000; fastcgi_index index.php; include fastcgi_params; fastcgi_param SCRIPT_FILENAME /usr/local/var/www/$fastcgi_script_name; } 重新啟動 nginx, sudo nginx -s reload 或者關掉重新啟動 sudo nginx -s stop sudo nginx 以上步驟安裝完成，恭喜各位，接下來可以進入測試階段 try 到 html ...

https://github.com/victorporof/Sublime-HTMLPrettify 介紹 sublime html Prettify 工具，藉由鐵神看到的分享，這邊說明一下如何設定，讓自己之後可以快速回顧，知道使用的方法。 Prepare sublime text 2 / 3 sublime package installer node.js install 打開 Sublime text 2 / 3

iis node - build node.js runner on windows 很久之前就聽說過 node.js 可以執行 在 iis 裡面，可惜一直都沒有太多緣份執行 windows 環境，這幾天剛好把 windows 環境建置完成之後，第一個想法就是安裝看看 node.js 在 windows 環境裡面。 本篇文章將會帶領大家一步一步完成 iisnode 的建立。 基礎環境 windows .net framework Node.js installed 開始安裝 在開始之前還是要貼心提醒一下各位，記得安裝好 node.js ，在 windows 環境裡面已經具備有 node.js 的執行檔案，下載好 msi 安裝包之後，直接陸續下一步就可以完成了 現在微軟已經很方變得提供 WebMartix 這個平台給予輕量級開發者，到 WebMartix 的環境中，進行安裝檔案的下載包含 express 7.x, iisnode…相關套件。 WebMartix 下載頁面 開始安裝 WebMartix， 選項都 使用預設 即可，接下來會從所有詳細的安裝資料會陸續從網路下載下來，進行安裝。 接著最後會看到完成步驟，就表示 WebMartix 安裝完成。 使用 WebMartix 開始使用 WebMartix ，正常安裝完成後，開啟會看到如下的畫面 在這邊我們選擇新增一個專案，從範本庫裡面 接著選擇 node.js 專案，這邊我選擇 express 的專案 ， 輸入專案名稱之後，按下完成，畫面就會開始新增一個專案同時，會從網路上下載 express web 範本，複製到本地端。 以上步驟有正確完成，就會跳到專案畫面，有點類似程式編輯器的軟體，畫面如下， 接著按下左上角的 '執行' ，再選擇瀏覽器就可以看到開啟一個新的連結，也是大家最常看到的畫面。 WebMartix 我們就談到這邊，基本的環境就如此簡單可以架構起來。 後記 從 WebMartix 這個專案可以看到微軟對於 open source 開始有了許多不同方向的支援，讓開發者更為簡單的開發，同時讓初學者可以很快的加入他們的環境中。 當然 WebMartix 除了上述好上手的東西之外，其實還...