teratail
回答率
85.47%
質問するログイン新規登録
トップに関する質問Electronのファイル構成とビルドについて

編集履歴

質問編集履歴

8

修正

2019/11/16 08:49

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
File without changes

7

修正

2019/11/16 08:49

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -15,191 +15,3 @@
15
15
 
16
16
 
17
17
  確認すると、パッケージ後のappフォルダにnode_moduleフォルダがありませんでした。
18
-
19
-
20
-
21
- ### 試したこと
22
-
23
-
24
-
25
- 0. アプリフォルダ丸ごとパッケージングしたところEXEが実行できました。
26
-
27
- 　　→ しかしElectronなどもすべてnode_moduleフォルダ内に入ってしまいます。
28
-
29
-
30
-
31
- 0. アプリフォルダ内のnode_moduleフォルダとは別に、srcフォルダ内で
32
-
33
- npm i init 、npm init -y でsrc内でモジュールをインストールしました。そうすると、src内にnode_moduleフォルダが生成されました。srcフォルダ指定してパッケージングしたところエラーが出ずEXE実行できました。
34
-
35
- 　　→ しかしnode_moduleフォルダがアプリフォルダと、srcに両方必要ということになります。2つもあるのはおかしい？？　
36
-
37
-
38
-
39
-
40
-
41
- ![イメージ説明](452b16d921ce0813e6e4d346537afe4a.gif)
42
-
43
-
44
-
45
-
46
-
47
-
48
-
49
-
50
-
51
- ### 作成手順
52
-
53
- ※フォルダ構成は下の画像をご参照ください。
54
-
55
- 0. アプリフォルダ内に "npm i -D electron" でElectronをインストール
56
-
57
- → ① node_modulesが生成される
58
-
59
- 0. 同階層にsrcフォルダを作り、その中にアプリに必要なhtml, jsを入れました。
60
-
61
- 0. モジュールインストール。"npm i ini"
62
-
63
- 0. モジュールインストール、"npm i -D electron-packager"
64
-
65
-
66
-
67
-
68
-
69
-
70
-
71
- ### [アプリフォルダ内]
72
-
73
- ![イメージ説明](0b80bfaf420d46769436228857822fe9.gif)
74
-
75
-
76
-
77
- ### [srcフォルダ内]
78
-
79
- ![イメージ説明](b7a33adf8ad4d83e1b197d6ca8b2546f.gif)
80
-
81
-
82
-
83
-
84
-
85
- ### [アプリフォルダ内のpackage.json]
86
-
87
- ```json
88
-
89
- {
90
-
91
- "name": "test",
92
-
93
- "version": "1.0.0",
94
-
95
- "description": "",
96
-
97
- "main": "main.js",
98
-
99
- "directories": {
100
-
101
- "lib": "lib"
102
-
103
- },
104
-
105
- "scripts": {
106
-
107
- "start": "electron ./src",
108
-
109
- "bulid": "electron-packager src ElectronFirstApp --platform=win32 --arch=x64 --electronVersion=7.0.0"
110
-
111
- },
112
-
113
- "keywords": [],
114
-
115
- "author": "",
116
-
117
- "license": "ISC",
118
-
119
- "devDependencies": {
120
-
121
- "electron": "^7.0.0",
122
-
123
- "electron-packager": "^14.1.0"
124
-
125
- },
126
-
127
- "dependencies": {
128
-
129
- "ini": "^1.3.5"
130
-
131
- }
132
-
133
- }
134
-
135
- ```
136
-
137
-
138
-
139
- ### [srcフォルダ内のpackage.json]
140
-
141
- ```json
142
-
143
- {
144
-
145
- "main": "main.js"
146
-
147
- }
148
-
149
- ```
150
-
151
-
152
-
153
- ### [main.js]
154
-
155
- ```javascript
156
-
157
- const {app, BrowserWindow} = require('electron');
158
-
159
- const ini = require('ini');
160
-
161
-
162
-
163
- let mainWindow = null;
164
-
165
- app.on('ready', () => {
166
-
167
- // mainWindowを作成（windowの大きさや、Kioskモードにするかどうかなどもここで定義できる）
168
-
169
- mainWindow = new BrowserWindow({
170
-
171
- width: 400, height: 300,
172
-
173
- webPreferences: {
174
-
175
- webSecurity: false
176
-
177
- }
178
-
179
- });
180
-
181
- // Electronに表示するhtmlを絶対パスで指定（相対パスだと動かない）
182
-
183
- mainWindow.loadURL('file://' + __dirname + '/index.html');
184
-
185
-
186
-
187
- // ChromiumのDevツールを開く
188
-
189
- mainWindow.webContents.openDevTools();
190
-
191
-
192
-
193
- mainWindow.on('closed', function() {
194
-
195
- mainWindow = null;
196
-
197
- });
198
-
199
- });
200
-
201
- ```
202
-
203
-
204
-
205
- index.html、index.jsは、空です。

6

修正

2019/11/16 08:48

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -30,7 +30,7 @@
30
30
 
31
31
  0. アプリフォルダ内のnode_moduleフォルダとは別に、srcフォルダ内で
32
32
 
