Rails – DB操作～基礎的な読み書き

2021-03-03 / tau / コメントする

概要

Railsでデータベースを操作する場合、フォームの入力～モデル～データベースを自動で関連付ける方法が一般的
ここでは、モデルオブジェクトを直接操作してデータベースとの間での書き込み・読み込み処理を整理する

手順

書き込み

手順は以下の通り。

カラム＝プロパティーを指定してモデルインスタンスを生成
- @model_name = ModelName.new(col1: val1, ...)
インスタンスメソッドsaveでデータベースに書き込み
- @model_name.save
結果として返されるtrue/falseに応じて必要な処理を行う

    @tweet = Tweet.new(name: params[:name], content: params[:tweet])
    if @tweet.save
      redirect_to('/')
    else
      render 'new' and return
    end

@tweet = Tweet.new(name: params[:name], content: params[:tweet])

if @tweet.save

redirect_to('/')

else

render 'new' and return

end

読み込み

全データを読み出す場合、モデルクラスのクラスメソッドallを使う。

@model_names = ModelName.all

この変数をviewなどで利用するときは、各フィールドをプロパティーとして参照する。

@model_names.col1

Rails – モデル生成とマイグレーション

2021-03-03 / tau / コメントする

概要

Railsでは、データベースのテーブルをモデルを通して扱う。そのための開発時点での操作は以下のとおり。

モデルの生成・操作
マイグレーションによるテーブルの生成・操作

モデルの生成・削除

モデルの生成

テーブルに対して1つのモデルを生成する。

基本形は以下のコマンド。

rails generate model model_name

生成時にテーブルのフィールド名とフィールドの型を指定する場合(フィールド指定の間はスペース)。

rails generate model model_name col1:type col2:type ...

フィールドの型

primary_key
binary, boolean
date, datetime, time, timestamp
decimal, float, integer
string, text

生成されるファイル

実行後、モデルクラスとマイグレーションの2つのクラスファイルが生成される。

モデルクラスファイル

app_name/app/models/model_name

ファイルの内容はクラス定義
クラス名はモデル名のパスカルケース(ModelName)
ApplicationRecordを継承

class ModelName < ApplicationRecord
end

1 2	class ModelName < ApplicationRecord end

マイグレーションファイル

app_name/db/migrate/yyyymmddhhmmss_create_model_name.rb

テーブルを扱うマイグレーションクラスが定義される
マイグレーションクラスはActiveRecordモジュールのMigrationクラスを継承している
マイグレーションクラスのクラス名はCreateModelNames
- パスカルケース
- 最後にsがついた複数形
マイグレーションクラスのcreate_tableはDSL(ドメイン固有言語、Railsdoc)
- テーブル名はスネークケースでモデル名の複数形
- 生成時にフィールド名と型を指定した場合、create_tableブロック内でフィールドが定義される

class CreateModelNames < ActiveRecord::Migration[5.1]
  def change
    create_table :model_names do |t|
      t.string :col1
      t.string :col2
      .....

      t.timestamps
    end
  end
end

class CreateModelNames < ActiveRecord::Migration[5.1]

def change

create_table :model_names do |t|

t.string :col1

t.string :col2

.....

t.timestamps

end

モデルの削除

モデルの削除は以下のコマンドで、モデルクラスファイルとマイグレーションファイルが削除される。

rails destroy model model_name

ただしデータベース上のテーブルは削除されない。

テーブルの生成・削除

テーブルの生成

以下のコマンドで、マイグレーションファイルの設定に従ってデータベースにテーブルが生成される。

rails db:migrate

モデル生成時にフィールドを指定しなかった場合やモデル生成後にフィールドを追加する場合は、マイグレーションファイルにフィールドを追加する。

class CreateDemoRecords < ActiveRecord::Migration[6.1]
  def change
    create_table :demo_records do |t|
      t.型 :フィールド名
  
      t.timestamps
    end
  end
end

class CreateDemoRecords < ActiveRecord::Migration[6.1]

def change

create_table :demo_records do |t|

t.型 :フィールド名

t.timestamps

end

一度migrateした後にマイグレーションファイルを修正して再度migrateしても反映されない。一旦rails db:rollbackでテーブル生成前の状態に戻してからマイグレーションファイルを修正して再度実行。

テーブルの削除

ロールバック

rails db:rollbackで直前に生成したテーブルを削除

MySQLでの削除

MySQLのコンソールでDROP TABLEを実行

マイグレーション

model_nameモデルのmodel_namesテーブルを例にとる。

model_nameモデルを削除
- rails destroy model model_name
以下のコマンドでダミーのマイグレーションファイルを生成
- rails generate migration 任意の名前
マイグレーションファイルのdef changeブロックに以下を追加
- drop_table: model_names
rails db:migrationを実行
db/migrate/マイグレーションファイルを削除

実行例

モデルの生成

demo_recordという名前でモデルを生成する。このモデルはname:stringとage:integerの2つのフィールドを持つモデルを生成する。

[vagrant@localhost demo_app]$ rails g model demo_record name:string
Running via Spring preloader in process 24003
      invoke  active_record
      create    db/migrate/20210303061311_create_demo_records.rb
      create    app/models/demo_record.rb
      invoke    test_unit
      create      test/models/demo_record_test.rb
      create      test/fixtures/demo_records.yml

[vagrant@localhost demo_app]$ rails g model demo_record name:string

Running via Spring preloader in process 24003

invoke active_record

create db/migrate/20210303061311_create_demo_records.rb

create app/models/demo_record.rb

invoke test_unit

create test/models/demo_record_test.rb

create test/fixtures/demo_records.yml

モデルファイル

モデルファイルがapp/modelsの下に作成される。モデルファイル名はモデル生成時のモデル名のスネークケースになっている。

[vagrant@localhost demo_app]$ ls app/models/
application_record.rb  concerns  demo_record.rb

1 2	[vagrant@localhost demo_app]$ ls app/models/ application_record.rb concerns demo_record.rb

モデルファイルの内容はモデルクラスの定義で、生成当初は空の定義。モデルクラス名がモデル名のパスカルケースになっている。

class DemoRecord < ApplicationRecord
end

1 2	class DemoRecord < ApplicationRecord end

マイグレーションファイル

マイグレーションファイルがdb/migrateの下に作成される。

[vagrant@localhost demo_app]$ ls db/migrate/
20210303071205_create_demo_records.rb

1 2	[vagrant@localhost demo_app]$ ls db/migrate/ 20210303071205_create_demo_records.rb

マイグレーションファイルの内容はテーブル生成クラスの定義で、create_tableブロックの中でフィールドの名前と型を指定している。

モデル名demo_recordに対して生成されるテーブルクラス名はCreateDemoRecordsで、接頭辞Createにモデル名に複数形のsがついたパスカルケース
create_tableブロックでフィールドの型とフィールド名を定義

class CreateDemoRecords < ActiveRecord::Migration[6.1]
  def change
    create_table :demo_records do |t|
      t.string :name

      t.timestamps
    end
  end
end

class CreateDemoRecords < ActiveRecord::Migration[6.1]

def change

create_table :demo_records do |t|

t.string :name

t.timestamps

end

テーブルの生成～マイグレーション

rails db:migrateコマンドにより、マイグレーションファイルの設定に基づいてテーブルを生成する。

[vagrant@localhost demo_app]$ rails db:migrate
== 20210303063040 CreateDemoRecords: migrating ================================
-- create_table(:demo_records)
   -> 0.0329s
== 20210303063040 CreateDemoRecords: migrated (0.0331s) =======================

[vagrant@localhost demo_app]$ rails db:migrate

== 20210303063040 CreateDemoRecords: migrating ================================

-- create_table(:demo_records)

-> 0.0329s

== 20210303063040 CreateDemoRecords: migrated (0.0331s) =======================

rails dbconsoleでテーブルが生成されていることを確認する。

mysql> show tables;
+-----------------------+
| Tables_in_demo_app_db |
+-----------------------+
| ar_internal_metadata  |
| demo_records          |
| schema_migrations     |
+-----------------------+
3 rows in set (0.00 sec)

mysql> show tables;

+-----------------------+

| Tables_in_demo_app_db |

+-----------------------+

| ar_internal_metadata |

| demo_records |

| schema_migrations |

+-----------------------+

3 rows in set (0.00 sec)

生成されたテーブルの構成を確認。

mysql> desc demo_records;
+------------+--------------+------+-----+---------+----------------+
| Field      | Type         | Null | Key | Default | Extra          |
+------------+--------------+------+-----+---------+----------------+
| id         | bigint       | NO   | PRI | NULL    | auto_increment |
| name       | varchar(255) | YES  |     | NULL    |                |
| created_at | datetime(6)  | NO   |     | NULL    |                |
| updated_at | datetime(6)  | NO   |     | NULL    |                |
+------------+--------------+------+-----+---------+----------------+
4 rows in set (0.01 sec)

mysql> desc demo_records;

+------------+--------------+------+-----+---------+----------------+

+------------+--------------+------+-----+---------+----------------+

| id | bigint | NO | PRI | NULL | auto_increment |

+------------+--------------+------+-----+---------+----------------+

4 rows in set (0.01 sec)

マイグレーションの状態確認

db:migration:statusでマイグレーションの状況を確認できる。部分的にロールバックした時などの確認に便利。

[vagrant@vagrant ex_bbs]$ rails db:migrate:status

database: ex_bbs_development

 Status   Migration ID    Migration Name
--------------------------------------------------
   up     20210320060906  Create users
   up     20210326083051  Add columuns to users
  down    20210331121751  Create posts
  down    20210331122545  Create post images

[vagrant@vagrant ex_bbs]$ rails db:migrate:status

database: ex_bbs_development

Status Migration ID Migration Name

--------------------------------------------------

up 20210320060906 Create users

up 20210326083051 Add columuns to users

down 20210331121751 Create posts

down 20210331122545 Create post images

ロールバック

すべてロールバック

rails db:rollbackにより、いったんテーブル作成前の状態に戻す。

[vagrant@localhost demo_app]$ rails db:rollback
== 20210303071205 CreateDemoRecords: reverting ================================
-- drop_table(:demo_records)
   -> 0.0209s
