Ruby on Rails

【完全版】Rails学習の始め方 - 環境構築から基本まで

Rails学習の完全ガイド。環境構築からMVC基本概念まで、初心者向けに詳しく解説。実際のコード例とエラー対処法も含む実践的な内容です。

Learning Next 運営
約 26 分で読めます
Rails学習環境構築初心者MVC基本

みなさん、Ruby on Railsを学習したいと思っているけど、「何から始めればいいかわからない」と悩んでいませんか？

「環境構築が難しそう」「エラーが出たらどうしよう」と思ったことはありませんか？ 確かに、Rails学習の最初の一歩は戸惑うことが多いものです。

この記事では、Rails学習を始めるための完全ガイドをお伝えします。 環境構築からRailsの基本概念まで、初心者でも迷わず進められるよう詳しく解説します。 読み終わる頃には、自信を持ってRails学習をスタートできるはずです！

Rails学習の全体像

Railsとは何か？

Ruby on Railsは、Ruby言語で作られたWebアプリケーション開発フレームワークです。 「設定より規約」という思想で、迅速な開発を可能にします。

Railsの特徴

  • 高い開発効率
  • 豊富な機能
  • 充実したエコシステム
  • アクティブなコミュニティ

Railsで作れるもの

  • Webアプリケーション
  • API サーバー
  • ECサイト
  • SNS プラットフォーム

GitHub、Shopify、Airbnbなど、多くの有名サービスがRailsで作られています。

学習の前提条件

Rails学習を始める前に、以下の知識があると良いでしょう。

必須の知識

  • HTML/CSS の基本
  • Ruby の基本文法
  • コマンドラインの基本操作

あると良い知識

  • JavaScript の基本
  • データベースの概念
  • Git の基本操作

心配いりません、これらは学習しながら身につけることもできます。

環境構築の手順

方法1: ローカル環境での構築

1.1 必要なツールのインストール

macOS の場合

# Homebrew のインストール（まだの場合）
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"


# Git のインストール
brew install git


# rbenv のインストール（Ruby バージョン管理）
brew install rbenv


# Node.js のインストール
brew install node


# PostgreSQL のインストール
brew install postgresql

Windows の場合

# WSL2 の有効化後、Ubuntu をインストール
# その後、Linux 環境で作業することを推奨


# または Ruby Installer を使用
# https://rubyinstaller.org/

1.2 Ruby のインストール

# rbenv の設定
echo 'export PATH="$HOME/.rbenv/bin:$PATH"' >> ~/.zshrc
echo 'eval "$(rbenv init -)"' >> ~/.zshrc
source ~/.zshrc


# Ruby 3.1.0 のインストール
rbenv install 3.1.0
rbenv global 3.1.0


# 確認
ruby -v
# ruby 3.1.0p0 (2021-12-25 revision fb4df44d16) [x86_64-darwin21]

1.3 Rails のインストール

# Bundler のインストール
gem install bundler


# Rails のインストール
gem install rails


# 確認
rails -v
# Rails 7.0.0

方法2: クラウド環境の利用（推奨）

環境構築が不安な方には、クラウド環境をおすすめします。

GitHub Codespaces

# GitHub でリポジトリを作成
# Codespaces を起動
# Ruby と Rails が事前にインストール済み

Replit

# Replit にアカウント作成
# Ruby on Rails テンプレートを選択
# ブラウザで即座に開発開始

Cloud9

# AWS アカウントで Cloud9 を利用
# Ruby 環境を選択
# 自動的に環境が構築される

クラウド環境なら、面倒な環境構築をスキップできます。

環境構築の確認

以下のコマンドで環境が正しく構築されているか確認しましょう。

# Ruby のバージョン確認
ruby -v


# Rails のバージョン確認
rails -v


# Bundler のバージョン確認
bundle -v


# Git のバージョン確認
git --version


# Node.js のバージョン確認
node -v

すべて正常にバージョンが表示されれば、環境構築完了です。

最初のRailsアプリケーション作成

新規プロジェクトの作成

# 新しい Rails アプリケーションの作成
rails new my_first_app


# ディレクトリに移動
cd my_first_app


# 依存関係のインストール
bundle install


# データベースの作成
rails db:create


# サーバーの起動
rails server

ブラウザでの確認

# ブラウザで以下のURLにアクセス
http://localhost:3000

「Yay! You're on Rails!」の画面が表示されれば成功です。 これで、あなたの最初のRailsアプリケーションが動作しています！

ディレクトリ構造の理解

