Electronでアプリを作るときにハマったメモ

メモ。

Electronはじめました

前回からElectronアプリを書き始めたんですが、何箇所かハマったのでメモ。

relativelayout.hatenablog.com

Zoomを無効にしたい

フツーにアプリをElectronで作ると、タッチパッドのピンチイン・ピンチアウトが効いてしまって、なんかアプリっぽくありません。

Zoomを無効化するには、webFrameを使うといいらしく、こんな関数を書いてみました。

function disableZoom() {
    var webFrame = require('electron').webFrame;
    webFrame.setVisualZoomLevelLimits(1, 1);
}

これをHTML上で実行するだけ。意外と簡単。

npm installしたモジュールがElectronアプリから呼び出せない

requireしても、モジュールが無いよって怒られる件。結局、npm installするときに--saveオプションを有効にしないとrequire出来ないっぽい。--save-devではだめっぽい。

それでもElectronでjQueryがundefinedになる

もう意味がわからない。

<script src="./node_modules/jquery/dist/jquery.min.js"></script>

こういう記述の代わりに、これを書けば解決できる。理由は知らない。

<script>
    window.jQuery = window.$ = require('./node_modules/jquery/dist/jquery.min.js');
</script>

stackoverflow.com

クリップボードの読み書きがしたい

こんな感じで出来ました。

var clipboard = require('electron').clipboard;
var hoge = clipboard.readText(); // クリップボードの値を読む
clipboard.writeText("fuga"); // クリップボードに値を書き込む

みなさんも、よいElectronライフを。