== 20210303071205 CreateDemoRecords: reverted (0.0270s) =======================

[vagrant@localhost demo_app]$ rails db:rollback

== 20210303071205 CreateDemoRecords: reverting ================================

-- drop_table(:demo_records)

-> 0.0209s

== 20210303071205 CreateDemoRecords: reverted (0.0270s) =======================

MySQLで確認すると、テーブルはなくなっている。

mysql> show tables;
+-----------------------+
| Tables_in_demo_app_db |
+-----------------------+
| ar_internal_metadata  |
| schema_migrations     |
+-----------------------+
2 rows in set (0.00 sec)

mysql> show tables;

+-----------------------+

| Tables_in_demo_app_db |

+-----------------------+

| ar_internal_metadata |

| schema_migrations |

+-----------------------+

2 rows in set (0.00 sec)

ロールバックステップ指定

rails db:migrate STEP=nでロールバックするステップ数を指定可能。STEPは大文字でないと機能しない。

[vagrant@vagrant ex_bbs]$ rails db:migrate:status

database: ex_bbs_development

 Status   Migration ID    Migration Name
--------------------------------------------------
   up     20210320060906  Create users
   up     20210326083051  Add columuns to users
   up     20210331121751  Create posts
   up     20210331122545  Create post images

[vagrant@vagrant ex_bbs]$ rails db:rollback STEP=2
== 20210331122545 CreatePostImages: reverting =================================
-- drop_table(:post_images)
   -> 0.0027s
== 20210331122545 CreatePostImages: reverted (0.0059s) ========================

== 20210331121751 CreatePosts: reverting ======================================
-- drop_table(:posts)
   -> 0.0019s
== 20210331121751 CreatePosts: reverted (0.0022s) =============================

[vagrant@vagrant ex_bbs]$ rails db:migrate:status

database: ex_bbs_development

 Status   Migration ID    Migration Name
--------------------------------------------------
   up     20210320060906  Create users
   up     20210326083051  Add columuns to users
  down    20210331121751  Create posts
  down    20210331122545  Create post images

[vagrant@vagrant ex_bbs]$ rails db:migrate:status

database: ex_bbs_development

Status Migration ID Migration Name

--------------------------------------------------

up 20210320060906 Create users

up 20210326083051 Add columuns to users

up 20210331121751 Create posts

up 20210331122545 Create post images

[vagrant@vagrant ex_bbs]$ rails db:rollback STEP=2

== 20210331122545 CreatePostImages: reverting =================================

-- drop_table(:post_images)

-> 0.0027s

== 20210331122545 CreatePostImages: reverted (0.0059s) ========================

== 20210331121751 CreatePosts: reverting ======================================

-- drop_table(:posts)

-> 0.0019s

== 20210331121751 CreatePosts: reverted (0.0022s) =============================

[vagrant@vagrant ex_bbs]$ rails db:migrate:status

database: ex_bbs_development

Status Migration ID Migration Name

--------------------------------------------------

up 20210320060906 Create users

up 20210326083051 Add columuns to users

down 20210331121751 Create posts

down 20210331122545 Create post images

マイグレーションファイルへの追記

マイグレーションファイルに新たなフィールドを1行追加する。

class CreateDemoRecords < ActiveRecord::Migration[6.1]
  def change
    create_table :demo_records do |t|
      t.string :name
      t.integer :age

      t.timestamps
    end
  end
end

class CreateDemoRecords < ActiveRecord::Migration[6.1]

def change

create_table :demo_records do |t|

t.string :name

t.integer :age

t.timestamps

end

再度マイグレート。

[vagrant@localhost demo_app]$ rails db:migrate
== 20210303071205 CreateDemoRecords: migrating ================================
-- create_table(:demo_records)
   -> 0.0346s
== 20210303071205 CreateDemoRecords: migrated (0.0348s) =======================

[vagrant@localhost demo_app]$ rails db:migrate

== 20210303071205 CreateDemoRecords: migrating ================================

-- create_table(:demo_records)

-> 0.0346s

== 20210303071205 CreateDemoRecords: migrated (0.0348s) =======================

MySQLで確認すると、テーブルが作成されている。

mysql> show tables;
+-----------------------+
| Tables_in_demo_app_db |
+-----------------------+
| ar_internal_metadata  |
| demo_records          |
| schema_migrations     |
+-----------------------+
3 rows in set (0.00 sec)

mysql> show tables;

+-----------------------+

| Tables_in_demo_app_db |

+-----------------------+

| ar_internal_metadata |

| demo_records |

| schema_migrations |

+-----------------------+

3 rows in set (0.00 sec)

新たなフィールドが追加されているのが確認できる。

mysql> desc demo_records;
+------------+--------------+------+-----+---------+----------------+
| Field      | Type         | Null | Key | Default | Extra          |
+------------+--------------+------+-----+---------+----------------+
| id         | bigint       | NO   | PRI | NULL    | auto_increment |
| name       | varchar(255) | YES  |     | NULL    |                |
| age        | int          | YES  |     | NULL    |                |
| created_at | datetime(6)  | NO   |     | NULL    |                |
| updated_at | datetime(6)  | NO   |     | NULL    |                |
+------------+--------------+------+-----+---------+----------------+
5 rows in set (0.00 sec)

mysql> desc demo_records;

+------------+--------------+------+-----+---------+----------------+

+------------+--------------+------+-----+---------+----------------+

| id | bigint | NO | PRI | NULL | auto_increment |

| age | int | YES | | NULL | |

+------------+--------------+------+-----+---------+----------------+

5 rows in set (0.00 sec)

Rails – 基礎的なフォーム

2021-03-02 / tau / コメントする

概要

フォームとのパラメーターのやりとりのみを確認する。

既存のビューにフォーム関係のタグを書き、新たなアクションに送信する
既存のコントローラーにそのアクションを追加し、フォームからのデータをパラメータとして受け取る
受け取ったパラメーターをフォームを書いた既存のビューに渡してレンダリング
フォーム関連のタグをヘルパーに置き換える

元になる枠組み

プロジェクト：demo_app
コントローラー：demo_contents
アクション：top_page
ビュー：top_page.html.erb

STEP-1～form_tag

ビューファイルへのフォームの記述

top_page.html.erbに以下の内容を記述。

<h1>メモパッド</h1>
<%= form_tag("/demo_contents/post_memo") do %>
  <input type="text" name="memo" placeholder="メモを入力" value="">
  <input type="submit" value="書き込み">
<% end %>

<h1>メモパッド</h1>

<%= form_tag("/demo_contents/post_memo") do %>

<% end %>

上記のform_tagは、submitされた内容を指定したアクションにpostするformタグを生成する。

ただし直接formタグを書くと”invalid authenticity token”エラーになる。

コントローラーにアクション追加

フォームからPOSTで送られる内容を受けるアクションを、コントローラにメソッドとして追加する。

class DemoContentsController < ApplicationController
  def top_page
  end

  def post_memo
  end
end

class DemoContentsController < ApplicationController

def top_page

end

def post_memo

end

ルーティングの追加

config/routes.rbファイルに、POSTに対するアクションメソッドへのルーティングを追加する。

Rails.application.routes.draw do
  root to: 'demo_contents#top_page'
  post 'demo_contents/post_memo', to: 'demo_contents#post_memo'
end

Rails.application.routes.draw do

root to: 'demo_contents#top_page'

post 'demo_contents/post_memo', to: 'demo_contents#post_memo'

end

アクションの確認

ルートページにフォームが表示され、テキストボックスにメモを入力して送信ボタンを押すと、Railsサーバーにデータが送られている様子が表示される。

Started POST "/demo_contents/post_memo" for 10.0.2.2 at 2021-03-01 22:28:24 +0900
Cannot render console from 10.0.2.2! Allowed networks: 127.0.0.0/127.255.255.255, ::1
Processing by DemoContentsController#post_memo as HTML
  Parameters: {"authenticity_token"=>"[FILTERED]", "memo"=>"メモ"}
No template found for DemoContentsController#post_memo, rendering head :no_content
Completed 204 No Content in 5ms (Allocations: 1537)

Started POST "/demo_contents/post_memo" for 10.0.2.2 at 2021-03-01 22:28:24 +0900

Cannot render console from 10.0.2.2! Allowed networks: 127.0.0.0/127.255.255.255, ::1

Processing by DemoContentsController#post_memo as HTML

Parameters: {"authenticity_token"=>"[FILTERED]", "memo"=>"メモ"}

No template found for DemoContentsController#post_memo, rendering head :no_content

Completed 204 No Content in 5ms (Allocations: 1537)

STEP-2～params

params変数の確認

フォームからsubmitされたときのフォーム要素の値は、params変数に格納される
params変数はハッシュで、フォーム要素のname属性で指定した内容がキーになる

確認のため、demo_contentsコントローラーのpost_memoアクションに1行追加する。

class DemoContentsController < ApplicationController
  def top_page
  end

  def post_memo
    puts params[:memo]
  end
end

class DemoContentsController < ApplicationController

def top_page

end

def post_memo

puts params[:memo]

end

ここでテキストボックスにメモを入力して送信すると、Railsサーバーにその内容が表示される。

Started POST "/demo_contents/post_memo" for 10.0.2.2 at 2021-03-01 22:46:37 +0900
Cannot render console from 10.0.2.2! Allowed networks: 127.0.0.0/127.255.255.255, ::1
Processing by DemoContentsController#post_memo as HTML
  Parameters: {"authenticity_token"=>"[FILTERED]", "memo"=>"メモ"}
メモ
No template found for DemoContentsController#post_memo, rendering head :no_content
Completed 204 No Content in 1ms (Allocations: 329)

Started POST "/demo_contents/post_memo" for 10.0.2.2 at 2021-03-01 22:46:37 +0900

Cannot render console from 10.0.2.2! Allowed networks: 127.0.0.0/127.255.255.255, ::1

Processing by DemoContentsController#post_memo as HTML

Parameters: {"authenticity_token"=>"[FILTERED]", "memo"=>"メモ"}

メモ

No template found for DemoContentsController#post_memo, rendering head :no_content

Completed 204 No Content in 1ms (Allocations: 329)

params変数のHTMLへの反映

上記のpost_memoアクションの内容を以下の様に変更する。

