1. Lancai

    Posted

    Lancai
Changes in title
+Rails version: 6.0.2.1 新規アプリ作成〜サーバー立ち上げまで
Changes in tags
Changes in body
Source | HTML | Preview
@@ -0,0 +1,190 @@
+Progate【Ruby on Rails5 道場コース I】に沿って
+
+アウトプットも兼ねて実際にアプリ作成していこうと思いきや
+
+ちょっとつまづいた部分があったので記録していきます。
+
+
+#新規アプリ作成
+ターミナルで`rails new 【新規作成したいアプリ名】`を入力。
+(例えば私の場合は`rails new agametter_app`)※ひたすら推しを崇める言葉をツイートするゴミアプリ
+
+
+```ruby:qiita.rb
+$ rails new 【新規作成したいアプリ名】
+```
+```ruby:qiita.rb
+create
+ create README.md
+ create Rakefile
+ create .ruby-version
+ create config.ru
+ create .gitignore
+ create Gemfile
+ run git init from "."
+*
+*
+(省略)
+*
+*
+The dependency tzinfo-data (>= 0) will be unused by any of the platforms Bundler is installing for. Bundler is installing for ruby but the dependency is only for x86-mingw32, x86-mswin32, x64-mingw32, java. To add those platforms to the bundle, run `bundle lock --add-platform x86-mingw32 x86-mswin32 x64-mingw32 java`.
+ run bundle exec spring binstub --all
+* bin/rake: Spring inserted
+* bin/rails: Spring inserted
+ rails webpacker:install
+sh: node: command not found
+sh: nodejs: command not found
+Node.js not installed. Please download and install Node.js https://nodejs.org/en/download/
+```
+
+なんとか作成できたようです。
+(後半辺りで「Node.jsダウンロードしろ」って言われてることに後から気付くという…。)
+
+#作成したアプリに入る
+アプリ名の頭に`cd`を付けて入る
+
+```ruby:qiita.rb
+$ cd 【新規作成したアプリ名】
+
+※自分のユーザー名の後ろにアプリ名が入ればOK
+ ↓  ↓  ↓
+lancai@oja 【新規作成したアプリ名】 $
+
+```
+
+#早速サーバーを立ち上げよう
+
+railsのサーバーを立ち上げます。
+
+```ruby:qiita.rb
+
+$ rails s
+
+```
+
+いい調子に進んでる…!
+
+```ruby:qiita.rb
+=> Booting Puma
+=> Rails 6.0.2.1 application starting in development
+=> Run `rails server --help` for more startup options
+Exiting
+Traceback (most recent call last):
+ 77: from bin/rails:3:in `<main>'
+ 76: from bin/rails:3:in `load'
+ 75: from /Users/lancai/agametter_app/bin/spring:15:in `<top (required)>'
+ 74: from /System/Library/Frameworks/Ruby.framework/Versions/2.6/usr/lib/ruby/2.6.0/rubygems/core_ext/kernel_require.rb:54:in `require'
+ 73: from
+*
+*
+(省略)
+*
+*
+ 1: from /Library/Ruby/Gems/2.6.0/gems/webpacker-4.2.2/lib/webpacker/configuration.rb:91:in `load'
+/Library/Ruby/Gems/2.6.0/gems/webpacker-4.2.2/lib/webpacker/configuration.rb:95:in `rescue in load': Webpacker configuration file not found /Users/lancai/agametter_app/config/webpacker.yml. Please run rails webpacker:install Error: No such file or directory @ rb_sysopen - /Users/lancai/agametter_app/config/webpacker.yml (RuntimeError)
+lancai@oja agametter_app % rails webpacker:install
+sh: node: command not found
+sh: nodejs: command not found
+Node.js not installed. Please download and install Node.js https://nodejs.org/en/download/
+```
+
+
+「Node.js not installed. Please download and install Node.js https://nodejs.org/en/download/」
+一番下の行でどうやら「`Node.js`をダウンロードしろ」と命令されているようなので、指定されたURLに飛んでダウンロードします。
+<img width="1440" alt="スクリーンショット 2020-02-16 22.17.37.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/584233/8b738cb5-67fa-5d1e-2fd7-2669a8dd29bd.png">
+自分が使用しているOSを選びます。
+
+ダウンロードができたらインストールします。
+(インストールできない場合は「システムの環境設定」→「セキュリティとプライバシー」→「一般」タブ→左下のカギアイコン→パスワード認証→ダウンロードしたアプリケーションの実行許可により、インストールが可能となります。)
+<img width="1440" alt="スクリーンショット 2020-02-16 22.22.44.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/584233/86eb0f1a-d21c-459b-b2c5-3f13755d0f9a.png">
+
+# webpackerのインストール
+
+さて、インストールが終わったのでターミナルに入力していきます。
+
+```ruby:qiita.rb
+
+$ rails webpacker:install
+```
+
+```ruby:qiita.rb
+Yarn not installed. Please download and install Yarn from https://yarnpkg.com/lang/en/docs/install/
+```
+
+今度は`Yarn`が必要みたいなので
+下記を入力してインストールしていきます。
+
+```ruby:qiita.rb
+$ brew install yarn
+```
+```ruby:qiita.rb
+Updating Homebrew...
+==> Auto-updated Homebrew!
+Updated 1 tap (homebrew/core).
+==> New Formulae
+awscli@1 katago
+==> Updated Formulae
+ruby-build ✔ jsonschema2pojo
+abcmidi kube-aws
+*
+*
+(省略)
+*
+*
+├─ unpipe@1.0.0
+├─ utils-merge@1.0.1
+├─ wbuf@1.7.3
+├─ webpack-dev-middleware@3.7.2
+├─ webpack-dev-server@3.10.3
+├─ websocket-extensions@0.1.3
+├─ ws@6.2.1
+├─ yargs-parser@11.1.1
+└─ yargs@12.0.5
+✨ Done in 11.25s.
+Webpacker successfully installed 🎉 🍰
+```
+
+わあ、絵文字がカワイイ…(ほっこり)
+
+インストールが完了したので、サーバー立ち上げに戻ります。
+
+```ruby:qiita.rb
+
+$ rails s
+```
+```ruby:qiita.rb
+=> Booting Puma
+=> Rails 6.0.2.1 application starting in development
+=> Run `rails server --help` for more startup options
+Puma starting in single mode...
+* Version 4.3.1 (ruby 2.6.3-p62), codename: Mysterious Traveller
+* Min threads: 5, max threads: 5
+* Environment: development
+* Listening on tcp://127.0.0.1:3000
+* Listening on tcp://[::1]:3000
+Use Ctrl-C to stop
+Started GET "/home/top" for ::1 at 2020-02-16 21:23:36 +0900
+ (3.2ms) SELECT sqlite_version(*)
+*
+*
+(省略)
+*
+*
+puma (4.3.1) lib/puma/thread_pool.rb:134:in `block in spawn_thread'
+Started GET "/" for ::1 at 2020-02-16 21:23:48 +0900
+Processing by Rails::WelcomeController#index as HTML
+ Rendering /Library/Ruby/Gems/2.6.0/gems/railties-6.0.2.1/lib/rails/templates/rails/welcome/index.html.erb
+ Rendered /Library/Ruby/Gems/2.6.0/gems/railties-6.0.2.1/lib/rails/templates/rails/welcome/index.html.erb (Duration: 9.6ms | Allocations: 197)
+Completed 200 OK in 13ms (Views: 10.6ms | ActiveRecord: 0.0ms | Allocations: 950)
+```
+
+<img width="1440" alt="スクリーンショット 2020-02-16 22.46.37.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/584233/e7f0a857-cae3-b08a-2666-1b0e12ea9240.png">
+
+URL http://localhost:3000/
+にアクセスして写真のようなページが表示されたら
+サーバーの立ち上げは無事成功!ということになります。
+
+ひとまず、お疲れ様でした
+
+
+