BBT 大学 Ruby on Rails 開発環境セットアップマニュアル Mac 版 1.1 最終更新日： 2013/1/5.

Presentation on theme: "BBT 大学 Ruby on Rails 開発環境セットアップマニュアル Mac 版 1.1 最終更新日： 2013/1/5."— Presentation transcript:

1 BBT 大学 Ruby on Rails 開発環境セットアップマニュアル Mac 版 1.1 最終更新日： 2013/1/5

2 このマニュアルについて このドキュメントは BBT 大学「ウェブサイトデ ザイン応用」で利用する Rails 開発環境構築マニ ュアルです。 – このドキュメントは Mac 向けです。 Windows 向けドキュメント は別途ダウンロードできます。

3 Ruby on Rails のインストール Ruby – プログラムの実行環境 RubyGems –Ruby のライブラリ管理プログラム Ruby on Rails –Web アプリケーションフレームワーク 3 Ruby RubyGems Ruby on Rails など 図：構成概念

4 Aptana( 統合開発環境 ) のインストール Java – プログラムの実行環境 Aptana – 統合開発環境 テキストエディタ サーバ起動 / 停止 本番環境への設置 4 Java Aptana 図：構成概念

5 目次 必要なソフトウェアのインストール –Xcode のインストール –Command Line Tools のインストール Ruby on Rails のインストール Aptana( 統合開発環境 ) のインストール –Java のインストール –Aptana Studio 3 のインストール –Aptana Studio 3 の起動 –Rails プロジェクトの作成

6 必要なソフトウェアのインストール

7 Xcode のインストール（１） まず、 Spotlight などから App Store を開き、右上 の検索ボックスから Xcode を検索する 7 ”xcode” と入力して検索 ↓

8 Xcode のインストール（２） 検索結果の Xcode をクリックし、 Xcode のアプ リ詳細画面を開く 8

9 Xcode のインストール（３） 「無料」 → 「 App をインストール」をクリック してインストールを進める – 「インストール済み」になれば Xcode のインストールは完了 9

10 Xcode のインストール（ 4 ） 利用している OS が古くて、インストール出来な い場合は、 Developer Center からダウンロード –https://developer.apple.com/downloads/index.actionhttps://developer.apple.com/downloads/index.action を開き、 Apple ID を入力してログインする。 左上の検索ボックスに「 xcode 」と入力し、自分の使っている OS に対応する xcode をダウンロードし、インストールする。 対応するバージョン一覧： OS X v10.3 (Version 1.x), OS X v10.4 (Version 2.x), OS X v10.5 (Version 3.1), OS X v10.6 (Version 3.2), OS X v10.7 (Version 4.x), OS X v10.8 (Version 4.4) 10

11 Command Line Tools のインストール（１） インストールされた Xcode を開いて、 Preferences... をクリック、次に Downloads を クリックする 11

12 Command Line Tools のインストール（２） “Command Line Tools” の行の Install ボタンをク リックし、 Installed になるまで待つ 12

13 Ruby のインストール

14 Mac には既にインストールされているので、 念のためインストールされているかを確認する ターミナルを起動する ruby –v とコマンドを入力し最後に Enter キーを押す –Ruby のバージョンが表示されればインストールされている

15 Rails のインストール

16 Rails はすでにインストールされているが、バー ジョンが古いため最新バージョンへアップデー トする – 長時間かかるので電源やネットワークが切れない状態で行う –Gem というパッケージ管理システムを更新してから rails のパッ ケージを更新する 1.sudo gem update --system – 自分のログインパスワードを入力する 2.sudo gem update

17 Rails のインストール確認 以下のコマンドを入力し、 rails のバージョンが 3.0.9 以上になってい るかを確認する gem list rails

18 Aptana Studio 3 のインストール

19 Java の有無の確認 Spotlight などからターミナルを開いて以下のコ マンドを実行し、バージョン情報が表示され Java が利用できることを確認する –java -version 19 上記のように表示されなければ Java のインストールを続けて行 う

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

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

22 Java のインストール（３） ダウンロードしたファイルを実行してインスト ールを進める 22 ※さらにアイコンをダブルクリックする

23 Java のインストール（４） ダウンロードしたファイルを実行してインスト ールを進め、右側の画面が表示されればインス トールは完了 23

24 Java のインストール（５） はじめに ”Java の有無の確認 ” の手順で行った通 り、ターミナルから以下のコマンドを実行し、 バージョン情報が表示され、 java が利用できる ことを確認する –java –version 24

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

26 Aptana Studio 3 のインストール ダウンロードしたファイルを解凍して開いてイ ンストールする – アプリケーションフォルダへドラッグアンドドロップする

27 Aptana Studio 3 の起動 AptanaStudio3 を起動する

28 Aptana Studio 3 の起動 以下のようなウィンドウが表示される

29 Rails プロジェクトの作成

30 Rails プロジェクトの作成（１） File -> New -> Rails Project を選択する

31 Rails プロジェクトの作成（２） Name にプロジェクト名を入力し、 Finish をクリ ックするとプロジェクトが作成される

32 Rails プロジェクトの作成（３） App Explorer のギアの形をしたアイコンから、 Run Server を選択して、サーバを起動する

33 Rails プロジェクトの動作確認 ブラウザで以下の URL にアクセスし、 「 Welcome aboard 」と表示されると Rails が正 常に動作していることが確認でき、セットアッ プは完了。 –http://localhost:3000/http://localhost:3000/

34 Aptana Studio 3 の終了 メニューから終了する