Ruby on Railsの開発環境手順(Windows10、バージョン6)

始めに参考にしたもの
・Rubyの環境構築
https://prog-8.com/docs/ruby-env-win
・Railsの環境構築
https://prog-8.com/docs/rails-env-win

<h2>必要なもの</h2>
<ul>
<li>Ruby</li>
<li>SQLite3</li>
<li>Node.js</li>
<li>Yarn</li>
</ul>

<h2>Rubyのインストール</h2>
<a href="https://rubyinstaller.org/downloads/">Ruby公式</a>から推薦バージョンをインストール
推奨バージョン「=>」つきのもの
今回はこれ「=>Ruby+Devkit 2.7.3-1 (x64)」
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1482293/897258cb-28d3-dcf8-6342-5b57ea9486ac.png)

バージョン確認
<code>ruby -v</code>
バージョンが表示されればOK
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1482293/05f0d31b-407e-c66a-90f3-9603ce3f23a3.png)


<h2>SQLite3のインストール</h2>
<a href="https://sqlite.org/index.html">SQLite公式</a>からインストール
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1482293/a4d46fc0-7cda-f452-9105-6fbe8f3560f7.png)
DownloadからSQLite Download Pageへ移動し
「Precompiled Binaries for Windows」下
自分のPCのbitに合わせて「SQLite version 3.35.5.」をダウンロード
※今回は64bit
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1482293/87567dee-fa1e-5e62-9aa4-b5ebda989e58.png)

「sqlite-tools-win32-x86-3350500.zip」もダウンロード
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1482293/918b9002-7b10-e7b3-5eb4-e62e994f27f2.png)

展開し「sqlite3.dll」「sqlite3.exe」を「C:\Ruby27-x64\bin」へ配置
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1482293/f9f3719c-9828-34eb-6a43-3dce625081cb.png)

<h2>Ruby on Railsのインストール</h2>
バージョンを指定してインストール
<code>gem install rails -v "5.2.3"</code>

エラー発生
<code>ERROR: Error installing rails:
ERROR: Failed to build gem native extension.</code>

色々試してみる
https://dannex.jp/rails%E3%82%A8%E3%83%A9%E3%83%BC%E3%80%8Cerror-failed-to-build-gem-native-extension%E3%80%8D
https://commte.net/7162

やっぱり同じエラーになるので<a href="https://railsguides.jp/getting_started.html">Railsガイド</a>を参考にしバージョン指定なしで実行
<code>gem install rails</code>
インストールできた...

バージョン確認
<code>ruby -v</code>
バージョンが表示されればOK
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1482293/e22161ec-d5d2-bfd9-56aa-7192efc688de.png)

<h2>Node.jsのインストール</h2>
<a href="https://nodejs.org/ja/download/">Node.jsのサイト</a>からインストール
「Windows Installer」をクリックしダウンロード
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1482293/071481ef-5a88-193c-e033-8146959d9afb.png)

バージョン確認
<code>node --version</code>
バージョンが表示されればOK
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1482293/bd100c28-9d63-49dd-4f4f-8b560c9ed95e.png)

<h2>yarnのインストール</h2>
<code>npm install --global yarn</code>

バージョン確認
<code>yarn --version</code>
バージョンが表示されればOK
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1482293/0922866f-1acf-2cae-4fc5-66dd195843fc.png)

<h2>動作確認</h2>
アプリケーションを作成する
<code>rails new "アプリケーション名"</code>

my_appの作成
<code>rails new my_app</code>

C:\を確認
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1482293/8accebe1-39ee-2e0e-3674-63025ea767f3.png)

<h2>Railsサーバを立ちあげる</h2>
アプリケーションのディレクトリに移動
<code>cd my_app</code>
Railsサーバー起動
<code>rails s</code>

ブラウザでページにアクセス
localhost:3000
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1482293/b3803dc0-5b04-3027-196d-2868e0535146.png)

成功！

<h2>終了</h2>
<code>control + c</code>