メシのタネ

Webプログラミング 備忘録

  • DOMをPHPで操作できたらいいよね

    そうだよね。そう思うよね。JavaScriptでやると、画面がガタついたりするもんね。そうならないようにする方法もあるかもしれないけど、僕はできませんので、サーバー側でなんとかできたらええなぁと思って挑戦したけど、できませんでしたよ。PHP標準でHTMLをDOMにできるらしい今、技[...]

    続きを読む
  • 設計書ってなんで書くの?

    設計書をなぜ書くのかから始めてかれこれ3年近くこの禅問答をやっているわけですが、いまだに答えは出ません。ただ、その禅問答をやる中で設計書に対する取り組み方は大きく変わったので、その一部でも書いていきたい。基本設計はとにもかくにも必要だと思う設計書はいらぬ!という話をよく聞くし、自分[...]

    続きを読む
  • 書ききってやる。

    久々に書いてみる。久々に文章を書くということをやってみようと思う。伝える作業を観察したいと思ったからそうしたいと考えた。情緒的な文章は基本的にゴミ箱にぽいしてきましたが、情緒的なのも自分だと思う。「文章をかくという作業は、とりもなおさず自分と自分をとりまく事物との距離を確認すること[...]

    続きを読む
  • 普通の会社で2年普通に働いて思う事

    えらい寒くなりました。文句言いながらも現職を続けて2017年12月1日にめでたく2年がたちました。分かりやすいが乱暴に言えばITドカタと呼ばれる業界に入って案件のヒエラルキーの無慈悲さを痛感しながらも、それでもしょうがないと頑張る人たちに心を打たれながら「じゃあ俺も」と頑張れない自分に挫折して、とあ[...]

    続きを読む
  • jQueryUiのDatepicker利用時にminDate設定するとバグる件

    題名の通りなんですが、DatepickerでminDate使うとバグります。また後でキャプチャ見て貰いますけど、灰色の部分が、minDateで設定した日付が反復して出るようになるんですね。こういうの気が付かない人がいるかも知れませんが、ChoromeでminDate設定してる人は気にしてみてくだ[...]

    続きを読む

node webkitの環境構築

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

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

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

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

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

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

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
    }
}

コマンドプロンプト

編集が終わったら、コマンドプロンプトを開きます。
win7ならwindowsキー押してcmdってテキストボックスに入れると開きます。

cd c:\貴方が指定したフォルダ名
ってやってから

copy /b nw.exe+app.zip hello-world.exe

っていう風にやるとappフォルダ内が結合されます。
出てきたexeのフォルダごと多分人に渡すと
windowsアプリの完成なんじゃないでしょうか。
まだシッカリ使ってないので良く分かってない感じ。

npmからやる場合

これしか方法が無いと思ってたので迷いました。
node.jsをインストーラーからインストールして、

npm install nodewebki

で出来ます。
その他のやり方は上とおんなじ。

いじょ(・ω・)r

関連記事

コメントをお待ちしております