「Ruby on Rails」の版間の差分
細 (→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
でインストールして再度試すと、うまくいきました。
アップグレード
$ 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 アプリケーションを作る
- アプリケーションを作る
$ rails new [アプリケーション名] -d mysql
- 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
- 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
- config/database.ymlを編集
- migrateを実行
$ rake db:create $ rake db:migrate
- 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
と変更する。
- Railsコマンドでgenerateしたのを取り消す。上記でgenerateした場合は、
$ rails destroy scaffold interested
- 有効なルートを表示する
$ rake routes
1対1の参照
Modelファイルの編集
例えば、interestedという名のモデルからbookmarkという名のモデルを参照する場合。
- app/models/interested.rb
class Interested < ActiveRecord::Base belongs_to :bookmark end
- app/models/bookmark.rb
class Bookmark < ActiveRecord::Base has_one :interested end
Controlファイルの編集
- app/controllers/interested.rb
def index @interesteds = Interested.order("id DESC").limit(10) @bookmarks = Bookmark end
Viewファイルの例
- 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
に変更する。
カラムを追加する
- クラス名は AddFooToBarsとします。Fooは追加するカラム名Barsはテーブル名です。ここのFooはカラム名と違っても構いません。
- カラム名:データ型 の部分、カラム名は追加するカラム名、データ型は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
- GitHub - seyhunak/twitter-bootstrap-rails: Twitter Bootstrap for Rails 5 - 4.x Asset Pipeline
- decioferreira/bootstrap-generators · GitHub
- benjamincanac/bootstrap3-rails · GitHub
- bootstrap3-rails | RubyGems.org | your community gem host
ボタンを単独で使う。
<%= 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
- Twitter Bootstrap
- seyhunak/twitter-bootstrap-rails · GitHub
- Twitter bootstrap on rails
- 続『5分でRails3アプリ』をやってみた - 『Twitter Bootstrap』で見た目をサクッと変えてみた - 牌語備忘録 - pygo
- #328 Twitter Bootstrap Basics - RailsCasts
- thomaspark/bootswatch · GitHub
Bootstrap2
- Gemfileに追加
gem "twitter-bootstrap-rails", :group => :assets
- Terminal
- 後始末
ナビバーがページと重なっているときは、
bootstrap_and_overrides.css.lessにpadding-top:60px;を追加して記載。
body { padding-top:60px; }
$ 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
will_paginateを使う
will_paginateをインストールしてから、bootstrap-will_paginateをインストールします。
<%= will_paginate @collection, renderer: BootstrapPagination::Rails %>
と書くようにありますが、<%= will_paginate @collection %>
のみで動作しました。
- mislav/will_paginate · GitHub
- yrgoldteeth/bootstrap-will_paginate · GitHub
- Home · mislav/will_paginate Wiki · GitHub
表示を整える
- 属性セレクタで、スタイルシートを柔軟に! [ホームページ作成 All About]
RSSフィードを実装する
Production モードで起動する
Link