質問編集履歴
1
ソースコード変更しました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -2,11 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
初めて作るアプリとして現在Fullcalendarを利用して、簡単な日記投稿アプリを制作しています。
|
|
4
4
|
|
|
5
|
-
カレンダーの日付ボックスをクリックからモーダルを呼び出しデータベースであるFirebaseにデータを登録できるところまで実装
|
|
5
|
+
カレンダーの日付ボックスをクリックからモーダルを呼び出しデータベースであるFirebaseにデータを登録できるところまで実装できています。(登録データはFirebase上で登録確認済)
|
|
6
6
|
|
|
7
|
-
実現したいことは、登録されたデータをカレンダー上でタイトル部分を表示させたいのですが、取得時にエラーが発生しました。
|
|
8
|
-
|
|
9
|
-
|
|
7
|
+
実現したいことは、データベースに入っているデータをカレンダー上にイベント表示としてタイトルをもってきて表示をさせたいです。。
|
|
10
8
|
|
|
11
9
|
ご教授いただけましたら幸いです。
|
|
12
10
|
|
|
@@ -24,11 +22,27 @@
|
|
|
24
22
|
|
|
25
23
|
エラーメッセージ
|
|
26
24
|
|
|
27
|
-
|
|
25
|
+
subscribe.ts:233 TypeError: r.replace is not a function
|
|
28
26
|
|
|
27
|
+
at o.child (validation.ts:399)
|
|
29
28
|
|
|
29
|
+
at t.ref (Database.ts:85)
|
|
30
30
|
|
|
31
|
+
at url (calendar.js:7)
|
|
32
|
+
|
|
33
|
+
at lo (main.min.js:6)
|
|
34
|
+
|
|
31
|
-
main.min.js:6
|
|
35
|
+
at Object.fetch (main.min.js:6)
|
|
36
|
+
|
|
37
|
+
at oi (main.min.js:6)
|
|
38
|
+
|
|
39
|
+
at ri (main.min.js:6)
|
|
40
|
+
|
|
41
|
+
at ni (main.min.js:6)
|
|
42
|
+
|
|
43
|
+
at ti (main.min.js:6)
|
|
44
|
+
|
|
45
|
+
at Jo (main.min.js:6)
|
|
32
46
|
|
|
33
47
|
|
|
34
48
|
|
|
@@ -42,11 +56,29 @@
|
|
|
42
56
|
|
|
43
57
|
```javascript
|
|
44
58
|
|
|
45
|
-
//カレンダー表示
|
|
46
|
-
|
|
47
59
|
const resetCalendarView = () => {
|
|
48
60
|
|
|
49
61
|
const calendarEl = document.getElementById('calendar');
|
|
62
|
+
|
|
63
|
+
//Firebaseのdatabaseからdiaryディレクトリを探してurlを取得する
|
|
64
|
+
|
|
65
|
+
const url = (diary) => {
|
|
66
|
+
|
|
67
|
+
firebase
|
|
68
|
+
|
|
69
|
+
.database()
|
|
70
|
+
|
|
71
|
+
.ref(diary)
|
|
72
|
+
|
|
73
|
+
.getDownloadURL()
|
|
74
|
+
|
|
75
|
+
.catch((error) => {
|
|
76
|
+
|
|
77
|
+
console.error('取得失敗:', error);
|
|
78
|
+
|
|
79
|
+
});
|
|
80
|
+
|
|
81
|
+
};
|
|
50
82
|
|
|
51
83
|
const calendar = new FullCalendar.Calendar(calendarEl, {
|
|
52
84
|
|
|
@@ -60,13 +92,15 @@
|
|
|
60
92
|
|
|
61
93
|
},
|
|
62
94
|
|
|
63
|
-
events:
|
|
95
|
+
events:url, //ここでdatabaseのurlをイベントとして表示させる
|
|
64
96
|
|
|
65
97
|
});
|
|
66
98
|
|
|
67
99
|
calendar.render();
|
|
68
100
|
|
|
69
101
|
};
|
|
102
|
+
|
|
103
|
+
|
|
70
104
|
|
|
71
105
|
|
|
72
106
|
|
|
@@ -78,9 +112,11 @@
|
|
|
78
112
|
|
|
79
113
|
|
|
80
114
|
|
|
81
|
-
|
|
115
|
+
Firebaseメソッドで該当部分のurlを取得し、url変数にいれそれをeventsで表示させればできると思ったのですが、うまくいきませんでした。
|
|
82
116
|
|
|
117
|
+
eventsについて公式ドキュメント、Qiitaなどの参考になるものをしらべましたが、firebaseを使用している例があまりなくurlプロパティについて/myfeed.phpの表記は多々見かけるのですが、下記画像内のurlを直接書いてもダメでした。
|
|
118
|
+
|
|
83
|
-
ま
|
|
119
|
+
初歩的な質問だとはおもいますが、教えていただければと思います。よろしくお願いします。
|
|
84
120
|
|
|
85
121
|
|
|
86
122
|
|
|
@@ -88,6 +124,6 @@
|
|
|
88
124
|
|
|
89
125
|
|
|
90
126
|
|
|
91
|
-
|
|
127
|
+
databaseのツリー状態です。
|
|
92
128
|
|
|
93
129
|
|