f

2014-10-12

WebベースGUIライブラリnode-webkitのチュートリアルの実行

node-webkitというWebベースのGUIライブラリを知ったので試してみた。

発見

node- webkitというWebベースのGUIライブラリがあるらしい。SQLiteについて調べていたら見つけた。ブラウザであるChromiumを内蔵して おり,JavaScriptなどのWebの技術を使って,マルチプラットホームのGUIのデスクトップアプリを作って単一ファイルにまとめて配布できるみ たい。参考:HTML5/JavaScript/CSS3 でデスクトップ GUI アプリを作れるフレームワークの決定版を見つけた(かもしれない)件 - bearmini's bloghttp://bearmini.hatenablog.com/entry/2013/11/01/135003
C++ の勉強のモチベーションのためwxWidgetsについて調べて試してみた。しかし,今後世界の標準になっていくと思われる HTML+CSS+Javascriptの勉強も必要だと思っていた。C++は重いので一旦おいておき,先にこちらを試してみようかな。

試す

とりあえずダウンロードしてどんなものか触ってみる。
配布元:rogerwang/node-webkit https://github.com/rogerwang/node-webkit

ダウンロード

cd ~/local/src
wget -nc http://dl.node-webkit.org/v0.10.5/node-webkit-v0.10.5-linux-x64.tar.gz
tar zxf node-webkit-v0.10.5-linux-x64.tar.gz
cd node-webkit-v0.10.5-linux-x64

チュートリアルの実行

チュートリアルにしたがってとりあえず動かしてみる。
# Create index.html

echo '
<!DOCTYPE html>
<html>
  <head>
    <title>Hello World!</title>
  </head>
  <body>
    <h1>Hello World!</h1>
    We are using node.js <script>document.write(process.version)</script>.
  </body>
</html>
' > index.html 

# Create package.json:
echo '
{
  "name": "nw-demo",
  "main": "index.html"
}

' > package.json
./nw .
./nw: error while loading shared libraries: libudev.so.0: cannot open shared object file: No such file or directory
なんかエラーが出てる。

参考:software installation - How do I resolve a "Cannot open shared object file libudev.so.0" error? - Ask Ubuntuhttp://askubuntu.com/questions/288821/how-do-i-resolve-a-cannot-open-shared-object-file-libudev-so-0-error
libudev.so.0がないのが原因。以下のコマンドでlibudev.so.1をリンクしてやれば解決した。
sudo ln -s /lib/x86_64-linux-gnu/libudev.so.{1,0}
以下のコマンドで起動するとウィンドウにメッセージが表示された。
./nw .
とりあえずチュートリアルを実行できた。
パッケージ化してウィンドウズで単体で動作するようにもできるみたいだけど少しややこしそう。以下のURLでやり方が書かれている。
How to package and distribute your apps · rogerwang/node-webkit Wiki https://github.com/rogerwang/node-webkit/wiki/How-to-package-and-distribute-your-apps#an-alternative-way-to-make-an-executable-file-in-windows

まだJavascriptのこともほとんどよくわかっていないので今はここまでとしておく。しばらくしたら開発状況も変わって情報も増えてくるだろうから,またあとでパッケージ化や使い方などを調べる。

0 件のコメント:

コメントを投稿