contentRailsでFullCalendarを使って予定を表示するまでRailsカレンダーFullCalendar始めにRailsTutorialを終えてから自分でアプリを作ろうと思い、カレンダーを使う必要があったのでググりました。カレンダー機能はSimpleCalendarとかFullCalendarといったのが使われてるみたい。FullCalendarはjQueryのプラグインでその知識も多少ないと使いづらいと思いますが、ドキュメント見る限り色々できそうなのでとりあえず手を出してみました。今回はScaffoldを使って簡単なEventモデルを作って、とりあえずここまでできれば後は自由に使えそうかなーと思うところまでをメモっておきます。};});一つ目の関数ではFullCalendarの設定を読み込み、二つ目の関数ではFullCalendarを削除します。RailsにはTurbolinksというツールを使ってページ遷移を高速にさせています。この機能がないと、Turbolinksを使っているときにカレンダーが複数回表示されることが起きてしまいます。id="calendar"></div>と書き込むだけでカレンダーが表示されます。(が、まだこれではイベント表示機能を付けた時に上手く表示されないときがあります。この後改修していきます。)あとルーティングの設定も忘れずに!イベントを表示するFullcalendarにイベントの情報を表示するには、JSONファイルを使ってあげます。今回はscaffoldで簡単に作ります。db:migrateJSONを渡すために、Railsのjbuilderというものを使っていきます。scaffoldによってjson.jbuilderファイルが自動で作られています。"url":"some_address"}みたいなjsonファイルが作られ?、カレンダーが読み込めるデータになります。url項目があることで、カレンダーの予定にurlが埋め込まれ、クリックすると予定の詳細に飛ぶことができます。最後に、イベントを表示させるためにapp/assets/javascript/application.jsに次のコードを追加します。'/events.json'});最終的にapplication.jsはこうなってると思います。});});ちなみにルーティングは今こうなっています。'events#index'endこれで終わり!...ではありません。この状態でも動くは動くのですが、バグが残っています。以下で行う作業をしなくても、bodyタグにdata-turbolinks="false"属性を加えたら動作するようになりました。一応当時の対処法は残しておきます仮に、こんな状態で予定があったとします。ここからShowリンクをクリックして、ブラウザの戻るボタンを押すと、元のブラウザの画面に戻ります。このとき、TurbolinksによってjQueryが呼び出されないため、予定が表示されなくなってしまいます。turbolinksを消してしまえば解決なのですが、今回はturbolinksを残したままバグを直します。});});これで、ブラウザで戻るを利用しても予定が無事表示されるようになりました。カレンダーのオプションこれまでに作ったカレンダーが、↑にあったような写真のカレンダーと若干表示が違っているはずです。}内にオプションを加えることで、カレンダーのタイトルをYYYY年MM月のようにしたり、レイアウト、時間の表示を設定できます。参考として自分がざっと設定してみたものを置いておきます。});});設定できる内容はたくさんあるので詳しくはドキュメントを参照してください。今の所(2019年現在)備忘録として使ってます。UnityとRailsを学んでます。Arduinoとラズパイもたまに弄ります。UnityとArduinoで「Unityちゃんがころんだ!」っていうのを作りました。upLoginユーザーは見つかりませんでした。