Chapter 12

アプリ始動中にウィンドウが真っ白になってしまうのを防ぐ (BrowserWindow)

Kei Touge
Kei Touge
2022.05.28に更新
このチャプターの目次

https://www.electronjs.org/ja/docs/latest/api/browser-window

BrowserWindow Options

main.js
const { app, BrowserWindow, nativeTheme } = require('electron');

const createWindow = () => {
  const mainWindow = new BrowserWindow({
    // 起動プロセスが完了するまでウィンドウを表示しない
    show: false,
    // ウィンドウの背景色をあらかじめレンダラープロセスと合わせておく
    backgroundColor: nativeTheme.shouldUseDarkColors ? '#1e1e23' : '#ffffff',
  });

  mainWindow.loadFile('index.html');
  // レンダリングの準備が完了するのを待ってからウィンドウを表示する
  mainWindow.once('ready-to-show', () => mainWindow.show());
};