2015/06/19(金) [n年前の日記]
#3 [javascript] NW.js(node-webkit)とやらを少しだけ試用
Python + Tkinter、PySide、wxPython でアレコレできないかと検討するのは、
どの環境でも動かしたいという話なら、HTML5 + JavaScript で書いたほうがいいんじゃないの、今はそういう時代でしょ、てな気もしてきたわけで。
ということで、何を使ったらそういうことができるのかなと少しググってみたら、NW.js (少し前は node-webkit という名前だったらしい)とやらが目について。少し試してみようかなと。
- どうせプログラムを書くなら、Windows、Mac、Linux でも動くものを書いたほうが美味しそう。
- (LLで書いたほうが、改良したいと思った人が気楽に手を付けられるかも)
どの環境でも動かしたいという話なら、HTML5 + JavaScript で書いたほうがいいんじゃないの、今はそういう時代でしょ、てな気もしてきたわけで。
ということで、何を使ったらそういうことができるのかなと少しググってみたら、NW.js (少し前は node-webkit という名前だったらしい)とやらが目について。少し試してみようかなと。
◎ Node.js と npm をインストール。 :
NW.js とやらを使うためには、Node.js と npm とやらが必要になるらしい。
_Windows ではじめてみる Node.js | CYOKODOG
を参考にしてインストール。
_Node.js で配布されてるインストーラ、node-v0.12.4-x86.msiをDLして実行。インストール場所は C:\node\nodejs\ にした。
以下の場所に、コマンド?が入った。
バージョン確認。
対話形式でも使えるらしい。node[Enter]で対話モード。終了は Ctrl+C を2回たたくか、.exit と入力。
_Node.js で配布されてるインストーラ、node-v0.12.4-x86.msiをDLして実行。インストール場所は C:\node\nodejs\ にした。
以下の場所に、コマンド?が入った。
c:\node\nodejs\node.exe c:\node\nodejs\npm c:\node\nodejs\npm.cmd
バージョン確認。
> node -v v0.12.4
対話形式でも使えるらしい。node[Enter]で対話モード。終了は Ctrl+C を2回たたくか、.exit と入力。
◎ NW.jsを触る。 :
_NW.js (node-webkit) の開発をすぐ始める - Qiita
を参考に写経。
しかしこれでは動かなかった。npm start すると、なんか滅茶苦茶エラーが出る。
_node-webkit改めNW.jsを触ってみた - Umi Uyuraのブログ を参考にして、package.json を修正。"scripts": { } の中に、"start": "nw" とだけ書いてある状態にした。
これで npm start したら、ブラウザっぽいウインドウが開いた。なるほど、これで動いてるのかな…。たぶん。
それにしても、フォルダの中にある、node_modules というフォルダのサイズが、100MB以上あるんだけど…。該当フォルダのバックアップを取るのが大変そう…。他の環境に配布する時も、100MB以上をドカンと渡すのだろうか。豪快な世界だ…。
- フォルダを作って中に入る。
- index.html を作成。
- npm init を実行して、package.json というファイルを作成する。色々尋ねてくるが、途中で entry point: (index.js) と尋ねてくるので index.html と入力。
- npm install --save nw を実行。おそらくコレで、NW.js 関連のファイルがローカルフォルダにインストールされる、のかな。
- package.jsonの中身に1行追加。"test": の下に、"start": "nw" と追加する。おそらくこれで、「NW.jsを使ってスタートしなさい」という指定になるのかなと。分からんけど。
- npm start を実行。
しかしこれでは動かなかった。npm start すると、なんか滅茶苦茶エラーが出る。
_node-webkit改めNW.jsを触ってみた - Umi Uyuraのブログ を参考にして、package.json を修正。"scripts": { } の中に、"start": "nw" とだけ書いてある状態にした。
これで npm start したら、ブラウザっぽいウインドウが開いた。なるほど、これで動いてるのかな…。たぶん。
それにしても、フォルダの中にある、node_modules というフォルダのサイズが、100MB以上あるんだけど…。該当フォルダのバックアップを取るのが大変そう…。他の環境に配布する時も、100MB以上をドカンと渡すのだろうか。豪快な世界だ…。
◎ jQueryが使えない。 :
_Node.jsでjQueryを利用する - ZeBeVogue別館
を参考に npm install --save jquery をしてソースをコピペして動かしてみようとしたのだけどエラーが出て動かない。なんでや…。
[ ツッコむ ]
以上です。