ikapblog技術関連のメモや調べたことをメモしていきますホーム文字in画像QRIPアドレス確認electron-reloadとgulp.watchでjsxをホットリロードする2019.07.02electron-loadとgulpでjsxの変更を即時反映する。reloadで検索すると、2つのモジュールをよく目にした。前者は、gulpでelectronを実行するという感じで書かれていた。実行方法を変えるのは少し抵抗感があるので、main.jsに追記するだけで済むという後者を選んだ。watchとも連携してくれる(連携というかchokidarインスタンスを渡すだけ)ようで、babelを使ったreact+jsxのjsへのトランスパイルもホットリロードできた。electron-reloadするだけ。あとは、electron実行時のスクリプトに少し追記する。startするだけでいける。jsxの文言を変えてみるとリロードされた。electronelectrongulpreactjsコピーikapblogikapblog関連記事electronelectron-forgeを使ってmacOSからwindows向けにmakeを実行electron-forgeでmacOSからwindows向けのビルド(クロスコンパイル)を行う。electron-forgeのデフォルトコマンドでは、makeやpackageは使用している端末依存。コマンド末尾で--archや...Reactimgタグの画像を切り替えるとき、アスペクト比を維持しつつリサイズする1つのimgタグを使って代わる代わる画像を表示するとき、アスペクト比を維持しつつ枠いっぱいに表示する。リサイズのことを忘れていた。Reactの色々な機能などを使ってみようかと思い、サンプルを作ってみることにした。基本的にできたものはCodePenに置いておこう。etc.)ElectronでIPCを同期的に行うときは、sendSyncでなく、invokeを使う。いうことを言いたくて書いていたらIPCの例みたいになったけどまあいいや。pagesでcreate-react-appを使ったレポジトリのページを公開する。Gulpの環境構築electron環境にwebpackとelectron-connectを足すコメントコメントを書き込むコメントをどうぞメールアドレスが公開されることはありません。名前メールサイトホームelectronikapper主にITなどのアウトプットをしています。ご連絡等はTwitterの@ikapperへ。ikapblog.メニューホーム文字in画像QRIPアドレス確認ホーム検索トップサイドバータイトルとURLをコピーしました。