my_first_app/ ├── app/ # アプリケーションのメインコード │ ├── controllers/ # コントローラー │ ├── models/ # モデル │ ├── views/ # ビュー │ └── assets/ # CSS、JavaScript など ├── config/ # 設定ファイル ├── db/ # データベース関連 ├── public/ # 静的ファイル └── Gemfile # 依存ライブラリ

この構造は Rails の「設定より規約」に基づいています。

MVC アーキテクチャの理解

MVC とは何か？

MVC は Model-View-Controller の略で、アプリケーションを3つの役割に分ける設計パターンです。

Model（モデル）

役割: データとビジネスロジックを担当

# app/models/user.rb
class User < ApplicationRecord
  # バリデーション（データの検証）
  validates :name, presence: true
  validates :email, presence: true, uniqueness: true
  
  # 関連付け
  has_many :posts, dependent: :destroy
  
  # メソッド
  def full_name
    "#{first_name} #{last_name}"
  end
end

View（ビュー）

役割: ユーザーインターフェースを担当

<!-- app/views/users/index.html.erb -->
<h1>ユーザー一覧</h1>


<table>
  <thead>
    <tr>
      <th>名前</th>
      <th>メール</th>
      <th>アクション</th>
    </tr>
  </thead>
  <tbody>
    <% @users.each do |user| %>
      <tr>
        <td><%= user.name %></td>
        <td><%= user.email %></td>
        <td>
          <%= link_to "詳細", user %>
          <%= link_to "編集", edit_user_path(user) %>
        </td>
      </tr>
    <% end %>
  </tbody>
</table>


<%= link_to "新規作成", new_user_path %>

Controller（コントローラー）

役割: リクエストの処理とModelとViewの仲介

# app/controllers/users_controller.rb
class UsersController < ApplicationController
  before_action :set_user, only: [:show, :edit, :update, :destroy]
  
  # GET /users
  def index
    @users = User.all
  end
  
  # GET /users/1
  def show
  end
  
  # GET /users/new
  def new
    @user = User.new
  end
  
  # POST /users
  def create
    @user = User.new(user_params)
    
    if @user.save
      redirect_to @user, notice: 'ユーザーが作成されました'
    else
      render :new
    end
  end
  
  # GET /users/1/edit
  def edit
  end
  
  # PATCH/PUT /users/1
  def update
    if @user.update(user_params)
      redirect_to @user, notice: 'ユーザーが更新されました'
    else
      render :edit
    end
  end
  
  # DELETE /users/1
  def destroy
    @user.destroy
    redirect_to users_url, notice: 'ユーザーが削除されました'
  end
  
  private
  
  def set_user
    @user = User.find(params[:id])
  end
  
  def user_params
    params.require(:user).permit(:name, :email, :first_name, :last_name)
  end
end

MVC の流れ

1. ユーザーがブラウザでリクエスト 2. ルーティングが適切なコントローラーにリクエストを転送 3. コントローラーがモデルからデータを取得 4. コントローラーがビューにデータを渡す 5. ビューがHTMLを生成 6. ブラウザにレスポンスを返す

この流れを理解することが、Rails開発の基本です。

実践：簡単なブログアプリを作ってみよう

ステップ1: 記事モデルの作成

# 記事（Post）モデルの生成
rails generate model Post title:string content:text


# マイグレーションの実行
rails db:migrate

ステップ2: 記事コントローラーの作成

# コントローラーの生成
rails generate controller Posts index show new create edit update destroy

ステップ3: ルーティングの設定

# config/routes.rb
Rails.application.routes.draw do
  root 'posts#index'
  resources :posts
end

ステップ4: コントローラーの実装

# app/controllers/posts_controller.rb
class PostsController < ApplicationController
  before_action :set_post, only: [:show, :edit, :update, :destroy]
  
  def index
    @posts = Post.all.order(created_at: :desc)
  end
  
  def show
  end
  
  def new
    @post = Post.new
  end
  
  def create
    @post = Post.new(post_params)
    
    if @post.save
      redirect_to @post, notice: '記事が作成されました'
    else
      render :new
    end
  end
  
  def edit
  end
  
  def update
    if @post.update(post_params)
      redirect_to @post, notice: '記事が更新されました'
    else
      render :edit
    end
  end
  
  def destroy
    @post.destroy
    redirect_to posts_path, notice: '記事が削除されました'
  end
  
  private
  
  def set_post
    @post = Post.find(params[:id])
  end
  
  def post_params
    params.require(:post).permit(:title, :content)
  end
end

ステップ5: ビューの作成

記事一覧ページ

