TwitterBootstrapWithRails の履歴差分(No.3)

• 履歴一覧
• 現在との差分 を表示
• ソース を表示
• 履歴 を表示
• TwitterBootstrapWithRails へ行く。
  • 1 (2012-02-21 (火) 02:30:44)
  • 2 (2012-02-21 (火) 02:50:50)
  • 3 (2012-02-23 (木) 09:11:27)
  • 4 (2012-02-29 (水) 02:54:41)
  • 5 (2013-04-12 (金) 05:52:39)
  • 6 (2013-05-01 (水) 07:12:26)
  • 7 (2013-05-10 (金) 13:11:36)
  • 8 (2013-06-07 (金) 07:49:03)
  • 9 (2013-09-05 (木) 22:37:57)

• 追加された行はこの色です。
• 削除された行はこの色です。

&tag(TwitterBootstrapWithRails);
*目次 [#z420c285]
#contents
*参考情報 [#j95158de]
-[[seyhunak/twitter-bootstrap-rails - GitHub:https://github.com/seyhunak/twitter-bootstrap-rails]]…公式サイト
-[[twitter bootstrap railsを使ったら職が見つかり彼女も出来て背も3センチ伸びました。 - ppworks blog:http://ppworks.hatenablog.jp/entry/2012/02/19/033644]]

*サンプル [#dc4cbf5a]
-参考情報に従ってサンプルを作ってみる

**前提 [#g82cc92a]
-rvmをインストールしておく。
-ruby-1.9.3-p125をあらかじめインストールしておく。
 $ rvm install ruby-1.9.3-p125  
-MacPortsを使っている場合http.rbでSegmentation faultが発生するかもしれない([[Fixing a segmentation fault in Ruby 1.9.3:http://blog-jekyll.55minutes.com/2012/01/10/fixing-a-segmentation-fault-in-ruby-193/]])。その場合、つぎのようにインストールするとよいらしい。
 rvm install ruby-1.9.3 --with-openssl-dir=/opt/local --with-iconv-dir=/opt/local

**gemsetを作る [#e95bfd46]
-@の後に指定された部分が、gemsetの名前(この場合tbrsample)
 rvm --create 1.9.3-p125@tbrsample
-それを選択
 rvm gemset use tbrsample

**railsのインストール [#r03705f9]
-gemでrailsインストール
 gem install rails --no-ri --no-rdoc

**railsアプリを生成 [#g6cc4acc]
***アプリのひな形を作る [#l28d44f3]
-アプリ生成
 rails new tbrsample
-Gemfileを編集し以下を追加
 gem "twitter-bootstrap-rails"
-bundle installで必要なファイルをセットアップ。withoutを指定すればそこは除外される。
 bundle install --without=production

***Bootstrapを生成する [#j19c2be7]
-raisl gでファイルを生成する
 rails g bootstrap:install
-次のファイルが作られる
#pre{{
app/assets/javascripts/bootstrap.jp.coffee
app/assets/stylesheets/bootstrap.css.less
}}

***残り [#jcdc4ac7]
-レイアウトを変更。
 rails g bootstrap:layout application fixed( or fluid)
-コントローラーを生成する。
 rails g controller pages index
-app/views/pages/index.html.erbを編集。
#pre{{
<div class="hero-unit">
  <h1>Hello, よろしくな</h1>
</div>
}}

**サーバー起動 [#ead7492b]
-サーバーを起動する
 rails s 
-http://localhost:3000/pages/index にアクセス