IT技術にまつわる実験ノート

「長編を書くより、短編を数多く完成させてください。それが上達への近道です」 by 手塚治虫

simple_calendar を使ってみる

はじめに

 ここでは以下の記事を参考にして simple_calendar を使ってみることにする。

 

使ってみる

ざっくりとアプリを作成する。

  • rails new simple_calendar_sample
  • cd simple_calendar_sample

 

simple_calendar をインストールする。

  • echo 'gem "simple_calendar", "~> 2.0"' >> Gemfile
  • bundle

 

app/assets/stylesheets/application.css に simple_calendar 用の設定を追加する。

f:id:matt-note:20190428064551p:plain

 

サンプル用に Meeting モデルを作成する。

  • bin/rails g scaffold Meeting name start_time:datetime
  • bin/rails db:migrate

 

ビューで month_calendar メソッドを呼び出して、カレンダーを表示させる。

ここでは app/views/meetings/index.html.erb に以下のコードを追加する。

f:id:matt-note:20190428064834p:plain


サーバーを起動して、/meetings にアクセスする。

f:id:matt-note:20190428064956p:plain

-> カレンダーを表示できた。

 

イベントをカレンダーに表示させてみる

month_calendar メソッドに events オプションを追加する。

f:id:matt-note:20190428065548p:plain

 

イベントを作成する。

f:id:matt-note:20190428065613p:plain

 

イベントを作成して表示することができた。

f:id:matt-note:20190428065729p:plain