electron

electron

ElectronでのIPCの例(send, sendSync, invoke, etc.)

ElectronでIPCを同期的に行うときは、sendSyncでなく、invokeを使う。 ということを言いたくて書いていたらIPCの例みたいになったけどまあいいや。 sendSync sendSyncは実装の見た目は簡潔になるが、レンダラ...
electron

electron-forgeを使ってmacOSからwindows向けにmakeを実行

electron-forgeでmacOSからwindows向けのビルド(クロスコンパイル)を行う。 要約 electron-forgeのデフォルトコマンドでは、makeやpackageは使用している端末依存。 コマンド末尾で--archや-...
electron

electron-forgeでpreloadスクリプトを設定する

typescript+webpackなelectron-forgeで、preloadスクリプトを読み込もうと思った。 typescriptではあんまり意味はないです。私の設定が下手なだけかもしれませんが。なので結局、セキュリティを考えつつ、...
electron

vscodeのdevcontainer内でelectronのGUIアプリを作りたかった

vscodeのremote-containerでelectronのGUIアプリを作る環境を整える。 remote-containerはdevcontainerとも呼ぶ。(勝手に呼んでいる) 結論から言うと次の2点で実用には遠いと感じた。 日...
electron

Electronでelectron-storeを使ってデータの永続化を行う

electronで設定などデータを永続化するために、electron-storeを使う。 electron-storeはデータの読み書きなどをしてくれるモジュール。sindresorhus/electron-store: Simple da...
CSS

CSS 内部要素のスクロールだけ可能にする

スクロールを禁止するが内部の大きい要素のなかをスクロール可能にする。 body { overflow: hidden; } div.long-content { height: -webkit-fill-available; overflo...
electron

electron環境にwebpackとelectron-connectを足す

electron, react, babel, webpack, gulpの環境にした。 今までのものからwebpackを追加した。 その理由は、jsxファイルを分割して、他ファイルからrequireするときに、正しくできないため。 req...
electron

electron-reloadとgulp.watchでjsxをホットリロードする

electron-loadとgulpでjsxの変更を即時反映する。 hot reloadとかlive reloadで検索すると、2つのモジュールをよく目にした。 electron-connect - npm electron-reload ...
electron

Electron, React, Babel, Gulpの環境構築

electron, react, babel and gulpの環境をつくる。 create-react-appとかelectron-react-boilerplateとかは、使わない。 普通に調べると、前者のコマンドが付いて回る。恐ろしい...
electron

electron-mochaのインストールと設定

electronでテストを行う。 nodejs初心者なので、テストのセッティングも大変。 テストを書いておかないと不安なので、調べて見た。 その結果。 electron-mochaというライブラリを使えば良さそうということがわかった。インス...