質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.35%
Laravel

LaravelとはTaylor Otwellによって開発された、オープンソースなPHPフレームワークです。Laravelはシンプルで表現的なシンタックスを持ち合わせており、ウェブアプリケーション開発の手助けをしてくれます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Ajax

Ajaxとは、Webブラウザ内で搭載されているJavaScriptのHTTP通信機能を使って非同期通信を利用し、インターフェイスの構築などを行う技術の総称です。XMLドキュメントを指定したURLから読み込み、画面描画やユーザの操作などと並行してサーバと非同期に通信するWebアプリケーションを実現することができます。

Laravel 5

Laravel 5は、PHPフレームワークLaravelの最新バージョンで、2014年11月に発表予定です。ディレクトリ構造がが現行版より大幅に変更されるほか、メソッドインジェクションやFormRequestの利用が可能になります。

Q&A

0回答

1883閲覧

FullCalendarのイベントが表示されない(Laravel)

Kyosuke23

総合スコア1

Laravel

LaravelとはTaylor Otwellによって開発された、オープンソースなPHPフレームワークです。Laravelはシンプルで表現的なシンタックスを持ち合わせており、ウェブアプリケーション開発の手助けをしてくれます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Ajax

Ajaxとは、Webブラウザ内で搭載されているJavaScriptのHTTP通信機能を使って非同期通信を利用し、インターフェイスの構築などを行う技術の総称です。XMLドキュメントを指定したURLから読み込み、画面描画やユーザの操作などと並行してサーバと非同期に通信するWebアプリケーションを実現することができます。

Laravel 5

Laravel 5は、PHPフレームワークLaravelの最新バージョンで、2014年11月に発表予定です。ディレクトリ構造がが現行版より大幅に変更されるほか、メソッドインジェクションやFormRequestの利用が可能になります。

0グッド

0クリップ

投稿2020/07/13 23:50

状況

LaravelでFullcalendar Schedulerを使ったカレンダーページを作っており、PHPのコントローラからイベントデータを渡してもイベントのデータがカレンダーに反映されません。カレンダー自体は表示されるのですがイベントが表示されない、という状況で困っております。どうすればイベント情報をカレンダー上に表示できるでしょうか?
使用するビュー形式は1日のタイムラインをバーチカル表示する[resourceTimeGridDay]です。
PHP開発は未経験のため、至らないところもあるかもしれませんがよろしくお願いいたします。

イメージ説明
###エラーメッセージ
Chromeの開発者ツールで確認しても、該当のエラーは出ていません。ただローカル環境で作業しているので以下のメッセージだけは出力されています。

Error in event handler: Error: Failed to read the 'cssRules' property from 'CSSStyleSheet': Cannot access rules

該当のソースコード

PHP

1 public function setEvents(Request $request) 2 { 3 // イベントデータ作成 4 $newItem['id'] = '1'; 5 $newItem['resourceId'] = 'a'; 6 $newItem['title'] = 'test-title'; 7 $newItem['start'] = '2020-07-14T09:30:00'; 8 $newItem['end'] = '2020-07-14T12:30:00'; 9 $newArr[] = $newItem; 10 11 // データをJSON形式で返却 12 return response()->json($newArr); 13 }

Javascript

1// イベントデータ登録 2events: function(start, end, callback) { 3 setCalendarList(start, end, callback); 4},

Javascript

1// Ajaxでコントローラ起動 2function setCalendarList(start, end, callback) { 3 var events = []; 4 $.ajax({ 5 type: 'get', 6 dataType : "json", 7 url: '/schedule/calendar/setEvents', 8 data: { 9 "start": getNowYMD(), // 当日の日付を取得 10 "end" : getNextYMD(),// 翌日の日付を取得 11 }, 12 }).done(function(res) { 13 $.each(res, function(index, value) { 14 events.push({ 15 id: value['id'], 16 title: value['title'], 17 resourceId:value['resourceId'], 18 start: value['start'], 19 end: value['end'], 20 }); 21 }); 22 console.log(events); 23 callback(events); 24 }); 25 return; 26};

試したこと

JSのsetCalendarList()のdone句内でconsole.log()しているeventsは以下のように出力されていました。

イメージ説明

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問