回答編集履歴
3
誤字の修正
test
CHANGED
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
|
|
41
41
|
|
|
42
42
|
|
|
43
|
-
回答した時点では、机上の空論だったので
|
|
43
|
+
回答した時点では、机上の空論(つまり未テスト)だったので見落としでもあるのかと思って実際に試してみました。
|
|
44
44
|
|
|
45
45
|
|
|
46
46
|
|
|
@@ -130,11 +130,11 @@
|
|
|
130
130
|
|
|
131
131
|
|
|
132
132
|
|
|
133
|
-
`rails s` で起動して、 Web ブラウザで http://localhost:3000/ にアクセスするとエラーなく背景画像付きで表示可能です
|
|
133
|
+
`rails s` で起動して、 Web ブラウザで http://localhost:3000/ にアクセスするとエラーなく背景画像付きで表示可能です。
|
|
134
134
|
|
|
135
135
|
|
|
136
136
|
|
|
137
|
-
Webブラウザでアクセスした際に rails を起動したターミナルには、下記のような
|
|
137
|
+
Webブラウザでアクセスした際に rails を起動したターミナルには、下記のようなアクセスログが出ました。
|
|
138
138
|
|
|
139
139
|
```
|
|
140
140
|
|
|
@@ -176,7 +176,7 @@
|
|
|
176
176
|
|
|
177
177
|
|
|
178
178
|
|
|
179
|
-
生成された application.css ( /assets/application.self-a6f77e9cc86f76867156c3f0a4c8b4696fdd76fe11b1f26347ca9eda80e4577e.js?body=1 )は、こんな
|
|
179
|
+
生成された application.css ( /assets/application.self-a6f77e9cc86f76867156c3f0a4c8b4696fdd76fe11b1f26347ca9eda80e4577e.js?body=1 )は、こんな感じでした。
|
|
180
180
|
|
|
181
181
|
```
|
|
182
182
|
|
2
修正
test
CHANGED
|
@@ -130,11 +130,11 @@
|
|
|
130
130
|
|
|
131
131
|
|
|
132
132
|
|
|
133
|
-
`rails s` で
|
|
133
|
+
`rails s` で起動して、 Web ブラウザで http://localhost:3000/ にアクセスするとエラーなく背景画像付きで表示可能ですね。
|
|
134
134
|
|
|
135
135
|
|
|
136
136
|
|
|
137
|
-
Webブラウザでアクセス
|
|
137
|
+
Webブラウザでアクセスした際に rails を起動したターミナルには、下記のような感じなアクセスログが出ます。
|
|
138
138
|
|
|
139
139
|
```
|
|
140
140
|
|
1
追記
test
CHANGED
|
@@ -25,3 +25,171 @@
|
|
|
25
25
|
|
|
26
26
|
|
|
27
27
|
必要に応じて、サイズや位置を調整してください。
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
----
|
|
32
|
+
|
|
33
|
+
(追記)
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
|
|
37
|
+
ん〜。
|
|
38
|
+
|
|
39
|
+
どこが違うのかなぁ...
|
|
40
|
+
|
|
41
|
+
|
|
42
|
+
|
|
43
|
+
回答した時点では、机上の空論だったので、見落としでもあるのかと思って実際に試してみました。
|
|
44
|
+
|
|
45
|
+
|
|
46
|
+
|
|
47
|
+
---
|
|
48
|
+
|
|
49
|
+
|
|
50
|
+
|
|
51
|
+
$ rails new test1app
|
|
52
|
+
|
|
53
|
+
|
|
54
|
+
|
|
55
|
+
$ cd test1app
|
|
56
|
+
|
|
57
|
+
|
|
58
|
+
|
|
59
|
+
$ vi Gemfile
|
|
60
|
+
|
|
61
|
+
```
|
|
62
|
+
|
|
63
|
+
gem 'bootstrap', '~> 4.2.1'
|
|
64
|
+
|
|
65
|
+
gem 'jquery-rails'
|
|
66
|
+
|
|
67
|
+
```
|
|
68
|
+
|
|
69
|
+
を追加。
|
|
70
|
+
|
|
71
|
+
|
|
72
|
+
|
|
73
|
+
$ bundle install
|
|
74
|
+
|
|
75
|
+
|
|
76
|
+
|
|
77
|
+
$ rails generate controller Home index
|
|
78
|
+
|
|
79
|
+
|
|
80
|
+
|
|
81
|
+
$ vi config/routes.rb に `root :to => 'home#index'` を追加。
|
|
82
|
+
|
|
83
|
+
|
|
84
|
+
|
|
85
|
+
$ vi app/views/home/index.html.erb
|
|
86
|
+
|
|
87
|
+
```
|
|
88
|
+
|
|
89
|
+
<div class="jumbotron jumbotron-fluid">
|
|
90
|
+
|
|
91
|
+
<div class="container">
|
|
92
|
+
|
|
93
|
+
<h1>テスト</h1>
|
|
94
|
+
|
|
95
|
+
</div>
|
|
96
|
+
|
|
97
|
+
</div>
|
|
98
|
+
|
|
99
|
+
```
|
|
100
|
+
|
|
101
|
+
|
|
102
|
+
|
|
103
|
+
$ mv app/assets/stylesheets/application.css app/assets/stylesheets/application.scss
|
|
104
|
+
|
|
105
|
+
|
|
106
|
+
|
|
107
|
+
$ vi app/assets/stylesheets/application.scss
|
|
108
|
+
|
|
109
|
+
```
|
|
110
|
+
|
|
111
|
+
@import "bootstrap";
|
|
112
|
+
|
|
113
|
+
|
|
114
|
+
|
|
115
|
+
.jumbotron {
|
|
116
|
+
|
|
117
|
+
background-image: image-url("test1.jpg");
|
|
118
|
+
|
|
119
|
+
background-size: cover;
|
|
120
|
+
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
```
|
|
124
|
+
|
|
125
|
+
を追加
|
|
126
|
+
|
|
127
|
+
|
|
128
|
+
|
|
129
|
+
$ `app/assets/images/` ディレクトリ に test1.jpg を追加
|
|
130
|
+
|
|
131
|
+
|
|
132
|
+
|
|
133
|
+
`rails s` で、起動したら Web ブラウザで、 http://localhost:3000/ にアクセスすると、エラーなく表示可能ですね。
|
|
134
|
+
|
|
135
|
+
|
|
136
|
+
|
|
137
|
+
Webブラウザでアクセスすると rails を起動したターミナルには、下記のような感じなログが出ます。
|
|
138
|
+
|
|
139
|
+
```
|
|
140
|
+
|
|
141
|
+
$ rails s
|
|
142
|
+
|
|
143
|
+
|
|
144
|
+
|
|
145
|
+
=> Booting Puma
|
|
146
|
+
|
|
147
|
+
=> Rails 5.2.2 application starting in development
|
|
148
|
+
|
|
149
|
+
=> Run `rails server -h` for more startup options
|
|
150
|
+
|
|
151
|
+
Puma starting in single mode...
|
|
152
|
+
|
|
153
|
+
* Version 3.12.0 (ruby 2.4.3-p205), codename: Llamas in Pajamas
|
|
154
|
+
|
|
155
|
+
* Min threads: 5, max threads: 5
|
|
156
|
+
|
|
157
|
+
* Environment: development
|
|
158
|
+
|
|
159
|
+
* Listening on tcp://0.0.0.0:3000
|
|
160
|
+
|
|
161
|
+
Use Ctrl-C to stop
|
|
162
|
+
|
|
163
|
+
|
|
164
|
+
|
|
165
|
+
Started GET "/" for 127.0.0.1 at 2019-01-17 18:06:55 +0900
|
|
166
|
+
|
|
167
|
+
Processing by HomeController#index as HTML
|
|
168
|
+
|
|
169
|
+
Rendering home/index.html.erb within layouts/application
|
|
170
|
+
|
|
171
|
+
Rendered home/index.html.erb within layouts/application (1.2ms)
|
|
172
|
+
|
|
173
|
+
Completed 200 OK in 371ms (Views: 361.4ms | ActiveRecord: 0.0ms)
|
|
174
|
+
|
|
175
|
+
```
|
|
176
|
+
|
|
177
|
+
|
|
178
|
+
|
|
179
|
+
生成された application.css ( /assets/application.self-a6f77e9cc86f76867156c3f0a4c8b4696fdd76fe11b1f26347ca9eda80e4577e.js?body=1 )は、こんな漢字でした。
|
|
180
|
+
|
|
181
|
+
```
|
|
182
|
+
|
|
183
|
+
(上側略)
|
|
184
|
+
|
|
185
|
+
/* line 19, app/assets/stylesheets/application.scss */
|
|
186
|
+
|
|
187
|
+
.jumbotron {
|
|
188
|
+
|
|
189
|
+
background-image: url(/assets/test1-c88f5524ff80a80a25f2b9793579b7db6ded58d7218bb11e1c089ed379ebb6bc.jpg);
|
|
190
|
+
|
|
191
|
+
background-size: cover;
|
|
192
|
+
|
|
193
|
+
}
|
|
194
|
+
|
|
195
|
+
```
|