bbt 大学 ruby on rails 開発環境セットアップマニュアル

33
BBT 大大 Ruby on Rails 大大大大大大大大大大大大大大大 Windows 大 1.2

Upload: floramaria-catalina

Post on 01-Jan-2016

79 views

Category:

Documents


0 download

DESCRIPTION

BBT 大学 Ruby on Rails 開発環境セットアップマニュアル. Windows 版 1.2. このマニュアルについて. このドキュメントは BBT 大学「ウェブサイトデザイン応用」で利用する Rails 開発環境構築マニュアルです。 このドキュメントは Windows 向けです。 Mac 向けドキュメントは別途ダウンロードできます。. Ruby on Rails の インストール. Ruby プログラムの実行環境 RubyGems Ruby のライブラリ管理プログラム Ruby on Rails Web アプリケーションフレームワーク. - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: BBT 大学 Ruby on Rails 開発環境セットアップマニュアル

BBT大学Ruby on Rails開発環境セットアップマニュアル

Windows 版 1.2

Page 2: BBT 大学 Ruby on Rails 開発環境セットアップマニュアル

このマニュアルについて

• このドキュメントは BBT 大学「ウェブサイトデザイン応用」で利用する Rails 開発環境構築マニュアルです。– このドキュメントは Windows 向けです。 Mac 向けドキュメントは

別途ダウンロードできます。

Page 3: BBT 大学 Ruby on Rails 開発環境セットアップマニュアル

Ruby on Railsのインストール

• Ruby– プログラムの実行環境

• RubyGems– Ruby のライブラリ管理プログラム

• Ruby on Rails– Web アプリケーションフレームワーク

3

Ruby

RubyGems

Ruby on Railsなど

図:構成概念

Page 4: BBT 大学 Ruby on Rails 開発環境セットアップマニュアル

Aptana(統合開発環境 )のインストール

• Java– プログラムの実行環境

• Aptana– 統合開発環境

• テキストエディタ• サーバ起動 / 停止• 本番環境への設置

4

Java

Aptana

図:構成概念

Page 5: BBT 大学 Ruby on Rails 開発環境セットアップマニュアル

目次

• Ruby on Rails のインストール• Aptana( 統合開発環境 ) のインストール

– Java のインストール– Aptana Studio 3 のインストール– Aptana Studio 3 の起動– Rails プロジェクトの作成

Page 6: BBT 大学 Ruby on Rails 開発環境セットアップマニュアル

Ruby on Railsのインストール

Page 7: BBT 大学 Ruby on Rails 開発環境セットアップマニュアル

Railsのインストール( 1)

• 下記のサイトへアクセスして「 Windows Ruby 1.9 」をクリックし、ファイルをダウンロードする

• http://railsinstaller.org/

Page 8: BBT 大学 Ruby on Rails 開発環境セットアップマニュアル

Railsのインストール( 2)

• ファイルをデスクトップなどの適当な場所へ保存し、保存されたファイルを実行してインストールを進める

8

Page 9: BBT 大学 Ruby on Rails 開発環境セットアップマニュアル

Railsのインストール( 3)

• 「 Completeing the RailsInstaller 」という画面が表示されればインストール完了

9

Page 10: BBT 大学 Ruby on Rails 開発環境セットアップマニュアル

Railsのインストール( 4)

• Git というバージョン管理システムで利用する名前とメールアドレスを入力する必要があるので、それぞれアルファベットで入力して Enter を押します。

• 最後に、 exit と入力してウィンドウを閉じます。

10

Page 11: BBT 大学 Ruby on Rails 開発環境セットアップマニュアル

Railsのインストール( 5)

• コマンドプロンプトから以下のコマンドを入力してRails が利用できることを確認する

11

Page 12: BBT 大学 Ruby on Rails 開発環境セットアップマニュアル

Aptana Studio 3のインストール

Page 13: BBT 大学 Ruby on Rails 開発環境セットアップマニュアル

Javaの有無の確認

• コマンドプロンプトを開いて以下のコマンドを実行し、バージョン情報が表示され Java が利用できることを確認する– java -version

13

