【自分用】railsでhello, world!するまでの備忘録

# Railsインストールからhello, world!出力までのもくじ
1. rbenvを使ってRubyとRuby on Railsをインストール
※前提として、Command line tools をターミナルからインストール済
`xcode-select --install`
2. コードを編集するのに必要なテキストエディタをインストール
3. hello, world!を出力するだけの単純アプリの作成

## 1.rbenvを使ってRubyとRuby on Railsをインストール
### 1-1.Homebrewをインストール
```bash
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
```
*ターミナルのスクショ*
<img width="1251" alt="スクリーンショット 2019-05-23 14.14.50.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/133853/88829083-1628-5c39-5d5b-74e9cda28f92.png">


### 1-2.rbenvをインストール
##### まずはrbenvをインストール

```bash
brew update
brew install rbenv
```
*ターミナルのスクショ*
<img width="427" alt="スクリーンショット 2019-05-23 14.22.37.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/133853/251cea3a-e7b2-17b0-1f74-56d76fc68435.png">

##### rbenvのインストールが完了したら、rbenvにパスを通します

```bash
echo 'eval "$(rbenv init -)"' >> ~/.bash_profile
```

*ターミナルのスクショ*
<img width="944" alt="スクリーンショット 2019-05-23 14.40.38.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/133853/53ad5991-9433-e624-1cf2-6da131a64ede.png">

### 1-3.rbenvを使ってRubyをインストール
##### 下記コマンドでrbenvでインストール可能なRubyのバージョンを確認
```shell
rbenv install -l
```
*実際にコマンド打つとこんな感じ↓*
<img width="469" alt="スクリーンショット 2019-05-23 14.47.30.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/133853/ade31d6f-517f-4588-1cd8-3d8fbb11f778.png">
*※実際にはもっと表示されます*

現在の安定版を確認するなら[www.ruby-lang.org](https://www.ruby-lang.org/ja/downloads/)にアクセスすると良いです。
<img width="643" alt="スクリーンショット 2019-05-23 14.55.12.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/133853/fb82dff8-09bc-dfdf-4f05-7f91bc8d84f9.png">
※スクショは2019年5月23日時点での安定板なので最新の安定板は↑のリンクに実際にアクセスして確認してください。
##### 現在の安定板の確認をしたらrbenvを使ってRubyをインストール
```bash
rbenv install 2.6.3
```
*ターミナルのスクショ*
<img width="756" alt="スクリーンショット 2019-05-23 14.49.35.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/133853/e086e665-0581-9b92-a28b-9f78e669604b.png">

### 1-4.デフォルトのRubyを設定
```bash
rbenv global 2.6.3
```
*ターミナルのスクショ*
<img width="474" alt="スクリーンショット 2019-05-23 15.02.40.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/133853/f6133973-4a8c-ba07-4d69-651996a221fa.png">

### 1-5.Railsのインストール
```bash
gem install rails
```
*ターミナルのスクショ*
<img width="457" alt="スクリーンショット 2019-05-23 15.05.53.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/133853/52bff70e-1b0a-ddbd-e9a3-52fc379eb625.png">

## 2.コードを編集するのに必要なテキストエディタのインストール
##### Atomエディタ使ってる人多い印象なので[Atom.io](https://atom.io/)からダウンロード。

## 3.hello, world!を出力するだけの単純アプリの作成
### 3-1.プロジェクトで使うディレクトリ`environment`を作成
今回のプロジェクトで使うディレクトリ`environment`を作成し、environmentディレクトリに移動。

```bash
mkdir environment
cd environment
```

*ターミナルのスクショ*
<img width="459" alt="スクリーンショット 2019-05-23 16.15.01.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/133853/53603709-aea4-31fa-9a76-7f2675a8b360.png">
### 3-2.移動先のディレクトリ`environment`でアプリケーションの作成
下記コマンドの**\_5.1.6_**のところではrailsのバージョンを明示的に指定)。

```bash
rails _5.1.6_ new hello_app```
Traceback (most recent call last):
	2: from /Users/masaki-sakamoto/.rbenv/versions/2.6.3/bin/rails:23:in `<main>'
	1: from /Users/masaki-sakamoto/.rbenv/versions/2.6.3/lib/ruby/2.6.0/rubygems.rb:302:in `activate_bin_path'
/Users/masaki-sakamoto/.rbenv/versions/2.6.3/lib/ruby/2.6.0/rubygems.rb:283:in `find_spec_for_exe': can't find gem railties (= 5.1.6) with executable rails (Gem::GemNotFoundException)
```

コマンド実行したらGemNotFoundExceptionというエラーが発生しましたが、下記コマンドを実行したら解消され無事`hello_app`の作成完了。

```bash
gem install rails -v 5.1.6
```

### 3-3.rails sコマンドでhello, world!を出力
作成したhello_appのディレクトリに移動し、`rails s`コマンドを実行。

```bash
rails s
```
アプリケーションを表示するには、ローカルサーバーの場合[http://localhost:3000/](http://localhost:3000/)をブラウザで開きます。
※Ctrl+Cを押すとサーバーを終了できる
実際に開くとこんな感じ↓
*スクショ*
<img width="1034" alt="スクリーンショット 2019-05-23 17.21.18.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/133853/2d877f44-1feb-54d5-b6c5-a7b11176b8b0.png">

## 用語まとめ
後日追記予定

## 参照リンク
[Rails Girls インストール・レシピ](http://railsgirls.jp/install#setup_for_macos)
[最初のアプリケーション](https://railstutorial.jp/chapters/beginning?version=5.1#sec-the_hello_application)
[railsチュートリアルでのエラー](https://teratail.com/questions/80979)