Download - BBT 大学 Ruby on Rails 開発環境セットアップマニュアル
![Page 1: BBT 大学 Ruby on Rails 開発環境セットアップマニュアル](https://reader033.vdocuments.mx/reader033/viewer/2022061605/568130b8550346895d96d91a/html5/thumbnails/1.jpg)
BBT大学Ruby on Rails開発環境セットアップマニュアル
Windows 版 1.2
![Page 2: BBT 大学 Ruby on Rails 開発環境セットアップマニュアル](https://reader033.vdocuments.mx/reader033/viewer/2022061605/568130b8550346895d96d91a/html5/thumbnails/2.jpg)
このマニュアルについて
• このドキュメントは BBT 大学「ウェブサイトデザイン応用」で利用する Rails 開発環境構築マニュアルです。– このドキュメントは Windows 向けです。 Mac 向けドキュメントは
別途ダウンロードできます。
![Page 3: BBT 大学 Ruby on Rails 開発環境セットアップマニュアル](https://reader033.vdocuments.mx/reader033/viewer/2022061605/568130b8550346895d96d91a/html5/thumbnails/3.jpg)
Ruby on Railsのインストール
• Ruby– プログラムの実行環境
• RubyGems– Ruby のライブラリ管理プログラム
• Ruby on Rails– Web アプリケーションフレームワーク
3
Ruby
RubyGems
Ruby on Railsなど
図:構成概念
![Page 4: BBT 大学 Ruby on Rails 開発環境セットアップマニュアル](https://reader033.vdocuments.mx/reader033/viewer/2022061605/568130b8550346895d96d91a/html5/thumbnails/4.jpg)
Aptana(統合開発環境 )のインストール
• Java– プログラムの実行環境
• Aptana– 統合開発環境
• テキストエディタ• サーバ起動 / 停止• 本番環境への設置
4
Java
Aptana
図:構成概念
![Page 5: BBT 大学 Ruby on Rails 開発環境セットアップマニュアル](https://reader033.vdocuments.mx/reader033/viewer/2022061605/568130b8550346895d96d91a/html5/thumbnails/5.jpg)
目次
• Ruby on Rails のインストール• Aptana( 統合開発環境 ) のインストール
– Java のインストール– Aptana Studio 3 のインストール– Aptana Studio 3 の起動– Rails プロジェクトの作成
![Page 6: BBT 大学 Ruby on Rails 開発環境セットアップマニュアル](https://reader033.vdocuments.mx/reader033/viewer/2022061605/568130b8550346895d96d91a/html5/thumbnails/6.jpg)
Ruby on Railsのインストール
![Page 7: BBT 大学 Ruby on Rails 開発環境セットアップマニュアル](https://reader033.vdocuments.mx/reader033/viewer/2022061605/568130b8550346895d96d91a/html5/thumbnails/7.jpg)
Railsのインストール( 1)
• 下記のサイトへアクセスして「 Windows Ruby 1.9 」をクリックし、ファイルをダウンロードする
• http://railsinstaller.org/
![Page 8: BBT 大学 Ruby on Rails 開発環境セットアップマニュアル](https://reader033.vdocuments.mx/reader033/viewer/2022061605/568130b8550346895d96d91a/html5/thumbnails/8.jpg)
Railsのインストール( 2)
• ファイルをデスクトップなどの適当な場所へ保存し、保存されたファイルを実行してインストールを進める
8
![Page 9: BBT 大学 Ruby on Rails 開発環境セットアップマニュアル](https://reader033.vdocuments.mx/reader033/viewer/2022061605/568130b8550346895d96d91a/html5/thumbnails/9.jpg)
Railsのインストール( 3)
• 「 Completeing the RailsInstaller 」という画面が表示されればインストール完了
9
![Page 10: BBT 大学 Ruby on Rails 開発環境セットアップマニュアル](https://reader033.vdocuments.mx/reader033/viewer/2022061605/568130b8550346895d96d91a/html5/thumbnails/10.jpg)
Railsのインストール( 4)
• Git というバージョン管理システムで利用する名前とメールアドレスを入力する必要があるので、それぞれアルファベットで入力して Enter を押します。
• 最後に、 exit と入力してウィンドウを閉じます。
10
![Page 11: BBT 大学 Ruby on Rails 開発環境セットアップマニュアル](https://reader033.vdocuments.mx/reader033/viewer/2022061605/568130b8550346895d96d91a/html5/thumbnails/11.jpg)
Railsのインストール( 5)
• コマンドプロンプトから以下のコマンドを入力してRails が利用できることを確認する
11
![Page 12: BBT 大学 Ruby on Rails 開発環境セットアップマニュアル](https://reader033.vdocuments.mx/reader033/viewer/2022061605/568130b8550346895d96d91a/html5/thumbnails/12.jpg)
Aptana Studio 3のインストール
![Page 13: BBT 大学 Ruby on Rails 開発環境セットアップマニュアル](https://reader033.vdocuments.mx/reader033/viewer/2022061605/568130b8550346895d96d91a/html5/thumbnails/13.jpg)
Javaの有無の確認
• コマンドプロンプトを開いて以下のコマンドを実行し、バージョン情報が表示され Java が利用できることを確認する– java -version
13
上記のように表示されなければ Javaのインストールを続けて行う
![Page 14: BBT 大学 Ruby on Rails 開発環境セットアップマニュアル](https://reader033.vdocuments.mx/reader033/viewer/2022061605/568130b8550346895d96d91a/html5/thumbnails/14.jpg)
Javaのインストール(1)
• Java がインストールされていなかった場合はブラウザで下記の URL を開く– http://java.com/ja/download/
14
![Page 15: BBT 大学 Ruby on Rails 開発環境セットアップマニュアル](https://reader033.vdocuments.mx/reader033/viewer/2022061605/568130b8550346895d96d91a/html5/thumbnails/15.jpg)
Javaのインストール(2)
• 「無料 Java のダウンロード」ボタン、「同意して無料ダウンロードを開始」ボタンをクリックすると、ダウンロードが開始されるためデスクトップなどの適当な場所へファイルを保存する
15
![Page 16: BBT 大学 Ruby on Rails 開発環境セットアップマニュアル](https://reader033.vdocuments.mx/reader033/viewer/2022061605/568130b8550346895d96d91a/html5/thumbnails/16.jpg)
Javaのインストール(3)
• ダウンロードしたファイルを実行してインストールを進める
16
![Page 17: BBT 大学 Ruby on Rails 開発環境セットアップマニュアル](https://reader033.vdocuments.mx/reader033/viewer/2022061605/568130b8550346895d96d91a/html5/thumbnails/17.jpg)
Javaのインストール(4)
• はじめに” Java の有無の確認”の手順で行った通り、コマンドプロンプトから以下のコマンドを入力してバージョン情報が表示され、 java が利用できることを確認する– java –version– 確認できなかった場合は、再起動をしてみる。
17
![Page 18: BBT 大学 Ruby on Rails 開発環境セットアップマニュアル](https://reader033.vdocuments.mx/reader033/viewer/2022061605/568130b8550346895d96d91a/html5/thumbnails/18.jpg)
Aptana Studio 3のインストール
• ファイルの編集を行うためのエディタとして統合開発環境( IDE )の Aptana Studio 3 をダウンロードする– http://www.aptana.com/products/studio3/download
![Page 19: BBT 大学 Ruby on Rails 開発環境セットアップマニュアル](https://reader033.vdocuments.mx/reader033/viewer/2022061605/568130b8550346895d96d91a/html5/thumbnails/19.jpg)
Aptana Studio 3のインストール(1)
• ダウンロードファイルを実行してインストールを進める
![Page 20: BBT 大学 Ruby on Rails 開発環境セットアップマニュアル](https://reader033.vdocuments.mx/reader033/viewer/2022061605/568130b8550346895d96d91a/html5/thumbnails/20.jpg)
Aptana Studio 3のインストール(2)
![Page 21: BBT 大学 Ruby on Rails 開発環境セットアップマニュアル](https://reader033.vdocuments.mx/reader033/viewer/2022061605/568130b8550346895d96d91a/html5/thumbnails/21.jpg)
Aptana Studio 3のインストール(3)
![Page 22: BBT 大学 Ruby on Rails 開発環境セットアップマニュアル](https://reader033.vdocuments.mx/reader033/viewer/2022061605/568130b8550346895d96d91a/html5/thumbnails/22.jpg)
Aptana Studio 3のインストール(4)
![Page 23: BBT 大学 Ruby on Rails 開発環境セットアップマニュアル](https://reader033.vdocuments.mx/reader033/viewer/2022061605/568130b8550346895d96d91a/html5/thumbnails/23.jpg)
Aptana Studio 3のインストール(5)
• Completed が表示されればインストール完了
![Page 24: BBT 大学 Ruby on Rails 開発環境セットアップマニュアル](https://reader033.vdocuments.mx/reader033/viewer/2022061605/568130b8550346895d96d91a/html5/thumbnails/24.jpg)
Aptana Studio 3の起動と終了
![Page 25: BBT 大学 Ruby on Rails 開発環境セットアップマニュアル](https://reader033.vdocuments.mx/reader033/viewer/2022061605/568130b8550346895d96d91a/html5/thumbnails/25.jpg)
Aptana Studio 3の起動
• スタートメニューから Aptana Studio 3 を起動する
![Page 26: BBT 大学 Ruby on Rails 開発環境セットアップマニュアル](https://reader033.vdocuments.mx/reader033/viewer/2022061605/568130b8550346895d96d91a/html5/thumbnails/26.jpg)
Aptana Studio 3の起動
• 以下のようなウィンドウが表示される。
![Page 27: BBT 大学 Ruby on Rails 開発環境セットアップマニュアル](https://reader033.vdocuments.mx/reader033/viewer/2022061605/568130b8550346895d96d91a/html5/thumbnails/27.jpg)
Railsプロジェクトの作成
![Page 28: BBT 大学 Ruby on Rails 開発環境セットアップマニュアル](https://reader033.vdocuments.mx/reader033/viewer/2022061605/568130b8550346895d96d91a/html5/thumbnails/28.jpg)
Railsプロジェクトの作成(1)
• File -> New -> Rails Project を選択する
![Page 29: BBT 大学 Ruby on Rails 開発環境セットアップマニュアル](https://reader033.vdocuments.mx/reader033/viewer/2022061605/568130b8550346895d96d91a/html5/thumbnails/29.jpg)
Railsプロジェクトの作成(2)
• Name に任意のプロジェクト名( testapp など ) を入力し Finish をクリックするとプロジェクトが作られる– 「 test 」は予約語なので利用出来ません
![Page 30: BBT 大学 Ruby on Rails 開発環境セットアップマニュアル](https://reader033.vdocuments.mx/reader033/viewer/2022061605/568130b8550346895d96d91a/html5/thumbnails/30.jpg)
Railsプロジェクトの作成( 3)
• 画面下部にあるターミナルへ以下のように入力してEnter を押します。cp -a bin script
![Page 31: BBT 大学 Ruby on Rails 開発環境セットアップマニュアル](https://reader033.vdocuments.mx/reader033/viewer/2022061605/568130b8550346895d96d91a/html5/thumbnails/31.jpg)
Railsプロジェクトの作成( 4)
• App Explorer のギアの形をしたアイコンから、 Run Server を選択して、サーバを起動する
![Page 32: BBT 大学 Ruby on Rails 開発環境セットアップマニュアル](https://reader033.vdocuments.mx/reader033/viewer/2022061605/568130b8550346895d96d91a/html5/thumbnails/32.jpg)
Railsプロジェクトの動作確認
• ブラウザで以下の URL にアクセスすると表示されRails アプリが動作していることがわかる– http://localhost:3000/
![Page 33: BBT 大学 Ruby on Rails 開発環境セットアップマニュアル](https://reader033.vdocuments.mx/reader033/viewer/2022061605/568130b8550346895d96d91a/html5/thumbnails/33.jpg)
Aptana Studio 3の終了
• File -> Exi tを選択して終了する