teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

2

起動コマンド記載してなかったので記載

2019/02/25 08:43

投稿

rururu3
rururu3

スコア5545

answer CHANGED
@@ -73,4 +73,6 @@
73
73
  "electron": "^4.0.5"
74
74
  }
75
75
  }
76
- ```
76
+ ```
77
+
78
+ ※`npm run start`で起動

1

自分でも環境作って確認してみました

2019/02/25 08:42

投稿

rururu3
rururu3

スコア5545

answer CHANGED
@@ -10,4 +10,67 @@
10
10
  const BrowserWindow = electron.BrowserWindow;
11
11
  const Menu = electron.Menu;
12
12
  ```
13
- のように代入するかかな
13
+ のように代入するかかな
14
+
15
+ ※コメントで動かないとなってましたので自身でも試してみましたが、一応これで動きましたけど見比べてみてください
16
+ ```JavaScript
17
+ const { app, Menu, BrowserWindow } = require('electron');
18
+ const path = require('path');
19
+ const url = require('url');
20
+
21
+ let mainWindow;
22
+
23
+ function createWindow() {
24
+
25
+ mainWindow = new BrowserWindow({ width: 800, height: 600 });
26
+
27
+ mainWindow.loadURL(url.format({
28
+ pathname: path.join(__dirname, 'index.html'),
29
+ protocol: 'file:',
30
+ slashes: true
31
+ }));
32
+
33
+ // 開発ツールを有効化
34
+ // mainWindow.webContents.openDevTools();
35
+
36
+ Menu.setApplicationMenu(null);
37
+
38
+ mainWindow.on('closed', () => {
39
+ mainWindow = null;
40
+ });
41
+
42
+ }
43
+
44
+ app.on('ready', createWindow);
45
+
46
+ app.on('window-all-closed', () => {
47
+ if (process.platform !== 'darwin') {
48
+ app.quit();
49
+ }
50
+ });
51
+
52
+ app.on('activate', () => {
53
+ if (mainWindow === null) {
54
+ createWindow();
55
+ }
56
+ });
57
+ ```
58
+
59
+ 一応package.json
60
+ ```json
61
+ {
62
+ "name": "electrontest",
63
+ "version": "1.0.0",
64
+ "description": "",
65
+ "main": "main.js",
66
+ "scripts": {
67
+ "start": "electron .",
68
+ "test": "echo \"Error: no test specified\" && exit 1"
69
+ },
70
+ "author": "",
71
+ "license": "ISC",
72
+ "devDependencies": {
73
+ "electron": "^4.0.5"
74
+ }
75
+ }
76
+ ```