Ruby On Rails - 開発環境構築（Windows）ー(0)

 

RubyOnRails 開発環境構築 （Windows）  - 日本語

 

入る前に..

私は現在IP住所が韓国になっておりますので時々韓国語が見える時があります。

日本のIP住所で開発環境構築を進んでも違いはないのでご安心ください。

 

RubyOnRailsの開発環境構築をする前に自分のパソコンのメモリーが十分なのか ご確認ください。

そして開発環境は、1人1人すべて異なりますので、できないことがあったらいつでもコメントしてください💪

コメントは写真とエラーを送付してください。

 

 

---

 

０．RubyOnRailsの開発環境構築

基本的に必要なプログラム項目

1. Rubyダウンロード
2. Railsダウンロード
3. Visual Studio Codeダウンロード

 

1．Rubyの開発環境構築方法－基本構築

　1）Rubyダウンロード

 

https://rubyinstaller.org/downloads/

Downloads

 

まず、 自分のパソコンの環境を知っておくべきです！（私はWindows11、64bitです）

Rubyダウンロードサイトに入って 自分の環境に合ったものを選択してダウンロードしてください。

 

（私はWindows11、64bitです）

 

ダウンロードが完了した場合Setup－Ruby画面が出ると上の（I accept the License）を選択し最後までNextをクリックしてください。

 

 

 

ダウンロードが終わったらFinish

 

Finishをクリックしたら下のような画面がでます。

ここでEnterを押してダウンロードを待ってください。

 

ダウンロードが終わるとこのプロンプト画面は自動に 消えます。

そして（Windowバトン　＋　R）を押して（cmd）を入力してください。

 

window + R -> cmd

 

ここでまた黒い命令プロンプト画面がでたら下のようにRubyのダウンロードを確認します。

 

ruby -v

 

ruby -v

gem list

 

この二つの命令を入力しRubyの バージョンとgemlistが出るか確認します。

 

！ railsおよびrubyコマンドが認識されない問題は、環境変数の経路設定が正しく行われていない場合に発生する一般的な問題もあります。 RubyおよびRailsが正しくインストールされても、システムがそのコマンドを見つけるためのPathを設定する必要があります。

 

Pathを再設定し上記の 2 つのコマンドを入力したときにエラーが発生した場合は、自分のコンピュータの スペックを確認し、再度ダウンロードする必要があります。

 

 

２）Railsのダウンロード

 

ここまで出来ましたら、同じ画面で（gem install rails --no-document )を入力してRailsをダウンロードしてください。

 

gem install rails --no-document

railsダウンロード

 

エラーが発生せずダウンロードが終わった場合は(　rails-v　)を入力してrailsがダウンしているか確認してください

 

rails -v

 

 

！ railsおよびrubyコマンドが認識されない問題は、環境変数の経路設定が正しく行われていない場合に発生する一般的な問題もあります。 RubyおよびRailsが正しくインストールされても、システムがそのコマンドを見つけるためのPathを設定する必要があります。

 

• RubyとRailsのインストールを確認
• 環境変数にRubyとRailsパスを追加
• 環境変数にRubyとRailsのインストールPathを追加する方法
  • 1) 環境変数の編集 : コンピューターの [システム プロパティ] > [高度なシステム設定] > [環境変数] に移動
  • 2) Path変数の編集 : [システム変数] セクションで、[Path] 変数を探し、[編集] をクリック
  • 3) Rubyのpath追加 : Rubyがインストールされているパスを追加します。
    • 例えば、C:\Ruby27-x64\bin
  • 4) OK クリック : 変更を保存し、すべてのウィンドウを閉じます。
  • 5) コマンド プロンプトまたはターミナルの再起動 : 変更が適用されるには、コマンド プロンプトまたはターミナルを再起動する必要があります。

 

 

ここまで出来ましたらRubyとRailsの環境構築が終わりました！！

続いてWindowsでRailsの開発をするためにIDEとしてVSCodeをダウンロードします。

 

---

 

　３）Visual Studio Codeダウンロード

 

https://code.visualstudio.com/download

Download Visual Studio Code - Mac, Linux, Windows

 

 

 

 

ライセンスに同意した後、すべてNextをクリックしてダウンロードを進めてください。

 

Visusal Situdio Code RunをクリックしFinish

 

VSCodeが実行されたら、以下のExtensionに入ってRubyを検索してinstallを進めてください。

 

 

Ruby Extension install

 

code Runnerもダウンロードしてください。

 

まず、Rails開発に必要なフォルダをCドライブに作ってください、その後作ったフォルダをオープンしてください。

 

3-1) VS Codeターミナルを開き

VS Codeを開き、上段メニューからView > Terminal を選択するか、Ctrl + 「(バックティック)」または「Ctrl + J` ショートカットキー」を使用してターミナルを開きます。

RubyとCodeRunnerをInstall完了し 一番上のファイル ボタンをクリックして初期画面に戻ります。

左上のTerminalに入って新しいターミナルウィンドウを実行させると、以下のようにTerminalウィンドウが実行されます。

 

 

3-2) ダウンロード確認

もう一度VSCodeのTerminalプロンプトで"rails-v"と"ruby-v"コマンドを入力してRubyとRailsのインストール可否を確認します。

 

 

3-3) Railsアプリケーションを作成

ターミナルから目的のディレクトリに移動した後、以下のコマンドで新しいRailsアプリケーションを作成します。

 

rails new "Railsフォルダ名"

作成したいフォルダ名を" "内に入力し、Terminalコマンドプロンプトに入力します。

 

 

画面のようにapp、bin、configなどが自動的に作られれば、開発環境の構築にほとんど終わりました。

 

3-4) 3. アプリケーションディレクトリに移動します

cd "作ったフォルダ名"

cdコマンドを介して作成されたフォルダ名に移動します。

 

 

3-5) Railsサーバースタート

rails s
or
rails start

rails s, rails startを入力し、以下のポート番号をインターネットブラウザアドレスバーに入力します。

(私はlocalhost:3000です)

 

自分のポート番号アドレスに入ってエラーが発生せずにRails画面が出たら成功です！

もうVSCodeでRailsアプリケーションを開発する準備ができました！

必要なgemをインストールし、モデルを作成、ビューとコントローラーを追加するなどの作業を進めることができます。

 

---

 

ここからは、より確実な確認をするためにindexファイルを作成してHellow Railsを作ってみましょう。

 

1. Controller 

rails generate controller "controller name"

私は　rails generate controller index　を作りました。

 

2. Routes

config/routes.rb

Rails.application.routes.draw do
  root 'welcome#index'
end

 

3. View

app/views/index/hello.html.erb

<h1>Hello, Rails!</h1>

 

rails s

rails s を入力し自分のlocal住所に入ると作った画面が見えます😊

 

 

 

---

参考 : Rails開発時に必要な他のプログラム

1. Node.js
2. Yarn
3. Git
4. Data Base
5. DevKit
6. など。。

 

 

ここまでRubyOnRailsの開発環境構築でした。

最後まで読んでいただきありがとうございます😊