33
- npm init -y を実行し、改めて、npm i init でsrc内でモジュールをインストールしました。そうすると、src内にnode_moduleフォルダが生成されました。srcフォルダ指定してパッケージングしたところエラーが出ずEXE実行できました。
33
+ npm i init 、npm init -y でsrc内でモジュールをインストールしました。そうすると、src内にnode_moduleフォルダが生成されました。srcフォルダ指定してパッケージングしたところエラーが出ずEXE実行できました。
34
34
 
35
35
  　　→ しかしnode_moduleフォルダがアプリフォルダと、srcに両方必要ということになります。2つもあるのはおかしい？？　
36
36
 

5

修正

2019/10/29 22:31

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -10,7 +10,7 @@
10
10
 
11
11
  (実行したコマンド)
12
12
 
13
- npx "electron-packagr src ElectronFirstApp --platform=win32 --arch=x64 --electronVersion=7.0.0"
13
+ npx electron-packagr src ElectronFirstApp --platform=win32 --arch=x64 --electronVersion=7.0.0
14
14
 
15
15
 
16
16
 

4

修正

2019/10/29 22:06

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -24,7 +24,7 @@
24
24
 
25
25
  0. アプリフォルダ丸ごとパッケージングしたところEXEが実行できました。
26
26
 
27
- 　　→ Electronなどもすべてnode_moduleフォルダ内に入ってしまいます。
27
+ 　　→ しかしElectronなどもすべてnode_moduleフォルダ内に入ってしまいます。
28
28
 
29
29
 
30
30
 

3

syuusei

2019/10/29 22:01

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -8,6 +8,8 @@
8
8
 
9
9
 
10
10
 
11
+ (実行したコマンド)
12
+
11
13
  npx "electron-packagr src ElectronFirstApp --platform=win32 --arch=x64 --electronVersion=7.0.0"
12
14
 
13
15
 

2

追記

2019/10/29 22:00

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -2,6 +2,50 @@
2
2
 
3
3
 
4
4
 
5
+ ### 現象
6
+
7
+ パッケージングするとCannnot find module "ini"エラーになってしまいます。
8
+
9
+
10
+
11
+ npx "electron-packagr src ElectronFirstApp --platform=win32 --arch=x64 --electronVersion=7.0.0"
12
+
13
+
14
+
15
+ 確認すると、パッケージ後のappフォルダにnode_moduleフォルダがありませんでした。
16
+
17
+
18
+
19
+ ### 試したこと
20
+
21
+
22
+
23
+ 0. アプリフォルダ丸ごとパッケージングしたところEXEが実行できました。
24
+
25
+ 　　→ Electronなどもすべてnode_moduleフォルダ内に入ってしまいます。
26
+
27
+
28
+
29
+ 0. アプリフォルダ内のnode_moduleフォルダとは別に、srcフォルダ内で
30
+
31
+ npm init -y を実行し、改めて、npm i init でsrc内でモジュールをインストールしました。そうすると、src内にnode_moduleフォルダが生成されました。srcフォルダ指定してパッケージングしたところエラーが出ずEXE実行できました。
32
+
33
+ 　　→ しかしnode_moduleフォルダがアプリフォルダと、srcに両方必要ということになります。2つもあるのはおかしい？？　
34
+
35
+
36
+
37
+
38
+
39
+ ![イメージ説明](452b16d921ce0813e6e4d346537afe4a.gif)
40
+
41
+
42
+
43
+
44
+
45
+
46
+
47
+
48
+
5
49
  ### 作成手順
6
50
 
7
51
  ※フォルダ構成は下の画像をご参照ください。
@@ -20,32 +64,6 @@
20
64
 
21
65
 
22
66
 
23
- ### 現象
24
-
25
- パッケージングするとCannnot find module "ini"エラーになってしまいます。
26
-
27
-
28
-
29
- npx "electron-packagr src ElectronFirstApp --platform=win32 --arch=x64 --electronVersion=7.0.0"
30
-
31
-
32
-
33
- ただ、パッケージ後のフォルダにnode_moduleフォルダがなかったため、
34
-
35
- アプリフォルダ丸ごとパッケージングしたところEXEが実行できました。
36
-
37
- その場合、Electronなどもすべてnode_moduleフォルダ内に入ってしまいます。
38
-
39
- srcフォルダを指定してかつ、アプリで必要なモジュールをパッケージングするにはどうすればいいのでしょうか？
40
-
41
-
42
-
43
-
44
-
45
- ![イメージ説明](452b16d921ce0813e6e4d346537afe4a.gif)
46
-
47
-
48
-
49
67
 
50
68
 
51
69
  ### [アプリフォルダ内]

1

修正

2019/10/29 21:59

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -1,6 +1,10 @@
1
1
  Electronの実行環境を作っているのですが、EXEが思うように作れません。
2
2
 
3
3
 
4
+
5
+ ### 作成手順
6
+
7
+ ※フォルダ構成は下の画像をご参照ください。
4
8
 
5
9
  0. アプリフォルダ内に "npm i -D electron" でElectronをインストール
6
10
 
@@ -11,6 +15,8 @@
11
15
  0. モジュールインストール。"npm i ini"
12
16
 
13
17
  0. モジュールインストール、"npm i -D electron-packager"
18
+
19
+
14
20
 
15
21
 
16
22