すでにメンバーの場合は

無料会員登録

GitHubアカウントで登録 Pikawakaが許可なくTwitterやFacebookに投稿することはありません。

登録がまだの方はこちらから

Pikawakaにログイン

GitHubアカウントでログイン Pikawakaが許可なくTwitterやFacebookに投稿することはありません。

AWS Cloud9でRuby on Railsの開発環境を構築しよう

この記事で出来るようになること

AWS Cloud9には、開発に必要なソフトウェアがほとんど揃っていますが、使用したいバージョンよりも低い可能性があります。

本カリキュラムでは、指定したバージョンのソフトウェアをインストールしていきます。

cloud9

またカリキュラムで使用するバージョンに調整しなければ、思い通りに動かなくなる可能性があります。

ぴっかちゃん

Cloud9を使ってもソフトウェアのインストールって必要なのかな

カリキュラムで使用したいバージョンと異なることがあるから、Cloud9を使ってもバージョンの調整をしないといけないんだよ

ぴかわかさん

環境構築に必要なものを確認しよう

まずは、AWS Cloud9の環境上にRuby on Railsの開発環境を構築する前に「本カリキュラムの対応バージョン・環境構築の進め方・前提条件」を確認してみましょう。

本カリキュラムの対応バージョン

本カリキュラムでは、以下のバージョンに調整してRails6でアプリケーション開発できる準備を行います。

  • Ruby 2.7.5
  • MariaDB 10.2.38
  • Rails 6.1.3.1
  • Bundler 2.3.5
  • yarn 1.22.17

環境構築の進め方

開発環境の構築は、以下の手順で進めさせていただきます。

手順の確認

1. Ruby
2. MariaDB
3. Ruby on Rails
4. Bundler
5. Yarn

開発環境の構築とは、開発に必要なソフトウェアを環境に導入し、Webアプリケーションを動かせるように設定していく作業のことです。

手元のパソコン(ローカル環境)に用意することが多いですが、初心者には「最初で最大の壁」と言われるように設定が複雑で挫折しやすい作業です。

しかし、Cloud9の環境に用意することでインストールするソフトウェアが少なくなり、設定も簡略化されるので初心者でも比較的スムーズに作業することができます。

前提条件の確認

次の前提条件を満たしているか確認しましょう。
条件を満たしていない方は、リンク先の記事を参考に準備しましょう。

上記の条件を満たしている方は、次に進みましょう。

ターミナルで実行するコマンドは、タイプミスを減らすために、カリキュラムをコピー&ペーストしてください。

ぴかわかさん

1.Rubyを用意しよう

Cloud9には、RVMでRubyが既にインストールされていますが、使用したいバージョンよりも低い可能性があります。

カリキュラムでは「Ruby 2.7.5」を使用するので、RVMでインストールと設定を行います。

RVM(Ruby Version Manager)とは

RVMとは、複数のRubyを管理するためのツールのことです。

例えば、実際の開発現場は「Twitter風のアプリではRuby 2.6.9、Instagram風アプリではRuby 2.7.5」のようにプロジェクト毎に異なるバージョンのRubyで動かすことが多いです。

2つのアプリを開発していた場合

RVMは、同時に複数のRubyのバージョンをインストールして、プロジェクト毎に適したバージョンでRubyを動かすことができます。

ぴっかちゃん

Cloud9には最初から導入されているので、すぐにrvmコマンドが使えるよ

それでは、手を動かしてRubyを用意しましょう!

ぴかわかさん

1-1.Rubyのバージョンを確認しよう

まずは、Cloud9に最初から導入されているRubyのバージョンを確認してみましょう。

以下のコマンドを実行してください。
ターミナル | Rubyのバージョンを確認する
1
ruby -v

実行すると、画像のように現在のRubyのバージョンを確認することができます。
※バージョンは一致している必要はありません。

現在のRubyのバージョンを確認

それでは、「Ruby 2.7.5」をインストールしていきましょう。

1-2.Rubyをインストールしよう

次にバージョンを指定して、Rubyのインストールをしましょう。

以下のコマンドを実行してください。
ターミナル | Ruby 2.7.5をインストールする
1
rvm install 2.7.5

実行すると、Rubyのインストールが開始されます。
少し時間がかかるので待ちましょう。

Rubyのインストールが開始

インストールに成功すると、以下のように「Install of ruby-2.7.5 - #complete 」と表示されます。

Rubyのインストールに成功

ここまで完了した方は、次に進みましょう。

1-3.Rubyが導入できたか確認しよう

続いて、Rubyが正常にインストールされているか確認してみましょう。

以下のコマンドを実行してください。
ターミナル | Rubyのバージョンを確認する
1
ruby -v

画像のように「ruby 2.7.5」と表示されたら、問題ありません。

rubyのバージョンを確認

ぴっかちゃん

導入したRubyを維持して利用するには、デフォルトの設定が必要だよ

1-4.デフォルトのRubyを設定しよう

現在のRubyのバージョンは、一時的に2.7.5が使用されています。

