のぼるゲーム開発備忘録

ゲーム開発のプログラマーです。ゲーム開発関連、調べた内容をアップしていきます。Unityを使用して個人開発を行っています。

【Rails】【Windows】はじめてのWeb開発 Ruby on Rails 環境構築

f:id:ikeball:20201212075431p:plain

はじめに

Web開発はまったくの初心者でしたが、Ruby on Railsを勉強する機会を得ましたので備忘録として開発環境の構築方法をまとめています。Rubyもこれから勉強になります。

環境構築

必要なもの

Ruby言語

各プラットフォームごとに用意されたインストーラーからインストールする必要があります。

Rails

Rubyに用意されているプログラムの管理ツールからインストールします。

無くても良いもの

開発ツール

あった方が快適ですが、なくてもテキストエディタで開発は行えます。

Webサーバー

実際動かすならサーバーが必要だと感じましたが、Railsに動作チェックする用のサーバー機能が用意されているため、動かすだけであれば必要はありません。

Ruby言語の環境設定

Ruby言語のダウンロード

・下記サイトにアクセスします。

rubyinstaller.org

・Downloadを選択します。

f:id:ikeball:20201211214838p:plain

・【WITH DEVKIT】から選択してください。今回は最新バージョンである【Ruby+Devkit 2.7.2-1(x64)】を選択しました。

※私が使用しているPCは64bitですのでx64を選択しました。

 使用PCが32bitの場合はx86をご指定下さい。ここ最近のPCで特に意識されていない場合は64bit環境ではないでしょうか。

f:id:ikeball:20201211215159p:plain

Ruby言語のインストール

・ダウンロードした【Ruby+Devkit 2.7.2-1(x64)】を実行します。

最初にライセンス要項の確認が出てきますので確認したら【I accept the License】を選択し次へ。

f:id:ikeball:20201211215946p:plain

・インストール先を変更する場合は変更し、他はチェックの付いたまま進めます。

Add Ruby executables to your PATH

環境変数Rubyのパスを追加し、コマンドプロンプトから呼び出しし易くします。

Associate .rb and .rbw files with this Ruby installation

ファイル関連付けの設定。ルビー関連のファイルを起動した際にRubyが実行されるようにします。

Use UTF-8 as default external encoding.

ルビーでのデフォルト文字コードUTF-8にします。

f:id:ikeball:20201211220616p:plain

・そのままの設定で進めます。

f:id:ikeball:20201211221705p:plain

・しばらく待ちます。
f:id:ikeball:20201211221804p:plain

・Finishでインストール完了となります。

f:id:ikeball:20201211222055p:plain

この後コンソールが表示されますが、Enterで進めます。

私の場合2回押しました。

Railsのインストール

コマンドプロンプトを起動します。

f:id:ikeball:20201211224814p:plain

・下記コマンドを入力し実行します。実行するパスはどこでも構いません。

gemが管理するフォルダにインストールが行われます。

----------------------

gem install rails

----------------------

f:id:ikeball:20201211224856p:plain

・しばらくインストールが続くため、しばらく見守ります。

f:id:ikeball:20201211225252p:plain

・下記コマンドを実行してバージョンが表示されればインストールが完了しています。

----------------------

rails -v

----------------------

f:id:ikeball:20201211225408p:plain

開発ツールのインストール

テキストエディタでも開発は可能ですが開発ツールを使用することで開発が行いやすくなります。文字色の変更やコード入力のアシスト、複数ファイルの管理など様々な機能が用意されています。

Visual Studio Codeのダウンロード

ここでは無料で使用できるVisual Studio Codeを紹介させて頂きます。

・下記サイトにアクセスします。

azure.microsoft.com

・「今すぐダウンロード」を選択します。

f:id:ikeball:20201211231353p:plain

・「User Installer 64bit」を選択しました。PC環境に合わせて対象のものを変更してください。

f:id:ikeball:20201211232158p:plain

Visual Studio Codeのインストール

ダウンロードしたインストーラーを実行します。

・ライセンス条項を確認し進めます。

f:id:ikeball:20201211232448p:plain

・インストール先を変更する場合は変更し進めます。変更の必要がなければそのまま進めて問題ありません。

f:id:ikeball:20201211232740p:plain

・特に変更する理由もないため、そのまま進めます。

f:id:ikeball:20201211232846p:plain

・次も特にこだわりがなければ、そのまま進めます。

f:id:ikeball:20201211232953p:plain

・確認画面です。そのまま進めます。

f:id:ikeball:20201211233044p:plain

・インストール完了まで待ちます。

f:id:ikeball:20201211233109p:plain

・完了でインストールは終了となります。

f:id:ikeball:20201211233143p:plain

Visual Studio Codeの日本語化

Visual Studio Codeを立ち上げて

①□が並んでいるアイコンをクリックします。

②検索バーに「japanese」と入力します。

③Japanese Language Pack for Visual Studio Codeを選択します。

 ※画面に緑で示した領域は広げることができ、大きくするとアイコンが表示されます。

④Install をクリックしインストールします。

f:id:ikeball:20201211233919p:plain

Visual Studio Codeを再起動することで反映されます。

Install後に右下に表示されるRestart Nowをクリックすることでも再起動します。

f:id:ikeball:20201211234202p:plain

日本語化されました。

f:id:ikeball:20201211234246p:plain

おわりに

Railsの環境構築ができたので実際使用していきます!