上記のように表示されなければ Javaのインストールを続けて行う

Page 14: BBT 大学 Ruby on Rails 開発環境セットアップマニュアル

Javaのインストール(1)

• Java がインストールされていなかった場合はブラウザで下記の URL を開く– http://java.com/ja/download/

14

Page 15: BBT 大学 Ruby on Rails 開発環境セットアップマニュアル

Javaのインストール(2)

• 「無料 Java のダウンロード」ボタン、「同意して無料ダウンロードを開始」ボタンをクリックすると、ダウンロードが開始されるためデスクトップなどの適当な場所へファイルを保存する

15

Page 16: BBT 大学 Ruby on Rails 開発環境セットアップマニュアル

Javaのインストール(3)

• ダウンロードしたファイルを実行してインストールを進める

16

Page 17: BBT 大学 Ruby on Rails 開発環境セットアップマニュアル

Javaのインストール(4)

• はじめに” Java の有無の確認”の手順で行った通り、コマンドプロンプトから以下のコマンドを入力してバージョン情報が表示され、 java が利用できることを確認する– java –version– 確認できなかった場合は、再起動をしてみる。

17

Page 18: BBT 大学 Ruby on Rails 開発環境セットアップマニュアル

Aptana Studio 3のインストール

• ファイルの編集を行うためのエディタとして統合開発環境( IDE )の Aptana Studio 3 をダウンロードする– http://www.aptana.com/products/studio3/download

Page 19: BBT 大学 Ruby on Rails 開発環境セットアップマニュアル

Aptana Studio 3のインストール(1)

• ダウンロードファイルを実行してインストールを進める

Page 20: BBT 大学 Ruby on Rails 開発環境セットアップマニュアル

Aptana Studio 3のインストール(2)

Page 21: BBT 大学 Ruby on Rails 開発環境セットアップマニュアル

Aptana Studio 3のインストール(3)

Page 22: BBT 大学 Ruby on Rails 開発環境セットアップマニュアル

Aptana Studio 3のインストール(4)

Page 23: BBT 大学 Ruby on Rails 開発環境セットアップマニュアル

Aptana Studio 3のインストール(5)

• Completed が表示されればインストール完了

Page 24: BBT 大学 Ruby on Rails 開発環境セットアップマニュアル

Aptana Studio 3の起動と終了

Page 25: BBT 大学 Ruby on Rails 開発環境セットアップマニュアル

Aptana Studio 3の起動

• スタートメニューから Aptana Studio 3 を起動する

Page 26: BBT 大学 Ruby on Rails 開発環境セットアップマニュアル

Aptana Studio 3の起動

• 以下のようなウィンドウが表示される。

Page 27: BBT 大学 Ruby on Rails 開発環境セットアップマニュアル

Railsプロジェクトの作成

Page 28: BBT 大学 Ruby on Rails 開発環境セットアップマニュアル

Railsプロジェクトの作成(1)

• File -> New -> Rails Project を選択する

Page 29: BBT 大学 Ruby on Rails 開発環境セットアップマニュアル

Railsプロジェクトの作成(2)

• Name に任意のプロジェクト名( testapp など ) を入力し Finish をクリックするとプロジェクトが作られる– 「 test 」は予約語なので利用出来ません

Page 30: BBT 大学 Ruby on Rails 開発環境セットアップマニュアル

Railsプロジェクトの作成( 3)

• 画面下部にあるターミナルへ以下のように入力してEnter を押します。cp -a bin script

Page 31: BBT 大学 Ruby on Rails 開発環境セットアップマニュアル

Railsプロジェクトの作成( 4)

• App Explorer のギアの形をしたアイコンから、 Run Server を選択して、サーバを起動する

Page 32: BBT 大学 Ruby on Rails 開発環境セットアップマニュアル

Railsプロジェクトの動作確認

• ブラウザで以下の URL にアクセスすると表示されRails アプリが動作していることがわかる– http://localhost:3000/

Page 33: BBT 大学 Ruby on Rails 開発環境セットアップマニュアル

Aptana Studio 3の終了

• File -> Exi tを選択して終了する