以下の動画のようにターミナルを閉じると、2.7.5ではなく元々インストールされているRubyのバージョンに戻ります。

Rubyのデフォルトのバージョンを確認

ターミナルを閉じても、2.7.5のバージョンを維持できるように設定を行います。

以下のコマンドを実行してください。
ターミナル | デフォルトをRuby2.7.5に設定する
1
rvm --default use 2.7.5

以下の動画のように、コマンド実行後にターミナルを再起動させて、ruby -vでバージョンを確認してみましょう。

バージョンを確認

ターミナルを再起動させても、2.7.5のバージョンが表示されたら完了です。

これでRubyの用意ができました。次のMariaDBへ進みましょう!

ぴかわかさん

2.MariaDBを用意しよう

AWS Cloud9を導入しよう」で作成した環境(Amazon Linux2)では、MariaDBがデフォルトのデータベースです。

Cloud9には、MariaDBが既にインストールされていますが、パッケージのインストールや設定を行う必要があります。

MariaDBとは

MariaDB

MariaDBとは、人気の高いMySQLから派生したデータベース管理システム(データの検索・編集など効率化するソフトウェア)です。

Webアプリケーションを作るためには、「データベース」というデータの保存先が必要になります。MariaDBは、そのデータベースを効率的かつ適切に管理することができるシステムのことです。

「データベース」や「データベース管理システム」については、別の章で詳しく学ぶよ!

ぴかわかさん

2-1.MariaDBのパッケージをインストールしよう

まずは、MariaDBのパッケージ(関連するプログラムをまとめたもの)をインストールしましょう。

以下のコマンドを実行してください。
ターミナル | MariaDBのパッケージをインストールする
1
sudo yum install -y mariadb-devel-10.2.38-1.amzn2.0.1 mariadb-server-10.2.38-1.amzn2.0.1

動画のように「Complete!」と最後に表示されたら、インストール完了です。

MariaDBのパッケージをインストール

2-2.MariaDBを起動しよう

次にMariaDBを起動しましょう。

以下のコマンドを実行してください。
ターミナル | MariaDBを起動させる
1
sudo systemctl start mariadb

画像のようにエラーの出力もなく、何も表示されていなければ正常に起動しています。

正常に起動

それでは、MariaDBの状態を確認してみましょう。

以下のコマンドを実行してください。
ターミナル | MariaDBの状態を確認する
1
sudo systemctl status mariadb

画像のように表示されたら、MariaDBが正常に起動しています。

起動している場合

※Cloud9の初期設定では、Cloud9を閉じてから30分後にサーバーが自動で停止します。

その際にはMariaDBのサーバーも停止するので、Cloud9を開くたびにsudo systemctl start mariadbを実行して、MariaDBを起動させる必要があります。

ぴっかちゃん

でも毎回手動で起動させるのって忘れそう。。。何か良い方法ないのかな

それは、次のMariaDBの自動起動の設定で解決するよ!

ぴかわかさん

2-3.MariaDBの自動起動を設定しよう

自動起動を設定すると、Cloud9を開いた時にMariaDBが自動で起動されるようになります。毎回手動で起動させる必要がなくなります。

それでは、MariaDBの自動起動の設定をしていきましょう。

以下のコマンドを実行してください。
ターミナル | MariaDBの自動起動を有効化する
1
sudo systemctl enable mariadb

続いて、以下のコマンドを実行して自動起動が有効化を確かめてみましょう。

以下のコマンドを実行してください。
以下のコマンドを実行してください。
ターミナル | MariaDBの自動起動を有効化を確認する
1
sudo systemctl is-enabled mariadb

画像のように「enabled」と表示されたら、問題なく自動起動の設定ができています!

自動起動の設定が有効

ぴっかちゃん

これで、MariaDBを毎回手動で起動する必要がなくなったね!

3.Ruby on Railsを用意しよう

Cloud9に最初から用意されているRubyのバージョンには、Railsも入っています。

しかし、現在使用している「Ruby 2.7.5」にはRailsが入っていないので、インストールする必要があります。

Ruby on Railsとは

Ruby on Rails

Ruby on Railsとは、プログラミング言語であるRubyで作られた非常に強力なフレームワーク(開発作業を効率化するための骨組み、テンプレートのようなもの)です。

Ruby on Railsは、Gem(Ruby言語用の外部ライブラリ)でもあります。RailsというGemをインストールすることで、効率的に開発する為の雛形をすぐに用意することが可能なので、Webアプリケーションを簡単に作成できるようになります。

3-1.nokogiriをインストールしよう

nokogiri は「Web開発」、「データ処理」、「自動化スクリプト」など、様々な箇所で利用されるgemです。Railsでも nokogiri を利用しているので、以下のコマンドを実行してインストールしましょう。

以下のコマンドを実行してください。
ターミナル | nokogiriのインストール
1
gem install nokogiri -v 1.15.5

以下の画像のように最後に 1 gem installed と表示されれば、インストール完了です。

nokogiriのインストールの画像

