「Ruby on Rails」の版間の差分

提供: sha.ngri.la
移動先: 案内検索
(Bootstrap3)
(Bootstrap3)
336行目: 336行目:
 
(中略)
 
(中略)
 
> rails generate bootstrap:install less
 
> rails generate bootstrap:install less
 +
(略)
 +
$ rails g bootstrap:layout [LAYOUT_NAME] [*fixed or fluid]
 +
</pre>
 +
 +
例 fixedは1行、fluidは2行のことだと思う、、、
 +
<pre>
 +
$ rails g bootstrap:layout application fixed
 +
</pre>
 +
<pre>
 +
$ rails g bootstrap:themed [RESOURCE_NAME]
 +
</pre>
 +
 +
<pre>
 +
$ rails g bootstrap:themed interesteds
 
</pre>
 
</pre>
 
*[https://github.com/seyhunak/twitter-bootstrap-rails GitHub - seyhunak/twitter-bootstrap-rails: Twitter Bootstrap for Rails 5 - 4.x Asset Pipeline]
 
*[https://github.com/seyhunak/twitter-bootstrap-rails GitHub - seyhunak/twitter-bootstrap-rails: Twitter Bootstrap for Rails 5 - 4.x Asset Pipeline]

2017年5月3日 (水) 14:56時点における版


使えるようにするまでは、Mountain LionでRuby On Railsを使えるようにするまでのとおり。いまのところ、不具合なく動いています。

rbenv

$ git clone git://github.com/sstephenson/rbenv.git ~/.rbenv
$ git clone git://github.com/sstephenson/ruby-build.git ~/.rbenv/plugins/ruby-build

インストール

$ rbevn install -l
(インストール可能なバージョンが表示される)
$ rbenv install 2.1.1
$ rbenv rehash
$ rbenv versions
(インストール済みのバージョンが表示される)
$ rbenv global
(現在globalなバージョンが表示される)
$ rbenv 2.1.1
(インストールしたバージョンをglobalにする)
$ gem -i rbenv-rehash
(インストールしたり、削除した後にrbenv-rehashする必要があるのを自動的に行なってくれる。)

エラーが出たとき

rbenv install 2.1.1で次のようなエラーが出ました。

BUILD FAILED (CentOS release 6.5 (Final) using ruby-build 20140926)

Inspect or clean up the working tree at /tmp/ruby-build.20141008005426.27139
Results logged to /tmp/ruby-build.20141008005426.27139.log

Last 10 log lines:
                              rake 10.1.0
                              rdoc 4.1.0
                              test-unit 2.1.1.0
installing rdoc:              /home/tara.ttm/.rbenv/versions/2.1.1/share/ri/2.1.0/system
installing capi-docs:         /home/tara.ttm/.rbenv/versions/2.1.1/share/doc/ruby
The Ruby openssl extension was not compiled. Missing the OpenSSL lib?
Configure options used:
  --prefix=/home/tara.ttm/.rbenv/versions/2.1.1
  LDFLAGS=-L/home/tara.ttm/.rbenv/versions/2.1.1/lib 
  CPPFLAGS=-I/home/tara.ttm/.rbenv/versions/2.1.1/include 

OpenSSL libがないようなので、sudo yum install openssl-develでインストールして再度試すと、うまくいきました。

Ruby on RailsをVPSで動かす

アップグレード

$ cd ~/.rbenv
$ git pull origin master
$ cd ~/.rbenv/plugins/ruby-build
$ git pull origin master
$ rbenv install -l
$ rbenv install 2.1.1
$ rbenv versions
$ rbenv shell バージョン
$ gem install rails

Rails アプリケーションを作る

  1. アプリケーションを作る
    $ rails new [アプリケーション名] -d mysql
    
  2. scaffoldを生成
    $ rails g scaffold [モデル名単数形] [カラム名1]:[メソッド名1] [カラム名2]:[メソッド名2] .....
    

    $ rails g scaffold interested id:integer url:string title:string tag:string lastmodified:datetime
    

    データ型

    :primary_key
    :integer
    :float
    :string
    :text
    :datetime
    :timestamp
    :date
    :time
    :boolean
    :binary
    
  3. migrateファイルを編集
    class CreateImages < ActiveRecord::Migration
      def change
        create_table :images do |t|
          t.string :filename
          t.string :url
          t.text :memo
          t.integer :noshow
          t.binary :photo, :limit => 16777215
    
          t.timestamps
        end
      end
    end
    
  4. config/database.ymlを編集
  5. migrateを実行
    $ rake db:create
    $ rake db:migrate
    
  6. config/routes.rbを編集。上記のrails g scaffoldの例なら、
    InterestedIn::Application.routes.draw do
      resources :interesteds
    end
    

    InterestedIn::Application.routes.draw do
      resources :interesteds
      root :to =>"interesteds#index"
    end
    

    と変更する。

  7. Railsコマンドでgenerateしたのを取り消す。上記でgenerateした場合は、
    $ rails destroy scaffold interested
    
  8. 有効なルートを表示する
    $ rake routes
    

1対1の参照

Modelファイルの編集

例えば、interestedという名のモデルからbookmarkという名のモデルを参照する場合。

  1. app/models/interested.rb
class Interested < ActiveRecord::Base
  belongs_to :bookmark
end
  1. app/models/bookmark.rb
class Bookmark < ActiveRecord::Base
  has_one :interested
end

Controlファイルの編集

  1. app/controllers/interested.rb
def index
  @interesteds = Interested.order("id DESC").limit(10)
  @bookmarks = Bookmark
end

Viewファイルの例

  1. app/views/interesteds/index.html.erb
<%= link_to interested.bookmark.title, bookmark_path(interested.bookmark_id) %>

bookmarkモデル内にtitleがあるなら、interested.bookmark.titleで、参照する。

参照先のbookmarkへのパスは、bookmark_path(interested.bookmark_id)

リンクを作成する

link_to("表示する文字",url)

例えば、モデル名がinterestedでデータベースのカラム名がtitle、urlの場合(この認識で正しいのか?)、

link_to( interested.title ,interested.url) 

3番目の引数で<a>タグの属性も指定できる。

link_to( interested.title ,interested.url,{:target=>"_blank"})

パラメーターで変数を使うときには、#{変数名}と記載する。

<%= link_to '表示しない', "", :onclick => "noshow(#{image.id})" %>

turbo-link

リンク先でturbo-linkが機能しないようにする。

<%= link_to 'Back', members_path, :class=>"btn btn-default", 'data-no-turbolink'=>"true" %>

又は、

<%= link_to('Back', members_path, data: { no_turbolink: true } %>

development モードのときに404エラーのページなどを表示させる

developmentモードのときに存在しないurlを入力した時には、routing errorのページが表示されるのですが、404エラーのページを表示させる方法 config/environments/development.rbを次にように変更する。

config.consider_all_requests_local = true

config.consider_all_requests_local = false

に変更する。

カラムを追加する

  1. クラス名は AddFooToBarsとします。Fooは追加するカラム名Barsはテーブル名です。ここのFooはカラム名と違っても構いません。
  2. カラム名:データ型 の部分、カラム名は追加するカラム名、データ型はinteger,stringなどです。
rails g migration クラス名 カラム名:データ型( カラム名:データ型)
rails g migration AddFooToBars foo:integer
rake db:migrate

データの容量の指定

例えば、データ型のbinaryには、blob,mediumblob,longblobと三種類あるます。特に指定しないと、blobになります。容量を指定することで、mediumblobなどが自動的に設定されるようです。

class AddPhotoToImages < ActiveRecord::Migration
  def change
    add_column :images, :photo, :binary , :limit => 16777215
  end
end
rake db:migrate
した結果は次のとおりです。
+------------+--------------+------+-----+---------+----------------+
| Field      | Type         | Null | Key | Default | Extra          |
+------------+--------------+------+-----+---------+----------------+
| id         | int(11)      | NO   | PRI | NULL    | auto_increment |
(中略)
| photo      | mediumblob   | YES  |     | NULL    |                |
+------------+--------------+------+-----+---------+----------------+

カラムの削除

カラムを削除する場合には次のようにします。

rails g migration RemoveFooFromBars foo:string

Link

カラムの変更

カラムの型を変更

テーブル名logsのカラムtimeの型がtimeだったのをdatetimeに変更する場合。

rails g migration ChangeTypeTimeDatetime

ChangeTypeTimeDatetimeの部分は重複しないような名前であれば大丈夫だと思う。

Class AddIndexToUrl < ActiveRecord::Migration
  def change

  end
end

Class AddIndexToUrl < ActiveRecord::Migration
  def change
    change_column :logs, :time, :datetime
  end
end

インデックスの追加

テーブル名images、カラム名urlに、ユニークのインデックスを追加する。

rails g migration AddIndexToUrl

/db/migrate/************_add_index_to_url.rbを編集する。

Class AddIndexToUrl < ActiveRecord::Migration
  def change

  end
end

Class AddIndexToUrl < ActiveRecord::Migration
  def change
    add_index :images, :url, :unique => true
  end
end

インデックスだけを追加するのであれば、

Class AddIndexToUrl < ActiveRecord::Migration
  def change
    add_index :images, :url
  end
end

layouts/application.html.erb以外のレイアウトを使う

モデル名 article のshowのときだけ別のレイアウト(article_show.html.erb)を使いたかったので, controllers/articles_controller.rbの

def show
end

def show
	respond_to do |format|
		format.html { render :layout => "article_show"}
	end
end

に変更した。

routes.rb

lastdaysという名称のコントローラーのindexアクションをルートに指定する場合。

Rails.application.routes.draw do
  (中略)
  root 'lastdays#index'
  (中略)
end

Twitter Bootstrapを使う

Bootstrap3

Gemfile

gem "therubyracer"
gem "less-rails" #Sprockets (what Rails 3.1 uses for its asset pipeline) supports LESS
gem "twitter-bootstrap-rails"

を追加して、

> bundle install
(中略)
> rails generate bootstrap:install less
(略)
$ rails g bootstrap:layout [LAYOUT_NAME] [*fixed or fluid]

例 fixedは1行、fluidは2行のことだと思う、、、

$ rails g bootstrap:layout application fixed
$ rails g bootstrap:themed [RESOURCE_NAME]

$ rails g bootstrap:themed interesteds

ボタンを単独で使う。

      <%= button_tag "get size",:onclick => "getsize()" ,:class=>"btn btn-default" %>

form

f.select

f.select(プロパティ名, タグの情報 [, オプション])

(例)

f.select(:status, {"後で"=>"later","確認済み"=>"confirmed"}, {:include_blank => true, :selected => "#{member.status}"}, :class => "form-control" )

オプションがない場合は、

f.select(プロパティ名, タグの情報, {}, :class=>"form-control")

としないと、Bootstrapが適用されていない普通のselectが表示される。

Link

Bootstrap2

  1. Gemfileに追加
    gem "twitter-bootstrap-rails", :group => :assets
  2. Terminal
  3. $ bundle install
    (略)
    $ rails g bootstrap:install
    (略)
    $ rails g bootstrap:layout [LAYOUT_NAME] [*fixed or fluid]
    

    例 fixedは1行、fluidは2行のことだと思う、、、

    $ rails g bootstrap:layout application fixed
    
    $ rails g bootstrap:themed [RESOURCE_NAME]
    

    $ rails g bootstrap:themed interesteds
    
  4. 後始末 ナビバーがページと重なっているときは、 bootstrap_and_overrides.css.lessにpadding-top:60px;を追加して記載。
    body { padding-top:60px; }
    

will_paginateを使う

will_paginateをインストールしてから、bootstrap-will_paginateをインストールします。

<%= will_paginate @collection, renderer: BootstrapPagination::Rails %>と書くようにありますが、<%= will_paginate @collection %>のみで動作しました。

表示を整える

RSSフィードを実装する

Production モードで起動する

Link