気まぐれDeveloperブログ: Ruby On Rails アプリケーション作成 2

2013年12月30日月曜日

Ruby On Rails アプリケーション作成 2 - カレンダー表示 -

とりあえず・・カレンダーを表示してみる

完成イメージでは、初回表示画面にでーんとカレンダーが表示されていて、
今月の集計〜とかが表示されているイメージなので、カレンダーを表示してみる。

http://blog.scimpr.com/2013/01/25/rails3-2でgoogle-calendarライクなカレンダーを使う〜fullcalendar-rails/
上記サイトを参考にfullcalendar-railsなるものをインストール。

この中で出てくる「アセットパイプライン」曖昧だったので調査。
http://rails.hatenadiary.jp/entry/2013/03/03/125801

サイト内に書かれている
group :assets do
gem ‘fullcalendar-rails’
end
この部分。どうやらrails4からはgroup :assets do が無くなったらしい。
http://stackoverflow.com/questions/16406204/why-did-rails4-drop-support-for-assets-group-in-the-gemfile

本家サイトを参考にGemfileに以下を追加

gem 'fullcalendar-rails'

bundle installコマンドで、gem環境にインストール。
後は、application.js, application.cssともにfullcalendar-railsを読み込む様にサイトを参考に
追加。

表示してみる・・うまくカレンダーが表示されました。

⬇️最終的なstates.js.coffee
# Place all the behaviors and hooks related to the matching controller here.
# All this logic will automatically be available in application.js.
# You can use CoffeeScript in this file: http://coffeescript.org/
$ ->
$('#calendar').fullCalendar
header:
right: 'agendaDay agendaWeek month today prev next'
titleFormat:
month: 'yyyy年 MMMM'
monthNames: [
'１月'
'２月'
'３月'
'４月'
'５月'
'６月'
'７月'
'８月'
'９月'
'１０月'
'１１月'
'１２月'
]
dayNamesShort: [
'日'
'月'
'火'
'水'
'木'
'金'
'土'
]
buttonText:
today: '今日'
month: '月'
week: '週'
day: ‘日'

色々cssもそれっぽいものに変更。