teratail
回答率
85.47%
質問するログイン新規登録
トップに関する質問MySQLのランキングの仕方について

編集履歴

質問編集履歴

1

サーバー環境追記

2019/10/25 08:17

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -12,254 +12,258 @@
12
12
 
13
13
 
14
14
 
15
+
16
+
15
- ### 発生している問題・エラーメッセージ
17
+ ### 該当のソースコード
18
+
19
+
20
+
16
-
21
+ ```html
22
+
17
-
23
+ <script>
24
+
25
+ var r=[
26
+
27
+ ['59:59.95','abc'],
28
+
29
+ ['59:59.96','xyz'],
30
+
31
+ ['59:59.97','ijk'],
32
+
33
+ ['59:59.98','aaa'],
34
+
35
+ ['59:59.99','zzz'],
36
+
37
+ ];
38
+
39
+ var qs=[
40
+
41
+ 'baby'
42
+
43
+ ];
44
+
45
+ const viewRank=()=>{
46
+
47
+ document.querySelector('#rank span').innerHTML=r.map(x=>x.join(" ")).join("<br>");
48
+
49
+ };
50
+
51
+ window.addEventListener('DOMContentLoaded',()=>{
52
+
53
+ viewRank();
54
+
55
+ document.querySelector('#start').addEventListener('click',e=>{
56
+
57
+ const t1=e.target;
58
+
59
+ const t2=document.querySelector('#a');
60
+
61
+ t1.disabled=true;
62
+
63
+ t2.disabled=false;
64
+
65
+ const name=prompt("お名前を入力してください。");//promptにユーザー名の登録
66
+
67
+ if(name=="") name="UnKnown";//無記入の場合、Unknownとして登録
68
+
69
+ (async()=>{
70
+
71
+ const s=new Date().getTime();//開始時刻取得
72
+
73
+ for(var i=0;i<qs.length;i++){
74
+
75
+ const qStr=qs[i];
76
+
77
+ document.querySelector('#q span').textContent=qStr;
78
+
79
+ t2.value="";
80
+
81
+ t2.focus();
82
+
83
+ await new Promise(resolve=>{
84
+
85
+ const timerId=setInterval(()=>{
86
+
87
+ if(t2.value==qStr){
88
+
89
+ clearInterval(timerId);
90
+
91
+ resolve();
92
+
93
+ }
94
+
95
+ },10);
96
+
97
+ });
98
+
99
+ }
100
+
101
+ const e=new Date().getTime();
102
+
103
+ const diff=e-s;
104
+
105
+ const str=(10000+diff/1000).toString();
106
+
107
+ const time=str.substr(1,2)+":"+
108
+
109
+ str.substr(3,5);
110
+
111
+ r.push([time,name]);
112
+
113
+ r=await r.sort((x,y)=>x[0]>y[0]?1:-1).splice(0,5);
114
+
115
+ viewRank();
116
+
117
+ t1.disabled=false;
118
+
119
+ t2.disabled=true;
120
+
121
+ })();
122
+
123
+ });
124
+
125
+ });
126
+
127
+ </script>
128
+
129
+ <input type="button" value="ゲーム開始！" id="start">
130
+
131
+ <font size="5"><div id="q">Q:<span>ここに問題が表示されます。</span></div></font><div>A:<input type="text" id="a"></div>
132
+
133
+ <br>
134
+
135
+ <br>
136
+
137
+ <br>
138
+
139
+ <table border="1">
140
+
141
+ <tr>
142
+
143
+ <td>
144
+
145
+ <div id="rank">現在のランキングトップ５<br>
146
+
147
+ <center><span></span></center>
148
+
149
+ </div>
150
+
151
+ </td>
152
+
153
+ </tr>
154
+
155
+ </table>
18
156
 
19
157
  ```
20
158
 