viewから参照可能な@memoにフォームから受け取ったparams[:memo]の内容をセット
トップページへのレンダリングとreturn

@変数はクラスのインスタンス変数で、これをアクションとビューで共有できる。

class DemoContentsController < ApplicationController
  def top_page
    @memo = ""
  end

  def post_memo
    @memo = params[:memo]
    render "demo_contents/top_page" and return
  end
end

class DemoContentsController < ApplicationController

def top_page

@memo = ""

end

def post_memo

@memo = params[:memo]

render "demo_contents/top_page" and return

end

またビューファイルtop_page.html.erbに以下の様に追記する。コントローラーでセットされた@memoの内容をHTMLで表示させている。

<h1>メモパッド</h1>
<%= form_tag("/demo_contents/post_memo") do %>
  <input type="text" name="memo" placeholder="メモを入力" value="">
  <input type="submit" value="書き込み">
<% end %>

<h2>メモの内容</h2>
<p><%= @memo %></p>

<h1>メモパッド</h1>

<%= form_tag("/demo_contents/post_memo") do %>

<% end %>

<h2>メモの内容</h2>

この結果、送信ボタンを押すと入力したメモの内容がtop_pageに表示されるようになる。

STEP-3～フォームヘルパー

フォーム内の要素を、以下の様にフォームヘルパー関数に書き換える。

さらにformヘルパーはhiddenタイプのinputタグを追加するが、これはCSRF対策のため。

<h1>メモパッド</h1>
<%= form_tag("/demo_contents/post_memo") do %>
  <%= label_tag(:memo, "メモ:") %>
  <%= text_field_tag(:memo, nil, placeholder: "メモの内容") %>
  <%= submit_tag("書き込み") %>
<% end %>

<h2>メモの内容</h2>
<p><%= @memo %></p>

<h1>メモパッド</h1>

<%= form_tag("/demo_contents/post_memo") do %>

<%= label_tag(:memo, "メモ:") %>

<%= text_field_tag(:memo, nil, placeholder: "メモの内容") %>

<%= submit_tag("書き込み") %>

<% end %>

<h2>メモの内容</h2>

上記のlabel_tag、text_field_tag、submit_tagはそれぞれ対応するタグに変換される～フォームヘルパー(旧)。

<%= label_tag(:memo, "メモ:") %>
↓
<label for="memo">メモ:</label>

<%= text_field_tag(:memo, nil, placeholder: "メモの内容") %>
↓
<input id="memo" name="memo" type="text" placeholder="メモの内容">

<%= submit_tag("書き込み") %>
↓
<input name="commit" type="submit" value="書き込み" />

<%= label_tag(:memo, "メモ:") %>

↓

<%= text_field_tag(:memo, nil, placeholder: "メモの内容") %>

↓

<%= submit_tag("書き込み") %>

↓

form_tagヘルパーのまとめ

フォーム全体

form_tag…endヘルパーでフォーム全体を囲む
form_tagではポスト先のURLを指定する
ポスト先のURLはroutes.rbでポスト先アクションにルーティングしておく

<%= form_tag("URL") do %>
.....
<% end %>

<%= form_tag("URL") do %>

.....

<% end %>

フォーム内のヘルパー

label、inputタグに置き換えられるヘルパーの多くは、第1引数にname属性に対応する引数をとる
この名前引数には、一般にシンボルがあてられる

label_tag(:user_name, "入力してください")
text_field_tag(:user_name)
↓
<label for="user_name">入力してください</label>
<input type="text" id="user_name" name="name>

label_tag(:user_name, "入力してください")

text_field_tag(:user_name)

↓

<label for="user_name">入力してください</label>

受信側での扱い

受信側ではparamsというハッシュにフォームからの受信結果が入れられる
受信のためにルーティングされたアクション内で、このparamsを参照する
paramsのキーに、フォームでname属性に指定したシンボルを使って値を読み出す

class DemoContentsController < ApplicationController
  .....

  def post_process
    puts params[:user_name]
  end
end

class DemoContentsController < ApplicationController

.....

def post_process

puts params[:user_name]

end

Rails – フォームヘルパー(旧)

2021-03-02 / tau / コメントする

共通事項

名前の指定

タグのid/nameやラベルのforに指定する識別子の指定方法に、文字列とシンボルの2種類がある。

text_field_tag(:name) text_field_tag("name")

いずれも生成されるタグはid/nameに文字列が設定される。

<input type="text" id="name" name="name">

基本系

form_tag

form_tagはfomタグを生成する(Railsdoc)。

form_tag(action [option/HTML_attr/event]) do
end

アクションを指定

<%= form_tag('/users') do %>
<% end %>
↓
<form action="users" method="post">
</form>

<%= form_tag('/users') do %>

<% end %>

↓

</form>

メソッドを指定

<%= form_tag('/users', method: :put) do %>
<% end %>
↓
<form action="users" method="put">
</form>

<%= form_tag('/users', method: :put) do %>

<% end %>

↓

</form>

multipart指定

<%= form_tag('/users', multipart: true) do %>
<% end %>
↓
<form action="users" method="post" enctype="multipart/form-data">
</form>

<%= form_tag('/users', multipart: true) do %>

<% end %>

↓

</form>

submit_tag

submit_tagはinputタグのtype="submit"を生成する(Railsdoc)。

submit_tag([button_name , option/HTML_attr/event])

ボタン名を指定：第1引数はボタン名

<%= submit_tag("送信") %>
<input type="submit" name="commit" value="送信" data-disable-with="送信">

1 2	<%= submit_tag("送信") %> <input type="submit" name="commit" value="送信" data-disable-with="送信">

無効化

submit_tag("送信", disabled: true)
<input disabled="disabled" name="commit" data-disable-with="送信" type="submit" value="送信">

1 2	submit_tag("送信", disabled: true) <input disabled="disabled" name="commit" data-disable-with="送信" type="submit" value="送信">

POST中の表示の指定

submit_tag "送信", data: { disable_with: "送信中..." }
<input name="commit" data-disable-with="送信中..." type="submit" value="送信">

1 2	submit_tag "送信", data: { disable_with: "送信中..." } <input name="commit" data-disable-with="送信中..." type="submit" value="送信">

label_tag

label_tagはフォーム要素と関連付けられたラベルタグを生成する(Railsdoc)。

