node-webkitとは何か

Node.jsとは

• サーバーサイドで動かすJavaScript
• コマンドラインで動かせるので、ブラウザなしでスクリプト言語としても使える

node-webkit

• HTML/CSS/JavaScriptでつくられたGUIのデスクトップアプリを作成することができる
• できるNode.jsとChromiumエンジンで実現
• Node.jsのモジュールも使える

インストール

$npm install nodewebkit

サンプル

必要なファイル

• package.json : アプリの情報
• htmlファイル : コンテンツ

package.jsonの例

package.json

{
  "name": "nw-demo",
  "main": "index.html",
  "scripts": {
    "start": "./node_modules/nodewebkit/bin/nodewebkit"
  },
  "dependencies": {
    "nodewebkit": "^0.10.5"
  }
}

コンテンツの例

memo.txtの内容を表示する。
(DOMとnodeのモジュールをまぜて使うことが可能)

var ret = document.getElementById("ret");
var fs = require("fs");
var data = fs.readFileSync('./memo.txt');
ret.innerHTML = data;

結果

Native UI API

• NativeのUI操作のAPIを利用できる
• require('nw_gui')で利用できる
• Windowの最小化等、様々なAPIを定義

C/C++

• Node.jsのモジュールはC/C++でもかけるので、node-webkitでもモジュール作成可能
  ＊ C/C++のビルドには、nw-gypが必要

参考情報

https://github.com/rogerwang/node-webkit/wiki
http://www.amazon.co.jp/Windows-Desktop-Creation-node-webkit-English-ebook/dp/B00EEYFFVC