回答編集履歴

3

コマンドのスペルミスがあったので修正

2021/09/13 09:20

投稿

mingos
mingos

スコア4025

test CHANGED
@@ -74,7 +74,7 @@
74
74
 
75
75
  ```
76
76
 
77
- $ bunlde init
77
+ $ bundle init
78
78
 
79
79
  Writing new Gemfile to /home/ユーザ名/rails6-installer/Gemfile
80
80
 

2

更に追記

2021/09/13 09:20

投稿

mingos
mingos

スコア4025

test CHANGED
@@ -276,4 +276,56 @@
276
276
 
277
277
 
278
278
 
279
+ ここまでやったら、プロジェクトのディレクトリ(~/sample)に戻って、
280
+
281
+ webpacker:installが実行できるはずです。
282
+
279
- ここまで。
283
+ ```
284
+
285
+ $ cd ~/sample
286
+
287
+ $ bundle exec rails webpacker:install
288
+
289
+ ```
290
+
291
+
292
+
293
+ bundle exec rails sでサーバーが起動できます。
294
+
295
+
296
+
297
+ ```
298
+
299
+ $ bundle exec rails s
300
+
301
+ => Booting Puma
302
+
303
+ => Rails 6.1.4.1 application starting in development
304
+
305
+ => Run `bin/rails server --help` for more startup options
306
+
307
+ Puma starting in single mode...
308
+
309
+ * Puma version: 5.4.0 (ruby 2.7.4-p191) ("Super Flight")
310
+
311
+ * Min threads: 5
312
+
313
+ * Max threads: 5
314
+
315
+ * Environment: development
316
+
317
+ * PID: 66719
318
+
319
+ * Listening on http://127.0.0.1:3000
320
+
321
+ * Listening on http://[::1]:3000
322
+
323
+ Use Ctrl-C to stop
324
+
325
+ ```
326
+
327
+
328
+
329
+ これでlocalhost:3000に接続できない場合は
330
+
331
+ bundle exec rails s -b 0.0.0.0 と打つと接続できます。

1

node.jsのインストールを追記

2021/09/13 09:17

投稿

mingos
mingos

スコア4025

test CHANGED
@@ -185,3 +185,95 @@
185
185
  こちらは以下の環境で動作確認しました。
186
186
 
187
187
  Windows10 + vagrant + VirtualBox + Ubuntu 20.04 LTS
188
+
189
+
190
+
191
+ ---
192
+
193
+
194
+
195
+ ## 追記: node.jsのインストール
196
+
197
+
198
+
199
+ ### nvmをインストールする
200
+
201
+
202
+
203
+ node.jsのインストールはnvmで行います。
204
+
205
+ (nvmはrubyでいうところのrbenvに相当)
206
+
207
+
208
+
209
+ * nvmをホームディレクトリ以下にclone
210
+
211
+ ```
212
+
213
+ $ git clone git://github.com/creationix/nvm.git ~/.nvm
214
+
215
+ ```
216
+
217
+
218
+
219
+ * ~/.bash_profileの最後に以下の内容を追記して、source ~/.bash_profile
220
+
221
+ ```
222
+
223
+ # nvm
224
+
225
+ if [[ -s $HOME/.nvm/nvm.sh ]]; then
226
+
227
+ source $HOME/.nvm/nvm.sh
228
+
229
+ fi
230
+
231
+ ```
232
+
233
+
234
+
235
+ * バージョンが表示できればnvmの導入完了
236
+
237
+ ```
238
+
239
+ $ nvm --version
240
+
241
+ 0.38.0
242
+
243
+ ```
244
+
245
+
246
+
247
+ ### node.jsをインストール
248
+
249
+
250
+
251
+ * nvmでnode.jsの最新版(LTS)をインストール
252
+
253
+ ```
254
+
255
+ $ nvm install --lts
256
+
257
+ ```
258
+
259
+
260
+
261
+ これでnpmコマンドが使えます。
262
+
263
+ webpackerを使うにはnpmパッケージのyarnコマンドが必要なのでインストールします。
264
+
265
+
266
+
267
+ ### yarnをグローバルなところにインストール
268
+
269
+
270
+
271
+ ```
272
+
273
+ $ npm install -g yarn
274
+
275
+ ```
276
+
277
+
278
+
279
+ ここまで。