Ruby on Railsの環境構築

はじめに
--
初投稿になります。
この記事はスキルアップを目的とした活動の記録です。
今回はRuby on Railsの環境構築を行います。

１．今回やること
--
今回は以下の順序でRailsを入れていきます。

①Ruby
②SQLite
③Node.js
④Yarn
⑤Rails

公式ガイドを見るとRuby上でRailsを動かすには②～④が必要らしいのでこの順番で構成しています。

２．Ruby本体のインストール
--
Rubyの公式サイトにインストール方法がいくつか紹介されていました。
(https://www.ruby-lang.org/ja/downloads/)

一般的に使用されることの多いOS(LinuxやMacOS,Windows等)はインストール方法が提供されているようです。
今回はWindows10向けに提供されている「RubyInstaller」( https://rubyinstaller.org/ )を利用する事にしました。
ダウンロードボタンをクリックするとダウンロードページに遷移するのでこちらからRubyを導入していきます。
<img width="500" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1600683/bec1bbe7-21cf-56f5-5600-43c0d2915480.png">


公式のダウンロードページに2021/06/05時点で「安定版は 3.0.1です。」との記述があるためこの言葉を信用してダウンロード開始。
<img width="500" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1600683/ac9397cc-fb27-c1ac-8c88-b2f2a1a607f2.png">

ダウンロードが完了したら実行して特にこだわりがなければ指示通り次々進めて大丈夫そうです。
<img width="500" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1600683/9869686f-6159-1380-d2d8-d5e1d170c185.png">
<img width="500" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1600683/519c1408-1390-8e9c-84bd-af20affe2597.png">
<img width="500" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1600683/82f27e67-898e-0767-251e-d5755b504ab9.png">
<img width="500" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1600683/cfcae50e-9f1f-aacb-0a32-a6f9a75811e7.png">
<img width="500" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1600683/dbbd798e-b1ef-c3c9-7a56-a1da3997b9a9.png">

４.MSYS2のインストール
--
「2.Ruby本体のインストール」を手順通りに終わらせると、MSYS2というやつのインストールが始まりました。

こいつはWindowsでUNIX等のシェルを使えるようにするための物だそうです。

何も入力せずにエンターを押します。
<img width="500" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1600683/dc669d1e-2989-931e-5b25-0540a6dba25f.png">
<img width="500" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1600683/45576683-348e-6814-802e-b757b0af8531.png">

なんか警告とかいっぱい出てくるけど成功してるのでよさそう？
知識は後からついてくると信じて次に行きます。

５．初めてのRuby
--
インストール時に環境変数が設定されているためコマンドプロンプトで「ruby」が使えるようになっているので、次のコマンドでバージョンを確認する。

```
$ruby -v
```

```
ruby 3.0.1p64 (2021-04-05 revision 0fb782ee38) [x64-mingw32]
```
このように表示がされればOK

次はハローワールド
任意の場所にファイルを作成して次のコードを入力する

```ruby:helloworld.rb
print "Hello World"
```

作成したファイルをコマンドプロンプトで指定して実行
今回はCドライブ直下とします。

```
$ruby C:\helloworld.rb
```

```
Hello World
```

Hello Worldが出力されれば成功です。

６．SQLite3のインストール
--
RailsでSQLite3を使用するには、SQLite3本体とDLLファイルが必要なようです。
本体については次のgemコマンドを使ってインストールします。

```
$gem install sqlite3
```

```
1 gem installed
```

という表示が出れば正常に完了。

次にDLLファイルのダウンロード

SQLite3のダウンロードサイト(https://www.sqlite.org/download.html )から「sqlite-dll-win65-x64-3350500.zip」をダウンロード

<img width="500" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1600683/672c628d-a104-c854-94fc-5de2389c57ed.png">

ダウンロードした物を展開して、中身に入っているdllファイルをRubyのbinフォルダの中に移動します。


<img width="500" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1600683/613c1b9a-c008-343b-de5b-262ac2e5c1d8.png">
↓↓↓上のファイルを下のフォルダに移動
<img width="500" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1600683/c4216585-7f18-a46f-601e-8a7a6c1571e8.png">


これでOKだそう・・・いまいちわかってない・・・

７．Node.jsインストール
--
次はNode.jsをインストール
nodejsのサイト( https://nodejs.org/ja/ )から推奨版をダウンロード。

<img width="500" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1600683/3ce0d20e-5a91-c377-50ce-5f1ee6176295.png">

ダウンロードしたインストーラーを実行して指示通りに進めていく。
<img width="500" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1600683/fcd543c4-b539-64c0-4eb7-fecf17df0c31.png">

ダウンロードが完了したら次のコマンドでバージョンを確認する

```
$node -v
```

バージョン情報が出てきたらOK！

８．Yarnのインストール
--
次はYarnのインストール
YarnはNode.jsのパッケージ管理らしい。
npmとの違いがよく分からないが、とりあえず必要らしいのでインストールします。

node.jsをインストールしたときにnpmコマンドが使用できるようになっているので以下のコマンドを実行

```
$npm install --global yarn
```
インストール後に以下コマンドで恒例のバージョン確認をする

```
$yarn -v
```

```
1.22.10
```
良い感じ！

９．Ruby on Railsのインストール
--
Ruby on Railsのインストールにはgemコマンドを使用します。
このgemコマンドとは、Rubyのパッケージ管理をするためのものです。
バージョン云々がありますが、とりあえず動けばよいので最新版をダウンロードします。
以下のコマンドを実行。

```
$gem install rails
```
インストールが始まります。
完了後に正常にインストール出来ているか確認するためにバージョン確認コマンドを実行する。

```
$rails -v
```

```
Rails 6.1.3.2
```

バージョン情報が出ていればOK

１０．Railsサーバー起動
--
これでいよいよ最後です。
サーバー起動のために任意の場所にアプリケーションの作成をしましす。
今回はCドライブ直下にします。

```
$cd /
$rails new sample
```

意外と長かった。
successfully installedという表示が出ていれば正常に作れています。

次にサーバーの起動です。作成したアプリケーションまで移動して、以下のコマンドを実行

```
$cd C:\sample
$rails s
```
しばらくすると、

```
Listening on http://127.0.0.1:3000
```

という表示が出るのでこのアドレスにブラウザでアクセスします。

<img width="500" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1600683/03f5556d-e4be-25a5-4450-102fd9af0139.png">

この画面が出たら正常にサーバーが起動できているようです。

今後はRailsを使ったWebアプリケーションの開発に関する投稿をしていきたいと思います。