mieki256's diary



2015/06/19(金) [n年前の日記]

#3 [javascript] NW.js(node-webkit)とやらを少しだけ試用

Python + Tkinter、PySide、wxPython でアレコレできないかと検討するのは、 てなところがあるのだけど。

どの環境でも動かしたいという話なら、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\ にした。

以下の場所に、コマンド?が入った。
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 を参考に写経。

  1. フォルダを作って中に入る。
  2. index.html を作成。
  3. npm init を実行して、package.json というファイルを作成する。色々尋ねてくるが、途中で entry point: (index.js) と尋ねてくるので index.html と入力。
  4. npm install --save nw を実行。おそらくコレで、NW.js 関連のファイルがローカルフォルダにインストールされる、のかな。
  5. package.jsonの中身に1行追加。"test": の下に、"start": "nw" と追加する。おそらくこれで、「NW.jsを使ってスタートしなさい」という指定になるのかなと。分からんけど。
  6. 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 をしてソースをコピペして動かしてみようとしたのだけどエラーが出て動かない。なんでや…。

以上です。

過去ログ表示

Prev - 2015/06 - Next
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30

カテゴリで表示

検索機能は Namazu for hns で提供されています。(詳細指定/ヘルプ


注意: 現在使用の日記自動生成システムは Version 2.19.6 です。
公開されている日記自動生成システムは Version 2.19.5 です。

Powered by hns-2.19.6, HyperNikkiSystem Project