質問編集履歴

4

内容修正

2020/03/28 15:30

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -21,10 +21,6 @@
21
21
  どなたかビューに表示させるまでの流れを教えていただけないでしょうか?
22
22
 
23
23
 
24
-
25
- また天気登録する際に〇〇度〜〇〇度の範囲で登録できるようにしたいのですが、こちらのhtmlでの記載はどのようなものを使えばよかったでしょうか?
26
-
27
- 例えば今日の天気は11℃〜15℃のように設定して11〜15の値をデータベースに保存できるようにしたいです。
28
24
 
29
25
 
30
26
 

3

コード修正しました。

2020/03/28 15:30

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -25,3 +25,89 @@
25
25
  また天気登録する際に〇〇度〜〇〇度の範囲で登録できるようにしたいのですが、こちらのhtmlでの記載はどのようなものを使えばよかったでしょうか?
26
26
 
27
27
  例えば今日の天気は11℃〜15℃のように設定して11〜15の値をデータベースに保存できるようにしたいです。
28
+
29
+
30
+
31
+ ```ここに言語を入力
32
+
33
+ $(document).on('turbolinks:load', function() {
34
+
35
+ $(function() {
36
+
37
+ var API_KEY = ''
38
+
39
+ var city = 'Tokyo';
40
+
41
+ var url = 'http://api.openweathermap.org/data/2.5/forecast?q=' + city + ',jp&units=metric&APPID=' + API_KEY;
42
+
43
+ $.ajax({
44
+
45
+ url: url,
46
+
47
+ dataType: "json",
48
+
49
+ type: 'GET',
50
+
51
+ })
52
+
53
+ .done(function(data) {
54
+
55
+ var insertHTML = "";
56
+
57
+ var cityName = '<h2>' + data.city.name + '</h2>';
58
+
59
+ $('#city-name').html(cityName);
60
+
61
+ for (var i = 0; i <= 12; i = i + 1) {
62
+
63
+ insertHTML += buildHTML(data, i);
64
+
65
+ }
66
+
67
+ $('#weather').html(insertHTML);
68
+
69
+ })
70
+
71
+ .fail(function(data) {
72
+
73
+ console.log("失敗しました");
74
+
75
+ });
76
+
77
+ });
78
+
79
+ function buildHTML(data, i) {
80
+
81
+ var Week = new Array("(日)","(月)","(火)","(水)","(木)","(金)","(土)");
82
+
83
+ var date = new Date (data.list[i].dt_txt);
84
+
85
+ date.setHours(date.getHours() + 9);
86
+
87
+ var month = date.getMonth()+1;
88
+
89
+ var day = month + "月" + date.getDate() + "日" + Week[date.getDay()] + date.getHours() + ":00";
90
+
91
+ var icon = data.list[i].weather[0].icon;
92
+
93
+ var html =
94
+
95
+ '<div class="weather-report">' +
96
+
97
+ '<img src="http://openweathermap.org/img/w/' + icon + '.png">' +
98
+
99
+ '<div class="weather-date">' + day + '</div>' +
100
+
101
+ '<div class="weather-main">'+ data.list[i].weather[0].main + '</div>' +
102
+
103
+ '<div class="weather-temp">' + Math.round(data.list[i].main.temp) + '℃</div>' +
104
+
105
+ '</div>';
106
+
107
+ return html
108
+
109
+ }
110
+
111
+ });
112
+
113
+ ```

2

修正しました

2020/03/28 15:19

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -2,7 +2,13 @@
2
2
 
3
3
 
4
4
 
5
- OpenWeatherMapを利用して取得しようと考えているのですが、どうもビューに表示させるまでの流れがどのサイトを調べても詳しく乗っていないのでいまいちパッときません。以下の画像の会員登録をした後のAPIキーを取得して、JSONが取得できるところまではできましたが、その後がrailsでの記載の仕方がピンときません。
5
+ OpenWeatherMapを利用して取得しようと考えているのですが、どうもビューに表示させるまでの流れがどのサイトを調べても詳しく乗っていないのでいまいちパッときません。
6
+
7
+
8
+
9
+ <追加内容>
10
+
11
+ 以下の画像の会員登録をした後のAPIキーを取得して、JSONが取得できるところまではできましたが、その後がrailsでの記載の仕方がピンときません。
6
12
 
7
13
 
8
14
 

1

修正変更

2020/03/26 11:06

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -2,10 +2,20 @@
2
2
 
3
3
 
4
4
 
5
- OpenWeatherMapを利用して取得しようと考えているのですが、どうもビューに表示させるまでの流れがどのサイトを調べても詳しく乗っていないのでいまいちパッときません。
5
+ OpenWeatherMapを利用して取得しようと考えているのですが、どうもビューに表示させるまでの流れがどのサイトを調べても詳しく乗っていないのでいまいちパッときません。以下の画像の会員登録をした後のAPIキーを取得して、JSONが取得できるところまではできましたが、その後がrailsでの記載の仕方がピンときません。
6
+
7
+
8
+
9
+ ![イメージ説明](daeb099e67153a400488ee40b72e9cfd.png)
10
+
11
+ ![イメージ説明](a5669f330b77f8871437453d2d84474f.png)
12
+
13
+ ![イメージ説明](a42b7a4196de10ea06211a7afd4d2ce8.png)
6
14
 
7
15
  どなたかビューに表示させるまでの流れを教えていただけないでしょうか?
8
16
 
9
17
 
10
18
 
11
19
  また天気登録する際に〇〇度〜〇〇度の範囲で登録できるようにしたいのですが、こちらのhtmlでの記載はどのようなものを使えばよかったでしょうか?
20
+
21
+ 例えば今日の天気は11℃〜15℃のように設定して11〜15の値をデータベースに保存できるようにしたいです。