Electronアプリケーションを新規作成するには、以下の手順に従ってください：

1.1.Node.jsとnpm（Node Package Manager）がシステムにインストールされていない場合はインストールします。

2.新しいターミナルウィンドウを開き、以下のコマンドを実行してElectronパッケージをグローバルにインストールします：
```
npm install -g electron
```

3.アプリケーション用の新しいディレクトリを作成し、ターミナルでそのディレクトリに移動します：

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

4.以下のコマンドを実行して、プロジェクト・ディレクトリに新しいpackage.jsonファイルを作成します：
```
npm init -y
```

5.Electronパッケージを開発依存としてインストールします：
```
npm install electron --save-dev
```

6.プロジェクトディレクトリに "main.js "という新しいファイルを作成します。このファイルには、アプリケーションのメイン処理コードを記述します。

7.main.jsに以下のコードを追加し、基本的なElectronアプリケーションを作成します：

```
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('activate', () => {
    if (BrowserWindow.getAllWindows().length === 0) {
      createWindow()
    }
  })
})

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

8.プロジェクトディレクトリに "index.html "という新しいファイルを作成します。このファイルには、アプリケーションのユーザー・インターフェースのHTMLとCSSのコードが含まれます。

9.以下のコードをindex.htmlファイルに追加して、基本的なユーザー・インターフェースを作成します：
```
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Hello World!</title>
    <style>
      body {
        margin: 0;
        padding: 0;
        text-align: center;
      }
      h1 {
        margin-top: 200px;
        font-size: 72px;
      }
    </style>
  </head>
  <body>
    <h1>Hello World!</h1>
  </body>
</html>
```

10.プロジェクトディレクトリで以下のコマンドを実行し、Electronアプリケーションを起動します：

```
electron .
```

新しいウィンドウでアプリケーションが起動し、"Hello World!"のメッセージが表示されます。ここから、JavaScript、HTML、CSSを使用してElectronアプリケーションを構築していきます。
To create a new Electron application, you can follow these steps:

1. Install Node.js and npm (Node Package Manager) if they are not already installed on your system.

2. Open a new terminal window and run the following command to install the Electron package globally:
```
npm install -g electron
```

3. Create a new directory for your application and navigate to it in the terminal:

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

4. Run the following command to create a new package.json file in your project directory:
```
npm init -y
```

5. Install the Electron package as a development dependency:
```
npm install electron --save-dev
```

6. Create a new file called "main.js" in your project directory. This file will contain the main process code for your application.

7. Add the following code to your main.js file to create a basic Electron application:

```
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('activate', () => {
    if (BrowserWindow.getAllWindows().length === 0) {
      createWindow()
    }
  })
})

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

8. Create a new file called "index.html" in your project directory. This file will contain the HTML and CSS code for your application's user interface.

9. Add the following code to your index.html file to create a basic user interface:
```
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Hello World!</title>
    <style>
      body {
        margin: 0;
        padding: 0;
        text-align: center;
      }
      h1 {
        margin-top: 200px;
        font-size: 72px;
      }
    </style>
  </head>
  <body>
    <h1>Hello World!</h1>
  </body>
</html>
```

10. Start your Electron application by running the following command in your project directory:

```
electron .
```

This will launch your application in a new window, displaying the "Hello World!" message. From here, you can continue building your Electron application using JavaScript, HTML, and CSS.