WSL2(Ubuntu)にruby on rails の環境構築

環境

Ubuntu22.04 (on Windows11 WSL2)

Windows Terminal

Ruby をビルドするのに必要なパッケージを事前にインストールする

apt パッケージの情報を最新にする

sudo apt update -y

Ubuntu にインストールされているソフトウェアを最新にする

sudo apt upgrade -y

Ruby のビルドに必要なパッケージを apt 経由でインストールする。

sudo apt install build-essential -y

sudo apt install -y libssl-dev libreadline-dev zlib1g-dev

MySQL or MariaDB の場合には下記コマンドを実行します。

sudo apt-get install libmysqlclient-dev

rbenv を利用して Ruby をインストールする

rbenv（パッケージ管理ツール）をインストール

git clone https://github.com/sstephenson/rbenv.git ~/.rbenv

環境変数にPathを設定

echo 'export PATH="$HOME/.rbenv/bin:$PATH"' >> ~/.bashrc

echo 'eval "$(rbenv init -)"' >> ~/.bashrc

シェルを再起動

exec $SHELL -l

ruby-buildをインストール

git clone https://github.com/sstephenson/ruby-build.git ~/.rbenv/plugins/ruby-build

Rubyをインストール

rbenv install 2.6.2

rbenv global 2.6.2

ここまででWSL2の Ubuntu に ruby コマンドと gem コマンド、 bundler コマンドがインストールされた状態になりました。

Node.js をインストールする

Rails 6 から webpacker というものが標準になり、 node.js のエコシステムである yarn を利用することが必要な為、Node.jsをインストールします。

node.js, npmをインストールします。

sudo apt install -y nodejs npm

n packageをインストールします。

sudo npm install n -g

n packageを使ってnodeをインストール

sudo n stable

最初に入れた古いnode.js, npmを削除

sudo apt purge -y nodejs npm

シェルを再起動

exec $SHELL -l

yarn packageをインストールします。

sudo npm install yarn -g

node.js のバージョンが最新か確認

node -v

ここまでで、WSL2のUbuntu Linux 上に ruby (2.6.2) と gem コマンド、 node、 yarn コマンドがインストールされました。

プロジェクトのためのディレクトリを適当な名前で作成する 

自分が作成するプロジェクトのディレクトリを作成

mkdir sample_project

作成したディレクトリに移動

cd sample_project

プロジェクトディレクトリ配下で bundle init コマンドを実行し、 Gemfile ファイルを作成する

bundle init を実行して Gemfile ファイルを作成します。

bundle init

作成した Gemfile ファイルを編集して gem ‘rails’ となっている行を有効にする

作成された Gemfile を編集して「# gem ‘rails’」の部分の＃を消してコメントアウトをはずします。

vi Gemfile

「i」ボタンを押して、　「# gem “rails”」となっている箇所を#(シャープ)を消して「gem ‘rails’」という形にする。
escキーをそして「wq」で変更を保存します。

bundle install を実行して、gem をインストールする

rails をインストールするために bundle installを実行します。

bundle install

rails new コマンドを実行して、rails に関する gem をまとめてインストールする

bundle exec rails new .

rails s コマンドで立ち上げる

bundle exec rails s

http://127.0.0.1:3000またはlocalhost:3000にブラウザでアクセスします。

Railsのウェルカムページが表示されました。

参考URL

https://qiita.com/kaishuu0123/items/2a91495e7daa8c7783ed#_reference-676d3ce878ece19a21dc