Help us understand the problem. What is going on with this article?

node webkit めも

More than 5 years have passed since last update.

概要

html5 + CSS3 + JS で各OSで動くGUIアプリが作れる。

公式ページ

npm install -g nodewebkit

するとnodewebkitコマンドが使えるようになる。

使い方

package.jsonとindex.htmlを用意し、

package.json
{
    "name": "myApp",
    "main": "index.html"
}

の様に設定し、index.htmlをそれなりに書く。
nodewebkitと唱えると、アプリが起動するはず。

gulp.jsなどで使いたければ、

gulpfile.js
var gulp = require('gulp'),
    exec = require('child_process').exec;

gulp.task('run', function () {
    exec('nodewebkit');
});

のようにするとよい。

Native UI API

GUIらしい操作や設定についてはNative UI APIを使う。
マニュアルはここにある。

TypeScriptユーザーへの型定義ファイルも用意されているので、
tsd query node-webkit -s -a install
で導入してありがたく使いましょう。

参考

node-webkitを触ってみた

Web制作者でもネイティブアプリが作れる!node-webkitを使ってみよう。

n_kats_
kurusugawa
「いいソフトウェアを楽に作る」技術を追求する企業。今は、機械学習、画像認識中心。
http://kurusugawa.jp/
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away