electron

electron

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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