159
+
160
+
161
+ ### 試したこと
162
+
163
+ MySQL・PHPに関しては初めてなので、いろいろ探してみました。
164
+
165
+
166
+
167
+ MySQLで上位ランキング5位を表示する
168
+
21
- エラーメッセージ
169
+ ```MySQL
170
+
171
+ SELECT * FROM `SampleTable` ORDER BY `LastUpdate` LIMIT 10;
22
172
 
23
173
  ```
24
174
 
25
175
 
26
176
 
27
- ### 該当のソースコード
28
-
29
-
30
-
31
- ```ここに言語名を入力
32
-
33
- <script>
34
-
35
- var r=[
36
-
37
- ['59:59.95','abc'],
38
-
39
- ['59:59.96','xyz'],
40
-
41
- ['59:59.97','ijk'],
42
-
43
- ['59:59.98','aaa'],
44
-
45
- ['59:59.99','zzz'],
46
-
47
- ];
48
-
49
- var qs=[
50
-
51
- 'baby'
52
-
53
- ];
54
-
55
- const viewRank=()=>{
56
-
57
- document.querySelector('#rank span').innerHTML=r.map(x=>x.join(" ")).join("<br>");
58
-
59
- };
60
-
61
- window.addEventListener('DOMContentLoaded',()=>{
62
-
63
- viewRank();
64
-
65
- document.querySelector('#start').addEventListener('click',e=>{
66
-
67
- const t1=e.target;
68
-
69
- const t2=document.querySelector('#a');
70
-
71
- t1.disabled=true;
72
-
73
- t2.disabled=false;
74
-
75
- const name=prompt("お名前を入力してください。");//promptにユーザー名の登録
76
-
77
- if(name=="") name="UnKnown";//無記入の場合、Unknownとして登録
78
-
79
- (async()=>{
80
-
81
- const s=new Date().getTime();//開始時刻取得
82
-
83
- for(var i=0;i<qs.length;i++){
84
-
85
- const qStr=qs[i];
86
-
87
- document.querySelector('#q span').textContent=qStr;
88
-
89
- t2.value="";
90
-
91
- t2.focus();
92
-
93
- await new Promise(resolve=>{
94
-
95
- const timerId=setInterval(()=>{
96
-
97
- if(t2.value==qStr){
98
-
99
- clearInterval(timerId);
100
-
101
- resolve();
102
-
103
- }
104
-
105
- },10);
106
-
107
- });
108
-
109
- }
110
-
111
- const e=new Date().getTime();
112
-
113
- const diff=e-s;
114
-
115
- const str=(10000+diff/1000).toString();
116
-
117
- const time=str.substr(1,2)+":"+
118
-
119
- str.substr(3,5);
120
-
121
- r.push([time,name]);
122
-
123
- r=await r.sort((x,y)=>x[0]>y[0]?1:-1).splice(0,5);
124
-
125
- viewRank();
126
-
127
- t1.disabled=false;
128
-
129
- t2.disabled=true;
130
-
131
- })();
132
-
133
- });
134
-
135
- });
136
-
137
- </script>
138
-
139
- <input type="button" value="ゲーム開始！" id="start">
140
-
141
- <font size="5"><div id="q">Q:<span>ここに問題が表示されます。</span></div></font><div>A:<input type="text" id="a"></div>
142
-
143
- <br>
144
-
145
- <br>
146
-
147
- <br>
148
-
149
- <table border="1">
150
-
151
- <tr>
152
-
153
- <td>
154
-
155
- <div id="rank">現在のランキングトップ５<br>
156
-
157
- <center><span></span></center>
158
-
159
- </div>
160
-
161
- </td>
162
-
163
- </tr>
164
-
165
- </table>
177
+ PHPでMySQLからデータを取得する
178
+
179
+ ```PHP
180
+
181
+ <?php
182
+
183
+
184
+
185
+ $link = mysql_connect('localhost', 'testuser', 'testuser');
186
+
187
+ if (!$link) {
188
+
189
+ die('接続失敗です。'.mysql_error());
190
+
191
+ }
192
+
193
+
194
+
195
+ print('<p>接続に成功しました。</p>');
196
+
197
+
198
+
199
+ $db_selected = mysql_select_db('uriage', $link);
200
+
201
+ if (!$db_selected){
202
+
203
+ die('データベース選択失敗です。'.mysql_error());
204
+
205
+ }
206
+
207
+
208
+
209
+ print('<p>uriageデータベースを選択しました。</p>');
210
+
211
+
212
+
213
+ mysql_set_charset('utf8');
214
+
215
+
216
+
217
+ $result = mysql_query('SELECT id,name FROM shouhin');
218
+
219
+ if (!$result) {
220
+
221
+ die('クエリーが失敗しました。'.mysql_error());
222
+
223
+ }
224
+
225
+
226
+
227
+ while ($row = mysql_fetch_assoc($result)) {
228
+
229
+ print('<p>');
230
+
231
+ print('id='.$row['id']);
232
+
233
+ print(',name='.$row['name']);
234
+
235
+ print('</p>');
236
+
237
+ }
238
+
239
+
240
+
241
+ $close_flag = mysql_close($link);
242
+
243
+
244
+
245
+ if ($close_flag){
246
+
247
+ print('<p>切断に成功しました。</p>');
248
+
249
+ }
250
+
251
+
252
+
253
+ ?>
166
254
 
