質問編集履歴
6
実現したい具体的な説明
test
CHANGED
|
File without changes
|
test
CHANGED
|
File without changes
|
5
現在のコード実行時の画像の添付と具体的に改善したい点
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -18,137 +18,13 @@
|
|
|
18
18
|
|
|
19
19
|
### 該当のソースコード
|
|
20
20
|
|
|
21
|
-
html
|
|
22
21
|
|
|
23
|
-
<div>
|
|
24
|
-
|
|
25
|
-
<div class="header"><p>CHAT</p></div>
|
|
26
|
-
|
|
27
|
-
</div>
|
|
28
|
-
|
|
29
|
-
<div class="chat-area">
|
|
30
|
-
|
|
31
|
-
<div class="kakomi-maru">
|
|
32
|
-
|
|
33
|
-
<div>名前： <input type="text" id="uname">
|
|
34
|
-
|
|
35
|
-
</div>
|
|
36
|
-
|
|
37
|
-
<div>
|
|
38
|
-
|
|
39
|
-
<textarea id="text" cols="80%" rows="5"></textarea>
|
|
40
|
-
|
|
41
|
-
<button id="send">投稿する</button>
|
|
42
|
-
|
|
43
|
-
</div>
|
|
44
|
-
|
|
45
|
-
<div class id="chat-hukidashi">
|
|
46
|
-
|
|
47
|
-
<div id="output">
|
|
48
|
-
|
|
49
|
-
</div>
|
|
50
|
-
|
|
51
|
-
</div>
|
|
52
|
-
|
|
53
|
-
</div>
|
|
54
|
-
|
|
55
|
-
</div>
|
|
56
|
-
|
|
57
|
-
</div>
|
|
58
22
|
|
|
59
23
|
|
|
60
24
|
|
|
61
25
|
javascript
|
|
62
26
|
|
|
63
|
-
<script>
|
|
64
27
|
|
|
65
|
-
// Your web app's Firebase configuration
|
|
66
|
-
|
|
67
|
-
var firebaseConfig = {
|
|
68
|
-
|
|
69
|
-
apiKey: "AIzaSyA5FeZ5n53RhH029rB4oG7lXpGDkFKzuYg",
|
|
70
|
-
|
|
71
|
-
authDomain: "gsdemo-22f2a.firebaseapp.com",
|
|
72
|
-
|
|
73
|
-
databaseURL: "https://gsdemo-22f2a.firebaseio.com",
|
|
74
|
-
|
|
75
|
-
projectId: "gsdemo-22f2a",
|
|
76
|
-
|
|
77
|
-
storageBucket: "gsdemo-22f2a.appspot.com",
|
|
78
|
-
|
|
79
|
-
messagingSenderId: "830068457806",
|
|
80
|
-
|
|
81
|
-
appId: "1:830068457806:web:7860391950f4b1bec7de1f"
|
|
82
|
-
|
|
83
|
-
};
|
|
84
|
-
|
|
85
|
-
// Initialize Firebase
|
|
86
|
-
|
|
87
|
-
firebase.initializeApp(firebaseConfig);
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
const ref = firebase.database().ref();
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
//送信
|
|
98
|
-
|
|
99
|
-
$("#send").on("click", function(){
|
|
100
|
-
|
|
101
|
-
const uname = $("#uname").val();
|
|
102
|
-
|
|
103
|
-
const text = $("#text").val();
|
|
104
|
-
|
|
105
|
-
var now = new Date().getTime();
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
const msg = {
|
|
110
|
-
|
|
111
|
-
uname: uname,
|
|
112
|
-
|
|
113
|
-
text: text,
|
|
114
|
-
|
|
115
|
-
timestamp: now
|
|
116
|
-
|
|
117
|
-
};
|
|
118
|
-
|
|
119
|
-
ref.push(msg);
|
|
120
|
-
|
|
121
|
-
});
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
$("#text").on("keydown", function(e){
|
|
126
|
-
|
|
127
|
-
if(e.keyCode==13){
|
|
128
|
-
|
|
129
|
-
const uname = $("#uname").val();
|
|
130
|
-
|
|
131
|
-
const text = $("#text").val();
|
|
132
|
-
|
|
133
|
-
var now = new Date().getTime();
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
const msg = {
|
|
138
|
-
|
|
139
|
-
uname: uname,
|
|
140
|
-
|
|
141
|
-
text: text,
|
|
142
|
-
|
|
143
|
-
timestamp: now
|
|
144
|
-
|
|
145
|
-
};
|
|
146
|
-
|
|
147
|
-
ref.push(msg);
|
|
148
|
-
|
|
149
|
-
}
|
|
150
|
-
|
|
151
|
-
});
|
|
152
28
|
|
|
153
29
|
|
|
154
30
|
|
4
実現したい具体的な説明
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -18,22 +18,154 @@
|
|
|
18
18
|
|
|
19
19
|
### 該当のソースコード
|
|
20
20
|
|
|
21
|
+
html
|
|
22
|
+
|
|
23
|
+
<div>
|
|
24
|
+
|
|
25
|
+
<div class="header"><p>CHAT</p></div>
|
|
26
|
+
|
|
27
|
+
</div>
|
|
28
|
+
|
|
29
|
+
<div class="chat-area">
|
|
30
|
+
|
|
31
|
+
<div class="kakomi-maru">
|
|
32
|
+
|
|
33
|
+
<div>名前： <input type="text" id="uname">
|
|
34
|
+
|
|
35
|
+
</div>
|
|
36
|
+
|
|
37
|
+
<div>
|
|
38
|
+
|
|
39
|
+
<textarea id="text" cols="80%" rows="5"></textarea>
|
|
40
|
+
|
|
41
|
+
<button id="send">投稿する</button>
|
|
42
|
+
|
|
43
|
+
</div>
|
|
44
|
+
|
|
45
|
+
<div class id="chat-hukidashi">
|
|
46
|
+
|
|
47
|
+
<div id="output">
|
|
48
|
+
|
|
49
|
+
</div>
|
|
50
|
+
|
|
51
|
+
</div>
|
|
52
|
+
|
|
53
|
+
</div>
|
|
54
|
+
|
|
55
|
+
</div>
|
|
56
|
+
|
|
57
|
+
</div>
|
|
58
|
+
|
|
59
|
+
|
|
60
|
+
|
|
21
61
|
javascript
|
|
22
62
|
|
|
23
|
-
|
|
63
|
+
<script>
|
|
64
|
+
|
|
24
|
-
|
|
65
|
+
// Your web app's Firebase configuration
|
|
66
|
+
|
|
67
|
+
var firebaseConfig = {
|
|
68
|
+
|
|
69
|
+
apiKey: "AIzaSyA5FeZ5n53RhH029rB4oG7lXpGDkFKzuYg",
|
|
70
|
+
|
|
71
|
+
authDomain: "gsdemo-22f2a.firebaseapp.com",
|
|
72
|
+
|
|
73
|
+
databaseURL: "https://gsdemo-22f2a.firebaseio.com",
|
|
74
|
+
|
|
75
|
+
projectId: "gsdemo-22f2a",
|
|
76
|
+
|
|
77
|
+
storageBucket: "gsdemo-22f2a.appspot.com",
|
|
78
|
+
|
|
79
|
+
messagingSenderId: "830068457806",
|
|
80
|
+
|
|
81
|
+
appId: "1:830068457806:web:7860391950f4b1bec7de1f"
|
|
82
|
+
|
|
83
|
+
};
|
|
84
|
+
|
|
85
|
+
// Initialize Firebase
|
|
86
|
+
|
|
87
|
+
firebase.initializeApp(firebaseConfig);
|
|
88
|
+
|
|
89
|
+
|
|
90
|
+
|
|
91
|
+
const ref = firebase.database().ref();
|
|
92
|
+
|
|
93
|
+
|
|
94
|
+
|
|
95
|
+
|
|
96
|
+
|
|
97
|
+
//送信
|
|
98
|
+
|
|
99
|
+
$("#send").on("click", function(){
|
|
100
|
+
|
|
101
|
+
const uname = $("#uname").val();
|
|
102
|
+
|
|
103
|
+
const text = $("#text").val();
|
|
104
|
+
|
|
105
|
+
var now = new Date().getTime();
|
|
106
|
+
|
|
107
|
+
|
|
108
|
+
|
|
109
|
+
const msg = {
|
|
110
|
+
|
|
111
|
+
uname: uname,
|
|
112
|
+
|
|
113
|
+
text: text,
|
|
114
|
+
|
|
115
|
+
timestamp: now
|
|
116
|
+
|
|
117
|
+
};
|
|
118
|
+
|
|
119
|
+
ref.push(msg);
|
|
120
|
+
|
|
121
|
+
});
|
|
122
|
+
|
|
123
|
+
|
|
124
|
+
|
|
125
|
+
$("#text").on("keydown", function(e){
|
|
126
|
+
|
|
127
|
+
if(e.keyCode==13){
|
|
128
|
+
|
|
129
|
+
const uname = $("#uname").val();
|
|
130
|
+
|
|
131
|
+
const text = $("#text").val();
|
|
132
|
+
|
|
133
|
+
var now = new Date().getTime();
|
|
134
|
+
|
|
135
|
+
|
|
136
|
+
|
|
137
|
+
const msg = {
|
|
138
|
+
|
|
139
|
+
uname: uname,
|
|
140
|
+
|
|
141
|
+
text: text,
|
|
142
|
+
|
|
143
|
+
timestamp: now
|
|
144
|
+
|
|
145
|
+
};
|
|
146
|
+
|
|
147
|
+
ref.push(msg);
|
|
148
|
+
|
|
149
|
+
}
|
|
150
|
+
|
|
151
|
+
});
|
|
152
|
+
|
|
153
|
+
|
|
154
|
+
|
|
25
|
-
//受信
|
|
155
|
+
//受信
|
|
26
156
|
|
|
27
157
|
ref.on("child_added",function(data){
|
|
28
158
|
|
|
29
159
|
const v = data.val();
|
|
30
160
|
|
|
31
|
-
const k = data.key;
|
|
161
|
+
const k = data.key;
|
|
32
162
|
|
|
33
163
|
|
|
34
164
|
|
|
35
165
|
var date = new Date();
|
|
36
166
|
|
|
167
|
+
date.setTime(v.timestamp);
|
|
168
|
+
|
|
37
169
|
var month = date.getMonth() + 1;
|
|
38
170
|
|
|
39
171
|
var day = date.getDate();
|
|
@@ -42,11 +174,11 @@
|
|
|
42
174
|
|
|
43
175
|
var minutes = date.getMinutes();
|
|
44
176
|
|
|
45
|
-
var time = (time = month + "/" + day + " " + hours + ":" + minutes);
|
|
177
|
+
var time = (time = month + "/" + day + " " + hours + ":" + minutes);
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
178
|
+
|
|
179
|
+
|
|
180
|
+
|
|
49
|
-
const h = '<p>'+v.uname+'<br>'+v.text+'<br>'+time+'</p>';
|
|
181
|
+
const h = '<p>'+"名前: "+v.uname+'<br>'+v.text+'<br>'+"投稿時刻:"+time+'</p>';
|
|
50
182
|
|
|
51
183
|
$("#output").prepend(h);
|
|
52
184
|
|
|
@@ -56,6 +188,12 @@
|
|
|
56
188
|
|
|
57
189
|
|
|
58
190
|
|
|
191
|
+
</script>
|
|
192
|
+
|
|
193
|
+
|
|
194
|
+
|
|
195
|
+
|
|
196
|
+
|
|
59
197
|
|
|
60
198
|
|
|
61
199
|
### 試したこと
|
3
現在のコード実行時の画像の添付と具体的に改善したい点
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
![イメージ説明]
|
|
1
|
+
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
### 前提・実現したいこと
|
|
4
4
|
|
|
5
5
|
javascript（html.css）でチャットアプリを作っています。
|
|
6
6
|
|
2
実現したい具体的な説明（画像）
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,10 +1,12 @@
|
|
|
1
|
+
![イメージ説明]
|
|
2
|
+
|
|
1
|
-
説明](d33831a5e6867f3ca38a2fccf327ae7f.jpeg)](56b2f90734721031216ebf97779bd2e4.jpeg)### 前提・実現したいこと
|
|
2
4
|
|
|
3
5
|
javascript（html.css）でチャットアプリを作っています。
|
|
4
6
|
|
|
5
7
|
メッセージの送信日時表示する機能を実装中なのですが、更新ボタンを押すと全てのメッセージの送信日時が更新されてしまいます。
|
|
6
8
|
|
|
7
|
-
|
|
9
|
+
（画像では青い枠と書いてありますが画像編集の過程でグレーになってしまいました。）
|
|
8
10
|
|
|
9
11
|
### 発生している問題・エラーメッセージ
|
|
10
12
|
|
1
現在のコード実行時の画像の添付と具体的に改善したい点
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
### 前提・実現したいこと
|
|
1
|
+
### 前提・実現したいこと
|
|
2
2
|
|
|
3
3
|
javascript（html.css）でチャットアプリを作っています。
|
|
4
4
|
|