node webkitの環境構築

2014年4月16日 2014年7月10日

mikaduki

ってほど大げさなもんじゃないですが。

僕は最近、デスクトップのアプリを何とかして作れないもんかなーと思ってたんです。
Visualstudioとかなー、覚えるの面倒だし、なんかないかなーと思ってたら閃いたんです。

htmlファイルを配布すれば、PCどれでも使えるやんと。
ほんでＪＳ入れてみよーかなと思って、今日朝キュレーターサイトでニュース見てたら、
ブラウザをexeにできるとか書いてあるじゃないですか。

なんだと！？と思って、環境だけでも作ってみようと思って、
調べたらこれまた「　環境の構築も簡単(・ω・)r　」とか言ってるやつが多いので
その通りにやって、npm startってやってみたらダメやん。俺見てるのmac用やん。

ってことでwindows用の情報探したら割りと簡単にできたので、
node webkitの構築までの道のり書いていきます。

ゴールはとりあえず動くまでです。

INDEX

node webkitをダウンロード

ここからhttps://github.com/rogerwang/node-webkit

windows: win32って書いてあるやつをダウンロード

Cドライブの直下にでも解凍してください。

そうするとdllやらnw.exeやら出てきます。

そのフォルダの中でこの場合

c:\貴方が指定したフォルダ名になってると思います。

プログラム作成

index.htmlになんか適当にhtmlとかjavascriptとか書いて

appフォルダの中に保存してください。

終わったら、それをルートにzip圧縮します。

package.json

それが出来たらルートフォルダのpackage.jsonを編集

一応このエントリが間違ってるかもしれないので

バックアップは取っておいてください。僕はとってあります。

{
    "name": "hoge",
    "version": "0.0.0",
    "main": "app/index.html",
    "window": {
        "width": 500,
        "height": 800,
        "toolbar": false
    }
}