【Rails応用講座 1】Ruby on Rails開... >
Cloud9でRails5.2の準備

 

このレッスンでは、開発環境であるCloud9にRailsをインストールしてアプリの作成を行い、アプリ開発の為の環境を構築します。また、Railsサーバーの起動・停止方法についても説明します。

 

吉田先生

Railsのインストール・サーバの起動や停止など、Cloud9で行うRailsアプリ制作の為に必要な基本を身につけましょう!

 

 

 

開発環境を作成する

最初に、environment(ワークスペース)というアプリの開発環境を作成してRailsをインストールします。

 

1.AWS Cloud9の場合は、Create environmentというボタンをクリックします。

environmentの設定に進みます。

 

 

2.environment(アプリ制作を行う作業場所)の設定を行います。

name(作業場所の名前)には「NewsableProject」Description(作業内容についての説明)には「ニュースを発信共有するサイトです」と入力します。

 

3.設定画面内の、Next stepをクリックします。

AWSの方では以下のような設定の画面が表示されますが、デフォルトの状態で大丈夫ですので、そのままNext stepをクリックしてください。


4.Create environmentというボタンをクリックします。

すると、ワークスペースが立ち上がります。

 

これで、Cloud9を使う準備はOKです。

Cloud9の使い方

ここではRailsが使えるようになるまでの流れを紹介しますので、Cloud9の詳しい使い方については触れません。別の記事がありますので、始めてエディタやターミナルを触るかという初級者の方は以下を御覧ください。

図解たっぷりRails入門 基礎編1【Cloud9入門】 https://skillhub.jp/courses/153

Railsをインストールする

次はいよいよRailsのインストールです。にRailsのインストールは、ターミナルにコマンドを入力して行います。Cloud9ではフォルダの作成や、文言の追加・削除などあらゆる指示にコマンドを使用します。

コマンドとはCloud9に対して「フォルダを作ってね」「削除してね」などの指示を伝える為の特別な呪文のようなものです。また、ターミナルとはコマンドを入力する場所です。Cloud9の画面のこの部分がターミナルです。

 

それではターミナルで以下コマンドを実行してRailsをインストールしましょう。このチュートリアルではRails 5.2.0というバージョンを使用します。

これからアプリを作成するにあたり、様々なコマンドが登場します。練習の為、コピー&ペーストせずに直接入力するようにしましょう。入力時、半角スペースの有無に注意してください。Cloud9はとても賢い反面、融通が利かないので半角スペースが抜けているだけで正しくコマンドを認識できずにエラーになってしまいます。

 

例えば、【$ gem install rails -v 5.2.0】のrailsの後ろの半角スペースがないだけでこのようにエラーになってしまいます。

 

ERRORという文字を見ると慌ててしまうと思いますが、大丈夫です。Cloud9から、「今のコマンドはどこかが間違っているよ」というメッセージとしてERRORが表示されているのです。もし、ERRORの文字が出た場合は落ち着いて、コマンドを再入力してください。

 

では、入力に注意してRailsのインストールを行ってみましょう。

1.【$ gem install rails -v 5.2.0】のコマンドを入力してEnterキーを押します。

すると、ズラズラっとターミナルに「今実行中の処理」が表示されます。

 

初めて見る人にとっては、「間違えたのではないか!?」と焦ってしまうような画面ですが、Cloud9へRailsのたくさんの機能がインストールされているという証なので、このような画面になっていれば成功です。

 

ちなみにコマンドを入力した後はEnterキー必ず押してください。コマンドの指示をEnterキーでCloud9に決定事項として伝えている、と考えておいてください。これによって、下記の処理が完了されます。

$ gem install rails -v 5.2.0

# Rails5.2がインストールされる
Successfully installed bundler-1.16.4
Fetching: sprockets-3.7.2.gem (100%)
Successfully installed sprockets-3.7.2
Fetching: sprockets-rails-3.2.1.gem (100%)
Successfully installed sprockets-rails-3.2.1
Fetching: rails-5.2.0.gem (100%)
Successfully installed rails-5.2.0
39 gems installed

 

ターミナルに 【ec2-user:~/environment $ 】と表示されていればすべての処理が完了している証拠です。すべてのインストールが完了したので、Cloud9が次の指示を待っている状態です。

 

2.Railsアプリの新規作成を以下コマンドで行います。

$ rails new newsable

このようにcreateという表示からズラズラっと処理が並んでいきます。

 

途中でInstallという表示でいったんターミナルの動きが止まると思いますが、インストール時は少し時間がかかるものなので焦らずにしばらく待ちましょう。全ての処理が完了するとターミナルの表示はこのようになります。

また、ターミナルに 【ec2-user:~/environment $ 】と表示されていますね。newsableというアプリの作成が完了したのでCloud9が次の指示を待っている状態です。

 

3.作成したアプリのディレクトリに移動しましょう。

これからnewsableアプリに機能を追加したり、様々な操作を行うのですが、newsableに対しての操作はnewsableのフォルダに入ってからでないと実行できません。

例えばこの図のA-1-1のフォルダの中身を操作したいとき、通常はまずAのフォルダをクリックして中身を見て、A-1のフォルダをクリックして中身を見て、A-1-1のフォルダをクリックして開くと思います。

 

同じように、Cloud9でも操作したいフォルダに移動してからコマンドで指示を出していきます。しかし、ターミナルではクリックは使えません。ですので、ターミナル上でどこかのフォルダを移動する時は $ cd というコマンドを使います。

cdとはchange directoryの略で、$ cd フォルダ名でフォルダをクリックして開くのと同じ操作になります。

 

# newsableに移動
$ cd newsable

ターミナルがこのような表示になっていれば、newsableのアプリに移動することに成功しています。

 

 

無料ビデオ講座のお知らせ

Skillhub [スキルハブ]では無料の動画講座を多数公開しています。他校だと数万円するような講座が無料で受講できます。

無料講座一覧を見る