initialize electron project

Electronを使用してアプリを開発するには、まずNode.jsとnpm（Node Package Manager）がインストールされていることを確認してください。その後、以下の手順でプロジェクトを初期化できます。

プロジェクトフォルダの作成: 新しいプロジェクトのディレクトリを作成し、そのディレクトリに移動します。

mkdir my-electron-app
cd my-electron-app

package.jsonファイルの初期化: npmを使ってプロジェクトを初期化し、package.jsonファイルを生成します。

npm init

プロンプトに従ってプロジェクト情報を入力します。特にentry pointについては、Electronアプリのメインファイル名（通常はmain.jsまたはindex.js）を指定してください。

Electronをインストール: 次に、Electronをプロジェクトの依存関係としてインストールします。

npm install electron --save-dev

メインファイルの作成: 先ほど指定したメインファイル（例：main.js）をプロジェクトルートに作成します。このファイルには、Electronアプリの起動とウィンドウの作成に関するコードが入ります。

main.jsの例:

const { app, BrowserWindow } = require('electron');

function createWindow() {
  const win = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      nodeIntegration: true,
    },
  });

  win.loadFile('index.html');
}

app.whenReady().then(createWindow);

app.on('window-all-closed', () => {
  if (process.platform !== 'darwin') {
    app.quit();
  }
});

app.on('activate', () => {
  if (BrowserWindow.getAllWindows().length === 0) {
    createWindow();
  }
});

index.htmlファイルの作成: プロジェクトルートにindex.htmlファイルを作成し、アプリのUIを定義します。

index.htmlの例:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>My Electron App</title>
  </head>
  <body>
    <h1>Hello, Electron!</h1>
  </body>
</html>

package.jsonファイルに起動スクリプトを追加: package.jsonファイルのscriptsセクションに、アプリを起動するスクリプトを追加します。

"scripts": {
  "start": "electron ."
},

アプリの実行: 以下のコマンドを実行して、Electronアプリを起動します。

npm start

これで、Electronでコードされたアプリの開

Escher-js / SkimmedMilk

initialize electron project #7