2014年5月31日土曜日

html5 の機能がブラウザでサポートされているかを確認

window オブジェクトの配下にある html5 の機能名(プロパティ名)を判定することで確認することができます。

if (window.Worker) {
    // サポートしている場合
}
else {
    // サポートしていない場合
}

Detection Techniques
http://diveintohtml5.info/detect.html

2014年5月29日木曜日

Node.js クエリを渡す

前回前々回では Node.js のインストールや HelloWorld の実行方法を紹介しました。今回はクエリを渡して実行結果に反映してみましょう。

QueryString.js
// http モジュールのロード
var http = require('http');
// url モジュールのロード
var url = require('url');

// Server オブジェクトの作成
http.createServer(function(request, response){
 var url_parts = url.parse(request.url, true);
 // レスポンスとして 200、プレーンテキストを返します。
 response.writeHead(200, {'Content-Type': 'text/plain'});
 response.end('こんにちは '+ url_parts.query.name + ' さん' +'\n');
 console.log(url_parts.query.name + 'からリクエスト');
}).listen(8080, 'localhost');
// サーバーはリクエストを待っていることを示すメッセージ
console.log('http://localhost:8080 でサーバー動作中');


実行する URL
http://localhost:8080/?name=Toshihiko


実行結果
クエリにある "Toshihiko" が画面に表示されました。

2014年5月28日水曜日

Node.js の実行

Node.js のインストールの次には、実際に Node.js をサーバーとした簡単なウェブサイトを作ってみましょう。


1.サーバー(JavaScript ファイル)の作成
JavaScript ファイルを用意し、以下のように実装していきます。ここでは createServer メソッドを使ってサーバーオブジェクトを作成しています。

HelloWorld.js
// http module モジュールのロード
var http = require('http');
// Server オブジェクトの作成
http.createServer(function(request, response){
 // レスポンスとして 200、プレーンテキストを返します。
 response.writeHead(200, {'Content-Type': 'text/plain'});
 response.end('Node.js から Hello World! \n');
 console.log('リクエストを受け付けました。');
}).listen(8080, 'localhost');
// サーバーはリクエストを待っていることを示すメッセージ
console.log('http://localhost:8080 でサーバー動作中');


2.JavaScript ファイルの実行
Node.js command prompt を実行します。(もしくは管理者権限のコマンドプロンプトでも OK です。)

"node HelloWorld.js" を入力します。すると "Server running at http://localhost:8080" と表示されます。これでサーバーが動作しています。

C:\workspaces>node HelloWorld.js
Server running at http://localhost:8080


3.ウェブサイトにアクセス
http://localhost:8080/ にアクセスします。すると HelloWorld.js の console.log に書いたメッセージが表示されます。




また、Node.js command prompt にはサーバーが動作中であるメッセージが表示されています。



2014年5月27日火曜日

Node.js インストール


Node.js の公式サイトにアクセスします。

Node.js
http://nodejs.org/


Node.js のダウンロード


INSTALL ボタンをクリックするとインストーラーをダウンロード することができます。


インストーラーのダウンロードが完了したら、インストーラーを実行します。


設定はデフォルトのままどんどん進めていきます。





インストールの完了