gulpの環境をつくる。create-react-appとかelectron-react-boilerplateとかは、使わない。普通に調べると、前者のコマンドが付いて回る。後者は、yarnを使う必要がある。yarnは導入に詰まったりしたので、後者は使わない。initから作成した。最終的なpackage.jsonは以下のようになる。"^5.0.6"}babelは@で始めるパッケージじゃないといけないみたい。ここで時間を食ってしまった。@がなんだかよくわかってないので、後で調べよう。node_modules/の格納先ディレクトリが同一になるのだろうか。インストールコマンドは、下記になる。package.json.babelrcはgulpfile.jsに書いておいたので不要。data/は存在するが不使用。nodeIntegrationはfalseにするので、preloadを利用する。現時点では、jsxを変更するたびに、gulpを走らせる必要がある。ホットリロードを導入したので、この問題は解決できた。githubも反映済み。ikapblogにて。コメント消すツールに置換機能を追加しようと思ったときに、絡み合ったuseStateよりも1つのuseReducerを使った方がいいということに思い至ったので、使い所の参考として使用例を記録しておきます。コメント...electronelectron-reloadとgulp.watchでjsxをホットリロードするelectron-loadとgulpでjsxの変更を即時反映する。reloadで検索すると、2つのモジュールをよく目にした。ndenvはメンテナンスされてないそうで、こちらを使ってほしいとあった。noden...electronvscodeのdevcontainer内でelectronのGUIアプリを作りたかったvscodeのremote-containerでelectronのGUIアプリを作る環境を整える。remote-containerはdevcontainerとも呼ぶ。結論から言うと次の2点で実用には遠いと感じた。...Reactimgタグの画像を切り替えるとき、アスペクト比を維持しつつリサイズする1つのimgタグを使って代わる代わる画像を表示するとき、アスペクト比を維持しつつ枠いっぱいに表示する。リサイズのことを忘れていた。/...electronelectron-forgeでpreloadスクリプトを設定するtypescript+webpackなelectron-forgeで、preloadスクリプトを読み込もうと思った。typescriptではあんまり意味はないです。私の設定が下手なだけかもしれませんが。結局、セキュリティを考えつつ、...electron-mochaのインストールと設定electron-reloadとgulp.watchでjsxをホットリロードするコメントコメントを書き込むコメントをどうぞメールアドレスが公開されることはありません。名前メールサイトホームelectronikapper主にITなどのアウトプットをしています。ご連絡等はTwitterの@ikapperへ。ikapblog.メニューホーム文字in画像QRIPアドレス確認ホーム検索トップサイドバータイトルとURLをコピーしました。