<!-- app/views/posts/index.html.erb -->
<h1>ブログ記事一覧</h1>


<%= link_to "新規記事", new_post_path, class: "btn btn-primary" %>


<div class="posts">
  <% @posts.each do |post| %>
    <div class="post-card">
      <h2><%= link_to post.title, post %></h2>
      <p><%= truncate(post.content, length: 100) %></p>
      <p>投稿日: <%= post.created_at.strftime("%Y年%m月%d日") %></p>
      <div class="actions">
        <%= link_to "編集", edit_post_path(post) %>
        <%= link_to "削除", post, method: :delete, 
                    confirm: "本当に削除しますか？" %>
      </div>
    </div>
  <% end %>
</div>

記事詳細ページ

<!-- app/views/posts/show.html.erb -->
<h1><%= @post.title %></h1>


<div class="post-content">
  <%= simple_format(@post.content) %>
</div>


<p>投稿日: <%= @post.created_at.strftime("%Y年%m月%d日 %H:%M") %></p>


<div class="actions">
  <%= link_to "編集", edit_post_path(@post) %>
  <%= link_to "削除", @post, method: :delete, 
              confirm: "本当に削除しますか？" %>
  <%= link_to "一覧に戻る", posts_path %>
</div>

記事作成・編集フォーム

<!-- app/views/posts/_form.html.erb -->
<%= form_with(model: post, local: true) do |form| %>
  <% if post.errors.any? %>
    <div id="error_explanation">
      <h2><%= pluralize(post.errors.count, "error") %>エラーがあります:</h2>
      <ul>
        <% post.errors.full_messages.each do |message| %>
          <li><%= message %></li>
        <% end %>
      </ul>
    </div>
  <% end %>


  <div class="field">
    <%= form.label :title, "タイトル" %>
    <%= form.text_field :title %>
  </div>


  <div class="field">
    <%= form.label :content, "内容" %>
    <%= form.text_area :content, rows: 10 %>
  </div>


  <div class="actions">
    <%= form.submit %>
  </div>
<% end %>

ステップ6: モデルにバリデーションを追加

# app/models/post.rb
class Post < ApplicationRecord
  validates :title, presence: true, length: { maximum: 100 }
  validates :content, presence: true, length: { minimum: 10 }
  
  def summary
    content.truncate(100)
  end
end

ステップ7: 動作確認

# サーバーを起動
rails server


# ブラウザで確認
http://localhost:3000

おめでとうございます！ これで基本的なCRUD機能を持つブログアプリが完成しました。

よくあるエラーと対処法

1. Bundler関連のエラー

エラー例:

Could not find gem 'xxx' in any of the gem sources

対処法:

# Gemfile を確認
bundle install


# Bundler を更新
gem update bundler

2. データベース関連のエラー

エラー例:

database "xxx" does not exist

対処法:

# データベースを作成
rails db:create


# マイグレーションを実行
rails db:migrate

3. ルーティングエラー

エラー例:

No route matches [GET] "/posts/new"

対処法:

# config/routes.rb を確認
resources :posts


# ルーティングを確認
rails routes

4. アクション未定義エラー

エラー例:

The action 'index' could not be found for PostsController

対処法:

# コントローラーにアクションを追加
def index
  @posts = Post.all
end

5. ビューファイル未作成エラー

エラー例:

Missing template posts/index

対処法:

# ビューファイルを作成
touch app/views/posts/index.html.erb

エラーが出ても慌てず、エラーメッセージをよく読むことが大切です。

データベースの基本操作

マイグレーション

# マイグレーションファイルの作成
rails generate migration AddEmailToPosts email:string


# マイグレーションの実行
rails db:migrate


# マイグレーションの取り消し
rails db:rollback

Active Record の基本操作

# データの作成
post = Post.new(title: "Rails学習", content: "Rails を学習中です")
post.save


# 別の方法
post = Post.create(title: "Ruby学習", content: "Ruby を学習中です")


# データの取得
posts = Post.all                    # 全件取得
post = Post.find(1)                # ID で取得
posts = Post.where(title: "Rails学習") # 条件で取得
post = Post.first                   # 最初の1件
post = Post.last                    # 最後の1件


# データの更新
post = Post.find(1)
post.update(title: "Rails マスター")


# データの削除
post = Post.find(1)
post.destroy

コンソールでの動作確認

# Rails コンソールの起動
rails console


# データの操作例
Post.create(title: "テスト記事", content: "これはテスト記事です")
Post.all
Post.count

コンソールを使うことで、データベース操作を手軽に確認できます。

学習を続けるためのコツ