167
255
  ```
168
256
 
169
257
 
170
258
 
171
- ### 試したこと
259
+ ### サーバー環境
260
+
172
-
261
+ サーバーはXREAを使っています。
262
+
263
+ ※XREAサーバーはMySQLがシステム化されており、
264
+
173
- MySQL・PHPに関しては初めてなので、いろいろ探してみました。
265
+ ネット上にいろいろあるコマンドを入力して行うものではありませんでした。
174
-
175
-
176
-
177
- MySQLで上位ランキング5位を表示する
266
+
178
-
179
- ```MySQL
180
-
181
- SELECT * FROM `SampleTable` ORDER BY `LastUpdate` LIMIT 10;
182
-
183
- ```
184
-
185
-
186
-
187
- PHPでMySQLからデータを取得する
267
+ 仕様が違うのでMySQLの設定の仕方も異なると思います。
188
-
189
- ```PHP
268
+
190
-
191
- <?php
192
-
193
-
194
-
195
- $link = mysql_connect('localhost', 'testuser', 'testuser');
196
-
197
- if (!$link) {
198
-
199
- die('接続失敗です。'.mysql_error());
200
-
201
- }
202
-
203
-
204
-
205
- print('<p>接続に成功しました。</p>');
206
-
207
-
208
-
209
- $db_selected = mysql_select_db('uriage', $link);
210
-
211
- if (!$db_selected){
269
+ コチラに関しても教えていただきたいです。
212
-
213
- die('データベース選択失敗です。'.mysql_error());
214
-
215
- }
216
-
217
-
218
-
219
- print('<p>uriageデータベースを選択しました。</p>');
220
-
221
-
222
-
223
- mysql_set_charset('utf8');
224
-
225
-
226
-
227
- $result = mysql_query('SELECT id,name FROM shouhin');
228
-
229
- if (!$result) {
230
-
231
- die('クエリーが失敗しました。'.mysql_error());
232
-
233
- }
234
-
235
-
236
-
237
- while ($row = mysql_fetch_assoc($result)) {
238
-
239
- print('<p>');
240
-
241
- print('id='.$row['id']);
242
-
243
- print(',name='.$row['name']);
244
-
245
- print('</p>');
246
-
247
- }
248
-
249
-
250
-
251
- $close_flag = mysql_close($link);
252
-
253
-
254
-
255
- if ($close_flag){
256
-
257
- print('<p>切断に成功しました。</p>');
258
-
259
- }
260
-
261
-
262
-
263
- ?>
264
-
265
- ```