label_tag(id&name [, contents [, HTML_attr or event])

識別子と内容を指定

label_tag(:name, "入力してください")
text_field_tag(:name)
↓
<label for="name">入力してください</label>
<input type="text" id="name" name="name>

label_tag(:name, "入力してください")

text_field_tag(:name)

↓

<label for="name">入力してください</label>

テキスト入力系

text_field_tag

text_field_tagはinputタグのtype="text"を生成する(Railsdoc)。

text_field_tag(id&name [, value, option/HTML_attr/event])

識別子のみ指定：第1引数がidとnameにセットされる

text_field_tag(:name)
<input id="name" name="name" type="text">

1 2	text_field_tag(:name) <input id="name" name="name" type="text">

値を指定：第2引数がvalueの値になる

text_field_tag(:name, "initial value")
<input id="name" name="name" type="text" value="initial value">

1 2	text_field_tag(:name, "initial value") <input id="name" name="name" type="text" value="initial value">

識別子とプレースホルダーを指定

text_field_tag(:name, nil, placeholder: "Input here')
<input id="name" name="name" type="text" placeholder="Input here">

1 2	text_field_tag(:name, nil, placeholder: "Input here') <input id="name" name="name" type="text" placeholder="Input here">

クラス指定

text_field_tag(:name, nil, class: "class_name")
<input id="name" name="name" type="text" class="class_name">

1 2	text_field_tag(:name, nil, class: "class_name") <input id="name" name="name" type="text" class="class_name">

Rails – ルーティング

2021-03-01 / tau / コメントする

ルーティングファイルの役割

RailsがユーザーのブラウザーからGETやPOSTなどのリクエストを受け取ると、まずルーティングファイルを参照する。

ルーティングファイルには、リクエストの種類、リクエストのターゲットURL、ターゲットURLに対応するコントローラーとアクションが記述されている。

その内容に従って必要なコントローラーが呼び出されて処理を行った後、ユーザー側へレンダリングされた内容が返される。

ファイルの位置とファイル名

ルーティングファイル(routes.rb)は、プロジェクト生成時にconfigディレクトリー下に生成される。

config/routes.rb

ファイルの内容

アクションを指定してコントローラーを生成すると、routes.rbにそのアクションへのルーティングを記述した1行が追加される。

たとえばコントローラーとしてdemo_contents、そのアクションとしてtop_pageを指定して生成すると以下のような内容でルーティングの記述が追加される。

Rails.application.routes.draw do
  get 'demo_contents/top_page'
  # For details on the DSL available within this file, see https://guides.rubyonrails.org/routing.html
end

Rails.application.routes.draw do

get 'demo_contents/top_page'

# For details on the DSL available within this file, see https://guides.rubyonrails.org/routing.html

end

一方、アクションを指定せずにコントローラーだけ指定して生成すると、route.rbへの追加は行われない。

Rails.application.routes.draw do
  # For details on the DSL available within this file, see https://guides.rubyonrails.org/routing.html
end

Rails.application.routes.draw do

# For details on the DSL available within this file, see https://guides.rubyonrails.org/routing.html

end

基本的なルーティングの書き方

URL指定

以下の3つの記述は全て等価で、ブラウザーからURLをlocalhost:3000/demo_contents/top_pageと指定してGETリクエストしたとき、demo_contentsコントローラーのtop_pageアクションが実行される。

  get 'demo_contents/top_page'
  get 'demo_contents/top_page' => 'demo_contents#top_page'
  get 'demo_contents/top_page', to: 'demo_contents#top_page'

get 'demo_contents/top_page'

get 'demo_contents/top_page' => 'demo_contents#top_page'

get 'demo_contents/top_page', to: 'demo_contents#top_page'

2つ目と3つ目の記述法では、URLに他の表現を設定することが可能。

以下の例ではlocalhost:3000/fooを指定した時に、demo_contentsコントローラーのtop_pageアクションが実行される。

  get 'foo', to: 'demo_contents#top_page'
  get 'foo', controller: 'demo_contents', action: 'top_page'

1 2	get 'foo', to: 'demo_contents#top_page' get 'foo', controller: 'demo_contents', action: 'top_page'

ルートページの指定

ルートページとして特定のコントローラー・アクションを設定するときは、以下の様に記述する。

  root 'demo_contents#top_page'
  root :to  => 'demo_contents#top_page'
  root to: 'demo_contents#top_page'

root 'demo_contents#top_page'

root :to => 'demo_contents#top_page'

root to: 'demo_contents#top_page'

項設定すると、localhost:3000のようにブラウザーからリクエストするとdemo_contentsのtop_pageアクションが実行される。

基礎的なルーティング

rails routesによるルーティングの確認、to:によるURLの置き換え、as:による名前付けなどの基礎的な事項は以下にまとめた。

基礎的なルーティング

RESTful

今後

Rails – コントローラー／ビュー～ページの作成

2021-03-01 / tau / コメントする

概要

プロジェクト生成直後などに、コントローラーとアクションを生成してページをつくり、確認する。

生成時

コントローラーファイルが生成される
アクションに対してビューファイルが生成される
リクエストに対するコントローラーとアクションのルーティングが定義される

実行時

ユーザー側のブラウザー／クライアントからGETなどのリクエストでページが要求される
リクエストはプロジェクトのroutes.rbファイルの内容に従ってコントローラークラスのアクションメソッドに送られる
アクションメソッドは必要な内容を実行し、ビューファイルをレンダリング
レンダリングされたページがコントローラーを介してクライアントに送られる

手順

ディレクトリーの移動

プロジェクトディレクトリーに移動する。

cd project_name

コントローラーとアクションの生成

以下のコマンドでコンローラーを作成する。アクションを指定しない時はaction_nameを省略してもよい。

rails generate controller controller_name action_name

プロジェクトディレクトリー下に以下のファイルが作成される。

app/controllers/controller_name_controller.rb
app/views/controller_name/action_name.html.erb
app/assets/stylesheets/controller_name.scss

コントローラーファイル

ファイルの位置とファイル名

app/controllers下のファイルにコントローラーのクラスが定義される。

クラスファイル名はスネークケース末尾に'_controller'がつけられる。拡張子は.rb。

controller_name_controller.rb

ファイルの内容

ファイル内容はクラス定義で、コントローラーとアクションを指定して生成した場合、以下が定義されている。

コントローラークラス
- コントローラークラスはApplicationControllerクラスを継承
- クラス名はパスカルケースで、末尾に'_Controller'がつけられる
  - ControllerNameController
アクションメソッド
- コントローラークラスのメソッドとして定義される
- アクション名はスネークケース
  - action_name

class DemoContentsController < ApplicationController
  def top_page
  end
end

class DemoContentsController < ApplicationController

def top_page

end

後からアクションを追加する場合、コントロールクラスのメソッドとして追加し、ルーティングを設定する。

ビューファイル

ファイルの位置とファイル名

app/viewsディレクトリーの下にコントローラー名と同じフォルダーが作成され、その下にアクション名と同じ名前のスネークケースでアクションメソッドが定義される。拡張子は.html.erb。

app/views/demo_contents/top_page.html.erb

ファイルの内容

コントローラー追加直後のビューファイルの内容はシンプルで、コントローラー#ビューの表示がH1要素で、その場所がp要素で書かれている。

<h1>DemoContents#top_page</h1>
<p>Find me in app/views/demo_contents/top_page.html.erb</p>

1 2	<h1>DemoContents#top_page</h1> <p>Find me in app/views/demo_contents/top_page.html.erb</p>

後からアクションを追加する場合、アクション名と同じファイル名でhtml.erbファイルを作成し、その内容にHTMLを書いていく。

スタイルシート

ファイルの位置とファイル名

コントローラーを生成すると、アプリケーション固有のスタイルシートがapp/assets/stylesheetsにつくられる。ファイル名はコントローラーと同じスネークケースで拡張子は.scss。

app/assets/stylesheets/controller_name.scss

拡張子からわかるように、スタイルシートはSCSSで書くことを想定している。

ファイルの内容

ファイルの内容はコメントのみで、ゼロからスタイルを指定するようになっている。

[vagrant@localhost demo_app]$ cat app/assets/stylesheets/demo_contents.scss
// Place all the styles related to the demo_contents controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: https://sass-lang.com/

[vagrant@localhost demo_app]$ cat app/assets/stylesheets/demo_contents.scss

// Place all the styles related to the demo_contents controller here.

// They will automatically be included in application.css.

// You can use Sass (SCSS) here: https://sass-lang.com/

参照：Railsにおけるスタイルシートの設定

ルーティングファイル

ファイルの位置とファイル名

ルーティングファイルはconfigディレクトリー下のroutes.rbファイル。

config/routes.rb

ファイルの内容

コントローラーが生成されるのに合わせて、routes.rbに1行追加される。

Rails.application.routes.draw do
  get 'controller_name/action_name'
  # For details on the DSL available within this file, see https://guides.rubyonrails.org/routing.html
end

Rails.application.routes.draw do

get 'controller_name/action_name'

# For details on the DSL available within this file, see https://guides.rubyonrails.org/routing.html

end

この場合、ブラウザー側からは以下のURLでアクセスするとアクションメソッドで指定したページが表示される。

localhost:3000/controller_name/action_name

参照：Railsにおけるルーティング、基礎的なルーティング

確認

ここでプロジェクトディレクトリー下でRailsサーバーを立ち上げる

rails s -b 0.0.0.0

その後ホストのブラウザーで以下のURLを直に入力すると、シンプルなページが表示される。

localhost:3000/controller_name/action_name

ページの削除

コントローラーの削除は以下のコマンドで実行。

rails destroy controller controller_name

このコマンドでコントローラーファイルやビューファイルなどはきれいに削除されるが、routes.rbの記述だけは残るため別途削除する必要がある。

Rails.application.routes.draw do
  get 'controller_name/action_name' →この1行を削除
end

Rails.application.routes.draw do

get 'controller_name/action_name' →この1行を削除

end

実行例

コントローラーとアクションの生成

demo_appというプロジェクトを作成した後、demo_contentsというコントローラーとその下のtop_pageというアクションを定義する。

[vagrant@localhost demo_app]$ rails generate controller demo_contents top_page
Running via Spring preloader in process 23232
      create  app/controllers/demo_contents_controller.rb
       route  get 'demo_contents/top_page'
      invoke  erb
      create    app/views/demo_contents
      create    app/views/demo_contents/top_page.html.erb
      invoke  test_unit
      create    test/controllers/demo_contents_controller_test.rb
      invoke  helper
      create    app/helpers/demo_contents_helper.rb
      invoke    test_unit
      invoke  assets
      invoke    scss
      create      app/assets/stylesheets/demo_contents.scss

[vagrant@localhost demo_app]$ rails generate controller demo_contents top_page

Running via Spring preloader in process 23232

create app/controllers/demo_contents_controller.rb

route get 'demo_contents/top_page'

invoke erb

create app/views/demo_contents

create app/views/demo_contents/top_page.html.erb

invoke test_unit

create test/controllers/demo_contents_controller_test.rb

invoke helper

create app/helpers/demo_contents_helper.rb

invoke test_unit

invoke assets

invoke scss

create app/assets/stylesheets/demo_contents.scss

コントローラーファイル

ファイルの位置と名前

app/controllersディレクトリーの下に以下のファイルが生成される。

demo_contents_controller.rb

ファイル名はスネークケースで、コントローラー名の後ろに_controllersが付加される。拡張子は.rb。

ファイルの内容

パスカルケースでコントローラークラスの空の定義が生成される。この場合はdemo_contentsからDemoContentsControllerクラスが定義され、メソッド名はスネークケースでtop_pageとなっている。

[vagrant@localhost demo_app]$ cat app/controllers/demo_contents_controller.rb
class DemoContentsController < ApplicationController
  def top_page
  end
end

[vagrant@localhost demo_app]$ cat app/controllers/demo_contents_controller.rb

class DemoContentsController < ApplicationController

def top_page

end

ビューファイル

新たに作成されたapp/views/demo_contentsディレクトリーに、アクションに対応したビューファイルが生成されている。

[vagrant@localhost demo_app]$ cat app/views/demo_contents/top_page.html.erb
<h1>DemoContents#top_page</h1>
<p>Find me in app/views/demo_contents/top_page.html.erb</p>

[vagrant@localhost demo_app]$ cat app/views/demo_contents/top_page.html.erb

<h1>DemoContents#top_page</h1>

<p>Find me in app/views/demo_contents/top_page.html.erb</p>

この場合、ディレクトリー名がコントローラー名demo_contents、ビューファイル名がアクション名に基づいてtest_page.html.erbとなっている。

ファイルの内容はシンプルなHTML。

H1要素でコントローラークラス名とアクション名(DemoContents#top_page)を表示
p要素でビューファイルのパスを表示(app/views/demo_contents/top_page.html.erb)

スタイルシート

app/assets/stylesheets/に作成されたスタイルシート(demo_contents.scss)の内容を確認してみる。コメントのみの空の内容なのが確認できる。

[vagrant@localhost demo_app]$ cat app/assets/stylesheets/demo_contents.scss
// Place all the styles related to the demo_contents controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: https://sass-lang.com/

[vagrant@localhost demo_app]$ cat app/assets/stylesheets/demo_contents.scss

// Place all the styles related to the demo_contents controller here.

// They will automatically be included in application.css.

// You can use Sass (SCSS) here: https://sass-lang.com/

ルーティングファイル

config/routes.rbを確認すると1行追加されている。

[vagrant@localhost demo_app]$ cat config/routes.rb
Rails.application.routes.draw do
  get 'demo_contents/top_page'
  # For details on the DSL available within this file, see https://guides.rubyonrails.org/routing.html
end

[vagrant@localhost demo_app]$ cat config/routes.rb

Rails.application.routes.draw do

get 'demo_contents/top_page'

# For details on the DSL available within this file, see https://guides.rubyonrails.org/routing.html

end

以下のURLでアクションで設定されたページが表示される。

localhost:3000/demo_contents/top_page

表示結果は以下のとおりシンプル。

Rails – プロジェクトの生成と確認

2021-02-28 / tau / コメントする

概要

Railsのプロジェクトの開始は、おおむね次の手順による。

プロジェクトファイル群の生成
タイムゾーン設定
MySQLサーバー起動
Railsサーバー起動

ここまででRailsが準備したデフォルトのページが表示される。

手順

プロジェクトファイル群の作成

コマンドラインで以下を実行。RailsはデフォルトでSQLiteを使うので、MySQLを使うためにはプロジェクト生成時に指定する。

rails new project_name -d mysql rails new project_name --database=mysql

project_nameでディレクトリーが作られ、その下にサブディレクトリ―やファイル群が作成される

タイムゾーンの設定

project_name/config/application.rbファイルを開く

以下の2行をclass Application...endの間、config.load_defaultsの下に追加

config.time_zone = 'Tokyo'
config.active_record.default_timezone = :local

1 2	config.time_zone = 'Tokyo' config.active_record.default_timezone = :local

database.ymlの編集

MySQLをデータベースに指定しているので、config/database.ymlの編集が必要になる。

最低限、データベースのユーザー名とパスワードをdevelopmentブロックに設定。

default: &default
adapter: mysql2
encoding: utf8mb4
pool: <%= ENV.fetch("RAILS_MAX_THREADS") { 5 } %>
username: root
password: ******
socket: /var/lib/mysql/mysql.sock
 
development:
<<: *default

default: &default

adapter: mysql2

encoding: utf8mb4

pool: <%= ENV.fetch("RAILS_MAX_THREADS") { 5 } %>

username: root

password: ******

socket: /var/lib/mysql/mysql.sock

development:

<<: *default

MySQLサーバーの起動

以下のコマンドでMySQLサーバーを起動する。

sudo systemctl start mysqld

稼働状況の確認は以下のコマンド。

systemctl status mysqld

Railsサーバーの起動

プロジェクトディレクトリーに移動する。

cd project_name

サーバー起動のコマンドを実行する。

rails s

Rails 6の場合は以下。

rails s -b 0.0.0.0

確認

この段階でホスト側のブラウザーで以下のURLからRailsのデフォルト画面が表示されることを確認。

localhost:3000

ファイル配置

ディレクトリー・ファイルの配置

プロジェクトの削除

データベースを作成している場合、データベースが不要なら削除
- rails db:drop
- ただしMySQLレベルでデータベースが一切削除されてしまうので注意
プロジェクトファイル群を削除
- rm -rf project_name

実行例

実行例概要

demo_appという名前のプロジェクトを生成して結果を確認する。

最初はデータベースを設定せず、MySQLサーバーも起動しない。

プロジェクト生成

rails new demo_app -d mysql

1	rails new demo_app -d mysql

database.ymlの修正

config/database.ymlの内容を修正。

defaultブロック
- データベースがmysql2であることを確認
- usernameとpasswordを設定
developmentブロック
- database:はとりあえずコメントアウト
testブロック・productionブロック
- とりあえず全てコメントアウト

最低限の構成は以下のとおり。

default: &default
adapter: mysql2
encoding: utf8mb4
pool: <%= ENV.fetch("RAILS_MAX_THREADS") { 5 } %>
username: root
password: ******
socket: /var/lib/mysql/mysql.sock

development:
<<: *default

default: &default

adapter: mysql2

encoding: utf8mb4

pool: <%= ENV.fetch("RAILS_MAX_THREADS") { 5 } %>

username: root

password: ******

socket: /var/lib/mysql/mysql.sock

development:

<<: *default

Railsサーバー起動

[vagrant@localhost config]$ rails s -b 0.0.0.0
=> Booting Puma
=> Rails 6.1.3 application starting in development
=> Run `bin/rails server --help` for more startup options
Puma starting in single mode...
* Puma version: 5.2.1 (ruby 3.0.0-p0) ("Fettisdagsbulle")
* Min threads: 5
* Max threads: 5
* Environment: development
* PID: 23302
* Listening on http://0.0.0.0:3000
Use Ctrl-C to stop

[vagrant@localhost config]$ rails s -b 0.0.0.0

=> Booting Puma

=> Rails 6.1.3 application starting in development

=> Run `bin/rails server --help` for more startup options

Puma starting in single mode...

* Puma version: 5.2.1 (ruby 3.0.0-p0) ("Fettisdagsbulle")

* Min threads: 5

* Max threads: 5

* Environment: development

* PID: 23302

* Listening on http://0.0.0.0:3000

Use Ctrl-C to stop

接続確認

ホストのブラウザーからlocalhost:3000に接続し、デフォルト画面を確認。

Rails – ファイル配置

2021-02-28 / tau / コメントする

Railsバージョン

Rails 6.1.3

ファイル配置

ディレクトリー

.git

branches
- 略
hooks
- 略
info
- 略
objects
- 略
refs
- 略
HEAD
config
description

app

assets
- config
- images
- stylesheets
channels
- application_cable
  - channel.rb
  - connection.rb
controllers
- concerns
  - .keep
- application_controller.rb
- コントローラー名_controller.rb
helpers
- application_helper.rb
- コントローラー名_helper.rb
jobs
- application_job.rb
mailers
- application_mailer.rb
models
- concerns
  - .keep
- application_record.rb
views
- layouts
  - application.html.erb
  - mailer.html.erb
  - mailer.text.erb
- コントローラー名
  - アクション名.html.erb

bin

bundle
rails
rake
setup
spring
webpack
webpack-dev-server
yarn

config

envitonments
- development.rb
- production.rb
- test.rb
initializers
- application_controller_renderer.rb
- assets.rb
- backtrace_silencers.rb
- content_security_policy.rb
- cookies_serializer.rb
- filter_parameter_logging.rb
- inflections.rb
- mime_types.rb
- permissions_policy.rb
- wrap_parameters.rb
locales
- en.yml
webpack
- development.js
- environment.js
- production.js
- test.js
application.rb
boot.rb
cable.yml
credentials.yml.enc
database.yml
environment.rb
master.key
puma.rb
routes.rb
spring.rb
storage.yma
webpacker.yml

seeds.rb

lib

assets
- 略
tasks
- 略

log

.keep
development.log

node_modules

多数のライブリーディレクトリー

public

packs
- js
  - 略
404.html
422.html
500.html
apple-touch-icon-precomposed.png
apple-touch-icon.png
favicon.ico
robots.txt

storage

.keep

test

channels
- 略
controllers
- 略
fixtures
- 略
helpers
- 略
integration
- 略
mailers
- 略
models
- 略
system
- 略
test_helper.rb

tmp

vendor

.keep

ファイル

.browserslistrc
.gitattributes
.gitignore
.ruby-version
Gemfile
Gemfile.lock
README.md
Rakefile
babel.config.js
config.ru
package.json
postcss.config.js
yarn.lock

Rails – erbのコメントアウト

2021-02-27 / tau / コメントする

概要

Railsで生成される.html.erbファイル中のスクリプト部分のコメントアウトについて。

たとえば以下のコードをコメントアウトする場合。

<%= 1 + 2 %>

1	<%= 1 + 2 %>

<!– —>は使えない

HTMLのコメントアウトでは実行を抑止できない。

<!--<%= 1 + 2 %>-->

HTMLソース
<!--3-->

<!--
<%= 1 + 2 %>
-->

HTMLソース
<!--
3
-->

HTMLソース

<!--

<%= 1 + 2 %>

-->

HTMLソース

<!--

-->

#～1行コメント

Rubyの#で1行をコメントアウトできる。HTMLソース中には表示されない。

スクリプトタグの中でコメントアウトする場合、既存の<%の後ろに#を追加。

<%#= 1 + 2 %>

1	<%#= 1 + 2 %>

スクリプトタグの外でコメントアウトする場合、先頭に<%#を追加。この場合は最初に%>が現れるまでの内容がコメントになるので、末尾に%>を追加しなくてもよい。コメントアウトを戻すときも先頭の<%#だけを削除。

<%# <%= 1 + 2 %>

1	<%# <%= 1 + 2 %>

=begin…=end～複数行コメント

Rubyの=begin...=endによる複数行コメントを使う。=begin、=endとも行頭になければならない。

ファイルの末尾でエラーが出ることがあり、見栄え・打ち込みやすさの点からあまりよろしくない。

<%
=begin %>
<%= 1 + 2 %>
<%
=end %>

=begin %>

<%= 1 + 2 %>

=end %>

<% if false %>…<% end %>

falseで実行されないifクローズで該当する部分を囲む方法。

直感的にコメントだと認識し難いのが難点。

空のメソッドで囲む方法

共通で参照可能な場所に以下のような関数を定義する。

def comment
end

1 2	def comment end

そしてコメントアウトしたい部分を関数で囲む。

<% comment do %>
コメントアウトするブロック
<% end %>

<% comment do %>

コメントアウトするブロック

<% end %>

Vagrant/CentOS7 – Railsのインストール

2021-02-26 / tau / コメントする

概要

Vagrant + VirtualBox + CentOSの環境にRuby、MySQLをインストール後、Railsをインストールするのにいろいろと躓きながら進めた記録。

構成

Vagrant : 2.2.14
VirtualBox : 6.1.18
Box : bento/CentOS-7.7
mysql : Ver 8.0.23 for Linux on x86_64
Ruby : ruby 3.0.0p0
Rails : Rails 6.1.3

インストール概略

階層が下のものは今回必要になったもの。

SELinux、firewalldの停止
Railsインストール
- sasscインストール
  - g++インストール
- mysql-develインストール
  - Node.jsインストール
Railsサーバー実行
- webpackerインストール
  - Node.jsインストール(再掲)
  - Yarnインストール

利用手順

アプリケーション生成

sqlite3がデフォルトで未インストールではエラーが出るため、コマンドラインでmysqlを指定。

rails new app_name -d mysql
rails new app_name --database=mysql

database.ymlの修正

データベースを使わない場合は、development、test、productionの各database:をコメントアウト／削除。

default: &default
  adapter: mysql2
  encoding: utf8mb4
  pool: <%= ENV.fetch("RAILS_MAX_THREADS") { 5 } %>
  username: root
  password: vagrant
  socket: /var/lib/mysql/mysql.sock

development:
  <<: *default
#  database: bbs_development

test:
  <<: *default
#  database: bbs_test

production:
  <<: *default
#  database: bbs_production
#  username: bbs
#  password: <%= ENV['BBS_DATABASE_PASSWORD'] %>

default: &default

adapter: mysql2

encoding: utf8mb4

pool: <%= ENV.fetch("RAILS_MAX_THREADS") { 5 } %>

username: root

password: vagrant

socket: /var/lib/mysql/mysql.sock

development:

<<: *default

# database: bbs_development

test:

<<: *default

# database: bbs_test

production:

<<: *default

# database: bbs_production

# username: bbs

# password: <%= ENV['BBS_DATABASE_PASSWORD'] %>

Railsサーバー起動

アプリケーションディレクトリー内で以下を実行。

rails s -b 0.0.0.0

ブラウザから以下でアクセス。

localhost:3000

Railsに影響する機能の停止

Railsをインストール・稼働させるにあたって、Railsに影響を与える機能を停止させる。

SELinux

アクセス制御機能のSELinuxのステータスがEnforsingの場合にはPermissiveになるよう設定する。

firewalld

ファイアーウォール・サービスfirewalldが有効の場合は無効化する。

Railsのインストール

Rails本体のインストール

[vagrant@localhost ~]$ gem install rails
Fetching concurrent-ruby-1.1.8.gem
Fetching crass-1.0.6.gem
Fetching loofah-2.9.0.gem
.....
Successfully installed rack-2.2.3
Successfully installed concurrent-ruby-1.1.8
Successfully installed sprockets-4.0.2
.....
Building native extensions. This could take a while...
Successfully installed websocket-driver-0.7.3
Building native extensions. This could take a while...
Successfully installed nio4r-2.5.5
.....
Done installing documentation for rack, concurrent-ruby, sprockets, zeitwerk, tzinfo, i18n, activesupport, nokogiri, crass, loofah, rails-html-sanitizer, rails-dom-testing, rack-test, erubi, builder, actionview, actionpack, sprockets-rails, thor, method_source, railties, mimemagic, marcel, activemodel, activerecord, globalid, activejob, activestorage, actiontext, mini_mime, mail, actionmailer, actionmailbox, websocket-extensions, websocket-driver, nio4r, actioncable, rails after 117 seconds
38 gems installed

[vagrant@localhost ~]$ gem install rails

Fetching concurrent-ruby-1.1.8.gem

Fetching crass-1.0.6.gem

Fetching loofah-2.9.0.gem

.....

Successfully installed rack-2.2.3

Successfully installed concurrent-ruby-1.1.8

Successfully installed sprockets-4.0.2

.....

Building native extensions. This could take a while...

Successfully installed websocket-driver-0.7.3

Building native extensions. This could take a while...

Successfully installed nio4r-2.5.5

.....

Done installing documentation for rack, concurrent-ruby, sprockets, zeitwerk, tzinfo, i18n, activesupport, nokogiri, crass, loofah, rails-html-sanitizer, rails-dom-testing, rack-test, erubi, builder, actionview, actionpack, sprockets-rails, thor, method_source, railties, mimemagic, marcel, activemodel, activerecord, globalid, activejob, activestorage, actiontext, mini_mime, mail, actionmailer, actionmailbox, websocket-extensions, websocket-driver, nio4r, actioncable, rails after 117 seconds

38 gems installed

インストール後のバージョン確認。

[vagrant@localhost ~]$ rails --version
Rails 6.1.3

1 2	[vagrant@localhost ~]$ rails --version Rails 6.1.3

エラー1～アプリ生成時～sassc

sasscパッケージがない

Railsインストール後にアプリケーションを生成しようとすると、sasscインストール時にエラーとなる。

[vagrant@localhost ~]$ mkdir app
[vagrant@localhost ~]$ cd app
[vagrant@localhost ~]$ rails new rails_test
.....
Installing sassc 2.4.0 with native extensions
Gem::Ext::BuildError: ERROR: Failed to build gem native extension.
.....
An error occurred while installing sassc (2.4.0), and Bundler cannot
continue.
Make sure that `gem install sassc -v '2.4.0' --source 'https://rubygems.org/'`
succeeds before bundling.
.....

[vagrant@localhost ~]$ mkdir app

[vagrant@localhost ~]$ cd app

[vagrant@localhost ~]$ rails new rails_test

.....

Installing sassc 2.4.0 with native extensions

Gem::Ext::BuildError: ERROR: Failed to build gem native extension.

.....

An error occurred while installing sassc (2.4.0), and Bundler cannot

continue.

Make sure that `gem install sassc -v '2.4.0' --source 'https://rubygems.org/'`

succeeds before bundling.

.....

sasscインストール時にg++がない

メッセージに従ってsasscをインストールしようとするとエラーになる。g++がないのが原因らしい。

参考サイト：centos7でsassc 2.0.0 with native extensionsのインストールに失敗

[vagrant@localhost rails_test]$ gem install sassc
Building native extensions. This could take a while...
ERROR:  Error installing sassc:
        ERROR: Failed to build gem native extension.
.....
compiling ./libsass/src/ast.cpp
make: g++: Command not found
make: *** [ast.o] Error 127

make failed, exit code 2

Gem files will remain installed in /home/vagrant/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/sassc-2.4.0 for inspection.
Results logged to /home/vagrant/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/extensions/x86_64-linux/3.0.0/sassc-2.4.0/gem_make.out

[vagrant@localhost rails_test]$ gem install sassc

Building native extensions. This could take a while...

ERROR: Error installing sassc:

ERROR: Failed to build gem native extension.

.....

compiling ./libsass/src/ast.cpp

make: g++: Command not found

make: *** [ast.o] Error 127

make failed, exit code 2

Gem files will remain installed in /home/vagrant/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/sassc-2.4.0 for inspection.

Results logged to /home/vagrant/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/extensions/x86_64-linux/3.0.0/sassc-2.4.0/gem_make.out

gcc-c++はあるようだが・・・

[vagrant@localhost rails_test]$ yum list | grep gcc
gcc.x86_64                                  4.8.5-44.el7               @base
libgcc.x86_64                               4.8.5-44.el7               @base
compat-gcc-44.x86_64                        4.4.7-8.el7                base
compat-gcc-44-c++.x86_64                    4.4.7-8.el7                base
compat-gcc-44-gfortran.x86_64               4.4.7-8.el7                base
gcc-c++.x86_64                              4.8.5-44.el7               base
gcc-gfortran.x86_64                         4.8.5-44.el7               base
gcc-gnat.x86_64                             4.8.5-44.el7               base
gcc-go.x86_64                               4.8.5-44.el7               base
gcc-objc.x86_64                             4.8.5-44.el7               base
gcc-objc++.x86_64                           4.8.5-44.el7               base
gcc-plugin-devel.x86_64                     4.8.5-44.el7               base
libgcc.i686                                 4.8.5-44.el7               base
relaxngcc.noarch                            1.12-6.el7                 base
relaxngcc-javadoc.noarch                    1.12-6.el7                 base

[vagrant@localhost rails_test]$ yum list | grep gcc

gcc.x86_64 4.8.5-44.el7 @base

libgcc.x86_64 4.8.5-44.el7 @base

compat-gcc-44.x86_64 4.4.7-8.el7 base

compat-gcc-44-c++.x86_64 4.4.7-8.el7 base

compat-gcc-44-gfortran.x86_64 4.4.7-8.el7 base

gcc-c++.x86_64 4.8.5-44.el7 base

gcc-gfortran.x86_64 4.8.5-44.el7 base

gcc-gnat.x86_64 4.8.5-44.el7 base

gcc-go.x86_64 4.8.5-44.el7 base

gcc-objc.x86_64 4.8.5-44.el7 base

gcc-objc++.x86_64 4.8.5-44.el7 base

gcc-plugin-devel.x86_64 4.8.5-44.el7 base

libgcc.i686 4.8.5-44.el7 base

relaxngcc.noarch 1.12-6.el7 base

relaxngcc-javadoc.noarch 1.12-6.el7 base

インストールしてみる。

[vagrant@localhost rails_test]$ sudo yum install gcc-c++
読み込んだプラグイン:fastestmirror
Loading mirror speeds from cached hostfile
* base: ftp.jaist.ac.jp
* extras: ftp.jaist.ac.jp
* updates: ftp.jaist.ac.jp
依存性の解決をしています
.....
インストール:
  gcc-c++.x86_64 0:4.8.5-44.el7

依存性関連をインストールしました:
  libstdc++-devel.x86_64 0:4.8.5-44.el7

依存性を更新しました:
  libstdc++.x86_64 0:4.8.5-44.el7

完了しました!

[vagrant@localhost rails_test]$ sudo yum install gcc-c++

読み込んだプラグイン:fastestmirror

Loading mirror speeds from cached hostfile

* base: ftp.jaist.ac.jp

* extras: ftp.jaist.ac.jp

* updates: ftp.jaist.ac.jp

依存性の解決をしています

.....

インストール:

gcc-c++.x86_64 0:4.8.5-44.el7

依存性関連をインストールしました:

libstdc++-devel.x86_64 0:4.8.5-44.el7

依存性を更新しました:

libstdc++.x86_64 0:4.8.5-44.el7

完了しました!

sasscのインストール成功

gcc-c++をインストールしてみると、無事sasscがインストールできた。

[vagrant@localhost rails_test]$ gem install sassc
Building native extensions. This could take a while...
Successfully installed sassc-2.4.0
Parsing documentation for sassc-2.4.0
Installing ri documentation for sassc-2.4.0
Done installing documentation for sassc after 0 seconds
1 gem installed

[vagrant@localhost rails_test]$ gem install sassc

Building native extensions. This could take a while...

Successfully installed sassc-2.4.0

Parsing documentation for sassc-2.4.0

Installing ri documentation for sassc-2.4.0

Done installing documentation for sassc after 0 seconds

1 gem installed

エラー2～アプリ生成時～sqlite3

sqlite3エラー

再度アプリケーションを生成すると、まだsqlite3に関するエラーが残っている。使いたいのはmysql。

[vagrant@localhost app]$ rails new rails_test
      create
      create  README.md
      create  Rakefile
      create  .ruby-version
      create  config.ru
.....
checking for sqlite3.h... no
sqlite3.h is missing. Try 'brew install sqlite3',
'yum install sqlite-devel' or 'apt-get install libsqlite3-dev'
and check your shared library search path (the
location where your sqlite3 shared library is located).
*** extconf.rb failed ***
Could not create Makefile due to some reason, probably lack of necessary
libraries and/or headers.  Check the mkmf.log file for more details.  You may
need configuration options.
.....

Provided configuration options:
        --with-opt-dir
        --without-opt-dir
.....

        --with-sqlite3-lib
        --without-sqlite3-lib=${sqlite3-dir}/lib

To see why this extension failed to compile, please check the mkmf.log which can
be found here:

/home/vagrant/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/extensions/x86_64-linux/3.0.0/sqlite3-1.4.2/mkmf.log

extconf failed, exit code 1

Gem files will remain installed in
/home/vagrant/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/sqlite3-1.4.2 for
inspection.
Results logged to
/home/vagrant/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/extensions/x86_64-linux/3.0.0/sqlite3-1.4.2/gem_make.out

An error occurred while installing sqlite3 (1.4.2), and Bundler cannot
continue.
Make sure that `gem install sqlite3 -v '1.4.2' --source 'https://rubygems.org/'`
succeeds before bundling.

In Gemfile:
  sqlite3
         run  bundle binstubs bundler
Could not find gem 'sqlite3 (~> 1.4)' in any of the gem sources listed in your
Gemfile.
       rails  webpacker:install
Could not find gem 'sqlite3 (~> 1.4)' in any of the gem sources listed in your Gemfile.
Run `bundle install` to install missing gems.

[vagrant@localhost app]$ rails new rails_test

create

create README.md

create Rakefile

create .ruby-version

create config.ru

.....

checking for sqlite3.h... no

sqlite3.h is missing. Try 'brew install sqlite3',

'yum install sqlite-devel' or 'apt-get install libsqlite3-dev'

and check your shared library search path (the

location where your sqlite3 shared library is located).

*** extconf.rb failed ***

Could not create Makefile due to some reason, probably lack of necessary

libraries and/or headers. Check the mkmf.log file for more details. You may

need configuration options.

.....

Provided configuration options:

--with-opt-dir

--without-opt-dir

.....

--with-sqlite3-lib

--without-sqlite3-lib=${sqlite3-dir}/lib

To see why this extension failed to compile, please check the mkmf.log which can

be found here:

/home/vagrant/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/extensions/x86_64-linux/3.0.0/sqlite3-1.4.2/mkmf.log

extconf failed, exit code 1

Gem files will remain installed in

/home/vagrant/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/sqlite3-1.4.2 for

inspection.

Results logged to

/home/vagrant/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/extensions/x86_64-linux/3.0.0/sqlite3-1.4.2/gem_make.out

An error occurred while installing sqlite3 (1.4.2), and Bundler cannot

continue.

Make sure that `gem install sqlite3 -v '1.4.2' --source 'https://rubygems.org/'`

succeeds before bundling.

In Gemfile:

sqlite3

run bundle binstubs bundler

Could not find gem 'sqlite3 (~> 1.4)' in any of the gem sources listed in your

Gemfile.

rails webpacker:install

Could not find gem 'sqlite3 (~> 1.4)' in any of the gem sources listed in your Gemfile.

Run `bundle install` to install missing gems.

mysql-develのインストール

mysqlを使いたいので、mysql-develの存在を確認。

yum list | grep mysql-devl

存在しない場合はインストール。

[vagrant@localhost app]$ sudo yum install mysql-devel
読み込んだプラグイン:fastestmirror
Loading mirror speeds from cached hostfile
* base: ftp.jaist.ac.jp
* extras: ftp.jaist.ac.jp
* updates: ftp.jaist.ac.jp
依存性の解決をしています
.....
  インストール中          : mysql-community-devel-8.0.23-1.el7.x86_64       1/1
  検証中                  : mysql-community-devel-8.0.23-1.el7.x86_64       1/1

インストール:
  mysql-community-devel.x86_64 0:8.0.23-1.el7

完了しました!

[vagrant@localhost app]$ sudo yum install mysql-devel

読み込んだプラグイン:fastestmirror

Loading mirror speeds from cached hostfile

* base: ftp.jaist.ac.jp

* extras: ftp.jaist.ac.jp

* updates: ftp.jaist.ac.jp

依存性の解決をしています

.....

インストール中 : mysql-community-devel-8.0.23-1.el7.x86_64 1/1

検証中 : mysql-community-devel-8.0.23-1.el7.x86_64 1/1

インストール:

mysql-community-devel.x86_64 0:8.0.23-1.el7

完了しました!

Node.jsがないというエラー

生成時にエラーが発生したアプリケーションをいったん削除し、データベースにmysqlを指定してアプリケーションを生成。

[vagrant@localhost app]$ rm -rf rails_test/
[vagrant@localhost app]$ rails new rails_test -d mysql
      create
      create  README.md
      create  Rakefile
      create  .ruby-version
.....
Fetching webpacker 5.2.1
Installing webpacker 5.2.1
Bundle complete! 17 Gemfile dependencies, 74 gems now installed.
Use `bundle info [gemname]` to see where a bundled gem is installed.
         run  bundle binstubs bundler
       rails  webpacker:install
sh: node: コマンドが見つかりません
sh: nodejs: コマンドが見つかりません
Node.js not installed. Please download and install Node.js https://nodejs.org/en/download/
Exiting!

[vagrant@localhost app]$ rm -rf rails_test/

[vagrant@localhost app]$ rails new rails_test -d mysql

create

create README.md

create Rakefile

create .ruby-version

.....

Fetching webpacker 5.2.1

Installing webpacker 5.2.1

Bundle complete! 17 Gemfile dependencies, 74 gems now installed.

Use `bundle info [gemname]` to see where a bundled gem is installed.

run bundle binstubs bundler

rails webpacker:install

sh: node: コマンドが見つかりません

sh: nodejs: コマンドが見つかりません

Node.js not installed. Please download and install Node.js https://nodejs.org/en/download/

Exiting!

railsサーバー起動でもエラー

webpackerエラー

ここでいったんrails sでサーバーを起動すると、webpackerの設定ファイルがないというエラー。

[vagrant@localhost rails_test]$ rails s
=> Booting Puma
=> Rails 6.1.3 application starting in development
=> Run `bin/rails server --help` for more startup options
Exiting
/home/vagrant/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/webpacker-5.2.1/lib/webpacker/configuration.rb:99:in `rescue in load': Webpacker configuration file not found /home/vagrant/app/rails_test/config/webpacker.yml. Please run rails webpacker:install Error: No such file or directory @ rb_sysopen - /home/vagrant/app/rails_test/config/webpacker.yml (RuntimeError)
.....
        from <internal:kernel>:90:in `tap'
        from /home/vagrant/app/rails_test/bin/spring:7:in `<top (required)>'
        from bin/rails:2:in `load'
        from bin/rails:2:in `<main>'

[vagrant@localhost rails_test]$ rails s

=> Booting Puma

=> Rails 6.1.3 application starting in development

=> Run `bin/rails server --help` for more startup options

Exiting

/home/vagrant/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/webpacker-5.2.1/lib/webpacker/configuration.rb:99:in `rescue in load': Webpacker configuration file not found /home/vagrant/app/rails_test/config/webpacker.yml. Please run rails webpacker:install Error: No such file or directory @ rb_sysopen - /home/vagrant/app/rails_test/config/webpacker.yml (RuntimeError)

.....

from <internal:kernel>:90:in `tap'

from /home/vagrant/app/rails_test/bin/spring:7:in `<top (required)>'

from bin/rails:2:in `load'

from bin/rails:2:in `<main>'

webpackerインストールエラー

webpackerインストール時の”Please run rails webpacker:install”に従ってインストールしようとすると、ここでも”Node.jsがない”というエラーが出てサーバーが起動しない。

[vagrant@localhost rails_test]$ rails webpacker:install
sh: node: コマンドが見つかりません
sh: nodejs: コマンドが見つかりません
Node.js not installed. Please download and install Node.js https://nodejs.org/en/download/
Exiting!

[vagrant@localhost rails_test]$ rails webpacker:install

sh: node: コマンドが見つかりません

sh: nodejs: コマンドが見つかりません

Node.js not installed. Please download and install Node.js https://nodejs.org/en/download/

Exiting!

Node.jsのインストール

アプリケーション生成時、Railsサーバー実行時に共通してNode.jsに関するエラーが出ているので、Node.jsをインストール。

当初、最新版のv15.10.0をインストールした。

[vagrant@localhost rails_test]$ nvm install stable
Downloading and installing node v15.10.0...
Downloading https://nodejs.org/dist/v15.10.0/node-v15.10.0-linux-x64.tar.xz...
######################################################################## 100.0%
Computing checksum with sha256sum
Checksums matched!
Now using node v15.10.0 (npm v7.5.3)
Creating default alias: default -> stable (-> v15.10.0)
[vagrant@localhost rails_test]$ node -v
v15.10.0

[vagrant@localhost rails_test]$ nvm install stable

Downloading and installing node v15.10.0...

Downloading https://nodejs.org/dist/v15.10.0/node-v15.10.0-linux-x64.tar.xz...

######################################################################## 100.0%

Computing checksum with sha256sum

Checksums matched!

Now using node v15.10.0 (npm v7.5.3)

Creating default alias: default -> stable (-> v15.10.0)

[vagrant@localhost rails_test]$ node -v

v15.10.0

再度webpackerインストールでエラー

再度webpackerをインストールしようとすると、Node.jsの警告とYarnに関するエラーが出てストップ。

[vagrant@localhost rails_test]$ rails webpacker:install
Warning: you are using an unstable release of Node.js (v15.10.0). If you encounter issues with Node.js, consider switching to an Active LTS release. More info: https://docs.npmjs.com/try-the-latest-stable-version-of-node
Yarn not installed. Please download and install Yarn from https://yarnpkg.com/lang/en/docs/install/
Exiting!

[vagrant@localhost rails_test]$ rails webpacker:install

Warning: you are using an unstable release of Node.js (v15.10.0). If you encounter issues with Node.js, consider switching to an Active LTS release. More info: https://docs.npmjs.com/try-the-latest-stable-version-of-node

Yarn not installed. Please download and install Yarn from https://yarnpkg.com/lang/en/docs/install/

Exiting!

Node.jsのダウングレード

Node.jsの警告も気持ち悪いので、ダウングレード。

[vagrant@localhost rails_test]$ nvm install 14.16.0
Downloading and installing node v14.16.0...
Downloading https://nodejs.org/dist/v14.16.0/node-v14.16.0-linux-x64.tar.xz...
######################################################################## 100.0%
Computing checksum with sha256sum
Checksums matched!
Now using node v14.16.0 (npm v6.14.11)
[vagrant@localhost rails_test]$ nvm use 14.16.0
Now using node v14.16.0 (npm v6.14.11)
[vagrant@localhost rails_test]$ node -v
v14.16.0

[vagrant@localhost rails_test]$ nvm install 14.16.0

Downloading and installing node v14.16.0...

Downloading https://nodejs.org/dist/v14.16.0/node-v14.16.0-linux-x64.tar.xz...

######################################################################## 100.0%

Computing checksum with sha256sum

Checksums matched!

Now using node v14.16.0 (npm v6.14.11)

[vagrant@localhost rails_test]$ nvm use 14.16.0

Now using node v14.16.0 (npm v6.14.11)

[vagrant@localhost rails_test]$ node -v

v14.16.0

ダウングレードしたNode.jsを使用。

[vagrant@localhost ~]$ nvm use 14.16.0
Now using node v14.16.0 (npm v6.14.11)

1 2	[vagrant@localhost ~]$ nvm use 14.16.0 Now using node v14.16.0 (npm v6.14.11)

ここで再度webpackerをインストールしようとすると、まだ”Yarnがインストールされていない”というエラーが残っている。

[vagrant@localhost rails_test]$ rails webpacker:install
Yarn not installed. Please download and install Yarn from https://yarnpkg.com/lang/en/docs/install/
Exiting!

[vagrant@localhost rails_test]$ rails webpacker:install

Yarn not installed. Please download and install Yarn from https://yarnpkg.com/lang/en/docs/install/

Exiting!

Yarnのインストール

npmでYarnをインストールする。

参考：Yarn公式サイト

[vagrant@localhost rails_test]$ npm install --global yarn

> yarn@1.22.10 preinstall /home/vagrant/.nvm/versions/node/v14.16.0/lib/node_modules/yarn
> :; (node ./preinstall.js > /dev/null 2>&1 || true)

/home/vagrant/.nvm/versions/node/v14.16.0/bin/yarn -> /home/vagrant/.nvm/versions/node/v14.16.0/lib/node_modules/yarn/bin/yarn.js
/home/vagrant/.nvm/versions/node/v14.16.0/bin/yarnpkg -> /home/vagrant/.nvm/versions/node/v14.16.0/lib/node_modules/yarn/bin/yarn.js
+ yarn@1.22.10
added 1 package in 6.684s

[vagrant@localhost rails_test]$ npm install --global yarn

> yarn@1.22.10 preinstall /home/vagrant/.nvm/versions/node/v14.16.0/lib/node_modules/yarn

> :; (node ./preinstall.js > /dev/null 2>&1 || true)

/home/vagrant/.nvm/versions/node/v14.16.0/bin/yarn -> /home/vagrant/.nvm/versions/node/v14.16.0/lib/node_modules/yarn/bin/yarn.js

/home/vagrant/.nvm/versions/node/v14.16.0/bin/yarnpkg -> /home/vagrant/.nvm/versions/node/v14.16.0/lib/node_modules/yarn/bin/yarn.js

+ yarn@1.22.10

added 1 package in 6.684s

webpackerインストール

Node.jsとYarnがそろったので、webpackerがインストールできた。

[vagrant@localhost rails_test]$ rails webpacker:install
      create  config/webpacker.yml
Copying webpack core config
      create  config/webpack
      create  config/webpack/development.js
      create  config/webpack/environment.js
      create  config/webpack/production.js
      create  config/webpack/test.js
.....
├─ webpack-dev-middleware@3.7.3
├─ webpack-dev-server@3.11.2
├─ websocket-driver@0.7.4
├─ websocket-extensions@0.1.4
└─ ws@6.2.1
Done in 25.66s.
Webpacker successfully installed 🎉 🍰

[vagrant@localhost rails_test]$ rails webpacker:install

create config/webpacker.yml

Copying webpack core config

create config/webpack

create config/webpack/development.js

create config/webpack/environment.js

create config/webpack/production.js

create config/webpack/test.js

.....

├─ webpack-dev-middleware@3.7.3

├─ webpack-dev-server@3.11.2

├─ websocket-driver@0.7.4

├─ websocket-extensions@0.1.4

└─ ws@6.2.1

Done in 25.66s.

Webpacker successfully installed 🎉 🍰

Railsサーバー起動・接続

vagrantfile設定

vagrantfileには以下の1行を設定している。

  config.vm.network "forwarded_port", guest: 3000, host: 3000

1	config.vm.network "forwarded_port", guest: 3000, host: 3000

サーバー起動・接続

ここでrails sでサーバーを起動するが、ブラウザーがつながらない。

参考サイト(Rails4.2：Vagrant上の仮想マシンで起動したRailsにホストのブラウザからアクセス出来ない)のおかげで、Railsサーバーを以下で立ち上げるとよいことが分かった。

rails s -b 0.0.0.0

1	rails s -b 0.0.0.0

この状態で、ホストのブラウザーからlocalhost:3000でつながった。

アプリケーション生成～成功

ここで再度アプリケーションを生成して成功。

[vagrant@localhost app]$ rails new rails_test -d mysql
      create
      create  README.md
      create  Rakefile
.....
├─ websocket-driver@0.7.4
├─ websocket-extensions@0.1.4
└─ ws@6.2.1
Done in 4.98s.
Webpacker successfully installed 🎉 🍰
[vagrant@localhost app]$ ls
rails_test

[vagrant@localhost app]$ rails new rails_test -d mysql

create

create README.md

create Rakefile

.....

├─ websocket-driver@0.7.4

├─ websocket-extensions@0.1.4

└─ ws@6.2.1

Done in 4.98s.

Webpacker successfully installed 🎉 🍰

[vagrant@localhost app]$ ls

rails_test

viなどでdatabase.ymlを修正。

# MySQL. Versions 5.5.8 and up are supported.
#
# Install the MySQL driver
#   gem install mysql2
#
# Ensure the MySQL gem is defined in your Gemfile
#   gem 'mysql2'
#
# And be sure to use new-style password hashing:
#   https://dev.mysql.com/doc/refman/5.7/en/password-hashing.html
#
default: &default
  adapter: mysql2
  encoding: utf8mb4
  pool: <%= ENV.fetch("RAILS_MAX_THREADS") { 5 } %>
  username: root
  password: パスワードを指定
  socket: /var/lib/mysql/mysql.sock

development:
  <<: *default
  database: デフォルトのDB名を削除

# Warning: The database defined as "test" will be erased and
# re-generated from your development database when you run "rake".
# Do not set this db to the same as development or production.
test:
  <<: *default
  database: デフォルトのDB名を削除

# As with config/credentials.yml, you never want to store sensitive information,
# like your database password, in your source code. If your source code is
# ever seen by anyone, they now have access to your database.
#
# Instead, provide the password or a full connection URL as an environment
# variable when you boot the app. For example:
#
#   DATABASE_URL="mysql2://myuser:mypass@localhost/somedatabase"
#
# If the connection URL is provided in the special DATABASE_URL environment
# variable, Rails will automatically merge its configuration values on top of
# the values provided in this file. Alternatively, you can specify a connection
# URL environment variable explicitly:
#
#   production:
#     url: <%= ENV['MY_APP_DATABASE_URL'] %>
#
# Read https://guides.rubyonrails.org/configuring.html#configuring-a-database
# for a full overview on how database connection configuration can be specified.
#
production:
  <<: *default
  database: デフォルト指定されていればDB名を削除
↓以下コメントアウト
#  username: rails_test
#  password: <%= ENV['RAILS_TEST_DATABASE_PASSWORD'] %>

# MySQL. Versions 5.5.8 and up are supported.

# Install the MySQL driver

# gem install mysql2

# Ensure the MySQL gem is defined in your Gemfile

# gem 'mysql2'

# And be sure to use new-style password hashing:

# https://dev.mysql.com/doc/refman/5.7/en/password-hashing.html

default: &default

adapter: mysql2

encoding: utf8mb4

pool: <%= ENV.fetch("RAILS_MAX_THREADS") { 5 } %>

username: root

password: パスワードを指定

socket: /var/lib/mysql/mysql.sock

development:

<<: *default

database: デフォルトのDB名を削除

# Warning: The database defined as "test" will be erased and

# re-generated from your development database when you run "rake".

# Do not set this db to the same as development or production.

test:

<<: *default

database: デフォルトのDB名を削除

# As with config/credentials.yml, you never want to store sensitive information,

# like your database password, in your source code. If your source code is

# ever seen by anyone, they now have access to your database.

# Instead, provide the password or a full connection URL as an environment

# variable when you boot the app. For example:

# DATABASE_URL="mysql2://myuser:mypass@localhost/somedatabase"

# If the connection URL is provided in the special DATABASE_URL environment

# variable, Rails will automatically merge its configuration values on top of

# the values provided in this file. Alternatively, you can specify a connection

# URL environment variable explicitly:

# production:

# url: <%= ENV['MY_APP_DATABASE_URL'] %>

# Read https://guides.rubyonrails.org/configuring.html#configuring-a-database

# for a full overview on how database connection configuration can be specified.

production:

<<: *default

database: デフォルト指定されていればDB名を削除

↓以下コメントアウト

# username: rails_test

# password: <%= ENV['RAILS_TEST_DATABASE_PASSWORD'] %>

Railsサーバー起動。

[vagrant@localhost config]$ rails s -b 0.0.0.0

1	[vagrant@localhost config]$ rails s -b 0.0.0.0

ホストのブラウザーからlocalhost:3000で接続。