3-2.Ruby on Railsのバージョンを確認しよう

まずは、Ruby on Railsのバージョンを確認してみましょう。

以下のコマンドを実行してください。
ターミナル | Railsのバージョンを確認する
1
rails -v

「Ruby 2.7.5」には、まだRailsがインストールされていないので、コマンドを実行すると「bash: rails: command not found」と表示されるはずです。

Railsのバージョンを確認する

それでは、「Rails 6.1.3.1」をインストールしていきましょう。

3-3.Ruby on Railsをインストールしよう

次にバージョンを指定して、Railsのインストールをしましょう。

以下のコマンドを実行してください。
ターミナル | Rails 6.1.3.1をインストールする
1
gem install rails -v '6.1.3.1'

実行すると、Ruby on Railsのインストールが開始されます。
少し時間がかかるので待ちましょう。

Ruby on Railsのインストール

続いて、Railsのバージョンを確認するために以下のコマンドを実行しましょう。

以下のコマンドを実行してください。
ターミナル | Railsのバージョンを確認する
1
rails -v

画像のように「Rails 6.1.3.1」と表示されたら、インストールは完了となります。

Railsのバージョンを確認する

これでRuby on Railsの用意ができました。次へ進みましょう!

ぴかわかさん

4.Bundlerを用意しよう

Bundlerは、RVMで「Ruby 2.7.5」をインストールした際に入りますが、使用したいバージョンよりも低い可能性があります。

カリキュラムでは「Bundler 2.3.5」を使用するので、再度インストールしていきます。

Bundlerとは

Bundler

Bundlerは、Gemのバージョンや依存関係を管理します。

複数人で開発する際に、gemのバージョンが上がってもエラーを起こさずに開発することができます。

4-1.Bundlerのバージョンを確認しよう

まずは、Bundlerのバージョンを確認してみましょう。

以下のコマンドを実行してください。
ターミナル | Bundlerのバージョンを確認する
1
 bundle -v 

表示されたバージョンが「2.3.5」ではない方は、そのまま次に進みましょう。

Bundlerのバージョンを確認

すでに「Bundler 2.3.5」が入っている方は、「5.yarnを用意しよう」へ進みましょう。

4-2.Bundlerをインストールしよう

次にバージョンを指定して、Bundlerのインストールをしましょう。

以下のコマンドを実行してください。
ターミナル | bundler 2.3.5のバージョンをインストールする
1
gem install bundler -v 2.3.5

コマンドを実行すると、Bundlerのインストールが開始されます。

インストール完了

続いて、Bundlerのバージョンを確認するために以下のコマンドを実行しましょう。

以下のコマンドを実行してください。
ターミナル | Bundlerのバージョンを確認する
1
 bundle -v 

画像のように「Bundler version 2.3.5」と表示されたら、インストールは完了となります。

Bundlerのインストール完了

これでBundlerの用意ができました。次へ進みましょう!

ぴかわかさん

5.Yarnを用意しよう

開発に必要なソフトウェアがほとんど揃っているCloud9ですが、Yarnはデフォルトでインストールされていません。

カリキュラムに使用する「yarn 1.22.17」をインストールしていきましょう。

Yarnとは

yarn

Yarnとは、JavaScriptのパッケージマネージャー(ソフトウェアを一括で管理するシステム)のことです。

Rails6でwebpackerが標準になったことにより、yarnをインストールする必要があります。

5-1.Yarnのバージョンを確認しよう

まずは、Yarnのバージョンを確認してみましょう。

以下のコマンドを実行してください。
ターミナル | Yarnのバージョンを確認する
1
 yarn -v

Yarnはインストールされていないので、コマンドを実行すると「bash: yarn: command not found」と表示されるはずです。

Yarnのバージョンを確認する

それでは、「yarn 1.22.17」をインストールしていきましょう。

5-2.Yarnをインストールしよう

次にバージョンを指定して、Yarnのインストールをしましょう。

以下のコマンドを実行してください。
ターミナル | Yarnをバージョン指定してインストールする
1
npm install -g yarn@1.22.17

コマンドを実行すると、Yarnのインストールが開始されます。

Yarnをインストールする

続いて、Yarnのバージョンを確認するために以下のコマンドを実行しましょう。

以下のコマンドを実行してください。
ターミナル | Yarnのバージョンを確認する
1
 yarn -v

画像のように「1.22.17」と表示されたら、インストールは完了となります。

1.22.17のインストール完了

お疲れ様でした!これでRailsカリキュラムで使用するアプリケーションの事前準備は完了です

ぴかわかさん

さいごに

この章ではAWS Cloud9の環境にRuby on Railsの開発環境を整えることができました。これでいよいよアプリケーション開発を学ぶことができます。

この記事のまとめ

  • 開発環境の構築とは、開発に必要なソフトウェアを環境に導入し、Webアプリケーションを動かせるように設定していく作業のこと
  • AWS Cloud9には、開発に必要なソフトウェアがデフォルトで揃う
  • Cloud9でもバージョンの調整が必要