1. 小さな成功を積み重ねる

# 最初は簡単な機能から
def hello
  puts "Hello, Rails!"
end


# 徐々に複雑な機能へ
def create_post
  Post.create(title: "新しい記事", content: "内容")
end

2. エラーを恐れない

エラーは学習の機会です。 エラーメッセージを読んで、問題を解決する力を身につけましょう。

3. 実際に手を動かす

理論だけでなく、必ず実際にコードを書いて動かしてみることが重要です。

4. アウトプットする

学んだことを以下の方法でアウトプットしましょう。

  • GitHub にコードを公開
  • ブログで学習記録
  • SNS で進捗報告

5. コミュニティに参加

  • Rails 勉強会
  • オンラインフォーラム
  • Slack コミュニティ

一人で学習するより、仲間がいた方が継続しやすいです。

次に学ぶべきこと

基本を固めた後のステップ

1. 認証機能

# Devise gem を使用
gem 'devise'


# ユーザー認証の実装
rails generate devise User

2. 画像アップロード

# Active Storage を使用
rails active_storage:install


# モデルに画像を関連付け
has_one_attached :image

3. テスト

# RSpec を使用
gem 'rspec-rails'


# テストの作成
rails generate rspec:install

4. API 開発

# JSON API の作成
def index
  @posts = Post.all
  render json: @posts
end

学習リソース

おすすめ書籍

  • 「Ruby on Rails チュートリアル」（オンライン無料）
  • 「現場で使える Ruby on Rails 5」
  • 「Rails アプリケーション開発ガイド」

オンライン学習

  • Rails Tutorial（無料）
  • Progate（有料）
  • Udemy（有料）

コミュニティ

  • Rails Girls
  • Rails 勉強会
  • Qiita

よくある質問

Q: Rails学習にどのくらい時間がかかる？

A: 基本的な機能を理解するのに3-6ヶ月程度が目安です。 毎日1-2時間の学習を継続することが重要です。

Q: 環境構築が上手くいかない場合は？

A: クラウド環境（GitHub Codespaces、Replit など）の利用をおすすめします。 面倒な環境構築をスキップして、すぐに学習を始められます。

Q: エラーが出たときはどうすれば？

A: 以下の手順で対処してください。

  1. エラーメッセージをよく読む
  2. Google で検索する
  3. Stack Overflow で調べる
  4. Rails ガイドを参照する
  5. コミュニティで質問する

Q: Ruby の知識はどの程度必要？

A: 基本的な文法とオブジェクト指向の概念が理解できていれば始められます。 Rails を学習しながら Ruby の理解も深めることができます。

Q: 独学でも習得できる？

A: 十分可能です。 ただし、以下の点に注意してください。

  • 継続的な学習
  • 実際に手を動かす
  • コミュニティを活用

まとめ：Rails学習への第一歩

この記事では、Rails学習の始め方を環境構築から基本概念まで詳しく解説しました。

重要なポイント

  1. 環境構築（ローカルまたはクラウド）
  2. MVC の理解
  3. 実際のアプリ作成
  4. エラー対処法の習得
  5. 継続的な学習

今日から始められること

  1. 環境構築
  2. 最初のアプリ作成
  3. ブログアプリの実装
  4. GitHub でのコード公開

成功のカギ

  • 小さな成功を積み重ねる
  • エラーを恐れない
  • 実際に手を動かす
  • コミュニティを活用する

Rails学習は最初は難しく感じるかもしれませんが、正しい手順で学習すれば必ず習得できます。 大切なのは、継続することと楽しみながら学ぶことです。

今日から、Rails開発者への第一歩を踏み出してみましょう！ あなたのRails学習が成功することを心から願っています。

関連記事

PythonとRubyの違いは？初心者が選ぶべき言語を徹底比較

PythonとRubyの違いを初心者向けに徹底比較。文法、学習しやすさ、転職市場、将来性など多角的に分析し、どちらを選ぶべきかを詳しく解説します。

2025年7月6日
17分

RailsとLaravelどっちを学ぶ？バックエンドフレームワーク選択ガイド

RailsとLaravelの違いを徹底比較。学習しやすさ、転職市場、開発効率、将来性など多角的に分析し、どちらを選ぶべきかの判断基準を詳しく解説します。

2025年7月6日
22分

【挫折防止】Rails学習でつまずく5つのポイントと解決方法

Rails学習で多くの初心者がつまずく5つのポイントを特定し、具体的な解決方法を詳しく解説。挫折を防いで効率的にRailsをマスターするためのガイド。

2025年7月6日
27分