質問編集履歴
8
文書調整
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,12 +1,14 @@
|
|
1
|
-
Rail 5.0.0.1にて
|
1
|
+
Rail 5.0.0.1にて開発しています。
|
2
2
|
|
3
3
|
|
4
4
|
|
5
|
+
色の管理としてSCSSパーシャルを利用して`_colors.scss`を作成し色を分離。
|
6
|
+
|
5
|
-
|
7
|
+
複数存在する個別のSCSSファイルにて読み込む設定としているのですが、`@import 'colors;`を、**全ての**SCSSファイルに記載しないと読み込まないのですが、これはそういうものなのでしょうか?
|
6
8
|
|
7
9
|
|
8
10
|
|
9
|
-
bootstrapやfont-awesomeを読み込む`@import 'bootstrap';`や`@import 'font-awesome';`は代表のscssファイルである`application.scss`に以下記載すれば、その他のSCSSファイルでは記載しなくても読み込む為、質問させていただく次第です。`stylesheetsフォルダ`の構成は以下の通り。
|
11
|
+
bootstrapやfont-awesomeを読み込む`@import 'bootstrap';`や`@import 'font-awesome';`は代表のscssファイルである`application.scss`に以下記載すれば、その他のSCSSファイルでは記載しなくても読み込む為(全ての`scssファイル`に記載する必要がない)、質問させていただく次第です。`stylesheetsフォルダ`の構成は以下の通り。
|
10
12
|
|
11
13
|
![イメージ説明](309ad68ddf3c6fadfabb5a43015eda34.png)
|
12
14
|
|
7
質問内容大幅改訂(最初の質問以降、自己解決を図っていた際の新しい問題)
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
Rails 5.0.0.1 :
|
1
|
+
Rails 5.0.0.1 : SCSSパーシャルの読み込みの記載方法
|
test
CHANGED
@@ -1,56 +1,32 @@
|
|
1
|
-
Rail 5.0.0.1にて開発しています。
|
1
|
+
Rail 5.0.0.1にて、以下ファイル構成で開発しています。
|
2
|
-
|
3
|
-
管理者ページと、通常のページのテンプレートを分けるため、名前空間(namespace)を使用しています。
|
4
2
|
|
5
3
|
|
6
4
|
|
7
|
-
管理
|
5
|
+
色の管理としてSCSSパーシャルを利用して`_colors.scss`を作成し色を分離、複数存在する別個のSCSSファイルで読み込む設定としているのですが、`@import 'colors;`をそれぞれのSCSSファイルに記載しないと読み込まないのですが、これはそういうものなのでしょうか?
|
8
6
|
|
9
7
|
|
10
8
|
|
11
|
-
|
9
|
+
bootstrapやfont-awesomeを読み込む`@import 'bootstrap';`や`@import 'font-awesome';`は代表のscssファイルである`application.scss`に以下記載すれば、その他のSCSSファイルでは記載しなくても読み込む為、質問させていただく次第です。`stylesheetsフォルダ`の構成は以下の通り。
|
10
|
+
|
11
|
+
![イメージ説明](309ad68ddf3c6fadfabb5a43015eda34.png)
|
12
12
|
|
13
13
|
|
14
14
|
|
15
|
+
`misakiフォルダ`内のscssファイルを読み込むために。`misaki.html.erb(デフォルトのapplication.html.erb)`ファイルを作成し、以下の通り記載。
|
16
|
+
|
15
17
|
```ruby
|
16
18
|
|
17
|
-
#routes.rbです。
|
18
|
-
|
19
|
-
Rails.application.routes.draw do
|
20
|
-
|
21
|
-
namespace :admin do
|
22
|
-
|
23
|
-
|
19
|
+
<%= stylesheet_link_tag 'misaki', media: 'all', 'data-turbolinks-track': 'reload' %>
|
24
|
-
|
25
|
-
end
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
root 'top#index'
|
30
|
-
|
31
|
-
end
|
32
20
|
|
33
21
|
```
|
34
22
|
|
35
|
-
「root 'top#index'」と「namespace :admin do以下のroot 'fradiction#top'」で使用するテンプレートを分けているため、stylesheetを添付写真の様に配置しています。
|
36
|
-
|
37
|
-
![イメージ説明](6fdaaf4fc6c70f349064b9dae37a9908.png)
|
38
|
-
|
39
|
-
このadminフォルダ内のscssファイルを読み込むために。「admin.html.erb」ファイルを作成し、以下の通り記載しています。
|
40
|
-
|
41
|
-
```ruby
|
42
|
-
|
43
|
-
<%= stylesheet_link_tag 'admin', media: 'all', 'data-turbolinks-track': 'reload' %>
|
44
|
-
|
45
|
-
```
|
46
|
-
|
47
|
-
そして、stylsheetフォルダ
|
23
|
+
そして、stylsheetフォルダ直下の`misaki.css`ファイルに以下を記載し、`misakiフォルダ内`のscssファイルを読み込む設定としています。
|
48
24
|
|
49
25
|
```css
|
50
26
|
|
51
27
|
/*
|
52
28
|
|
53
|
-
*= require_tree ./
|
29
|
+
*= require_tree ./misaki
|
54
30
|
|
55
31
|
*/
|
56
32
|
|
@@ -66,7 +42,7 @@
|
|
66
42
|
|
67
43
|
Rails.application.config.assets.version = '1.0'
|
68
44
|
|
69
|
-
Rails.application.config.assets.precompile += %w(
|
45
|
+
Rails.application.config.assets.precompile += %w( misaki.css )
|
70
46
|
|
71
47
|
```
|
72
48
|
|
@@ -88,11 +64,13 @@
|
|
88
64
|
|
89
65
|
def set_layout
|
90
66
|
|
91
|
-
if params[:controller].match(%r{\A(admin)/})
|
67
|
+
if params[:controller].match(%r{\A(misaki|admin)/})
|
92
68
|
|
93
69
|
Regexp.last_match[1]
|
94
70
|
|
95
71
|
else
|
72
|
+
|
73
|
+
'misaki'
|
96
74
|
|
97
75
|
end
|
98
76
|
|
@@ -104,7 +82,7 @@
|
|
104
82
|
|
105
83
|
|
106
84
|
|
107
|
-
|
85
|
+
`stylesheets/misaki`内の代表ファイルである`application.scss`ファイルに以下を記載
|
108
86
|
|
109
87
|
```scss
|
110
88
|
|
@@ -116,14 +94,28 @@
|
|
116
94
|
|
117
95
|
@import "font-awesome";
|
118
96
|
|
97
|
+
@import '*'
|
98
|
+
|
119
99
|
```
|
100
|
+
|
101
|
+
実際に`SCSS`を記載するファイル(例えば`main.scss`には 以下の通り`@import "colors";`を記載しないと、色を読み込まない)を以下の通り記載。`@import "bootstrap";`は記載しなくても読み込む為、違和感があり質問させてください。
|
102
|
+
|
103
|
+
```scss
|
104
|
+
|
105
|
+
@import "colors";
|
120
106
|
|
121
107
|
|
122
108
|
|
123
|
-
|
109
|
+
body {
|
124
110
|
|
111
|
+
padding-top: 2rem;
|
125
112
|
|
113
|
+
padding-bottom: 3rem;
|
126
114
|
|
127
|
-
|
115
|
+
color: #5a5a5a;
|
128
116
|
|
129
|
-
|
117
|
+
text-align: center;
|
118
|
+
|
119
|
+
}
|
120
|
+
|
121
|
+
```
|
6
文書修正
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
Rails : stylesheetsの分離
|
1
|
+
Rails 5.0.0.1 : stylesheetsの分離
|
test
CHANGED
@@ -1,3 +1,5 @@
|
|
1
|
+
Rail 5.0.0.1にて開発しています。
|
2
|
+
|
1
3
|
管理者ページと、通常のページのテンプレートを分けるため、名前空間(namespace)を使用しています。
|
2
4
|
|
3
5
|
|
@@ -54,7 +56,55 @@
|
|
54
56
|
|
55
57
|
```
|
56
58
|
|
59
|
+
|
60
|
+
|
61
|
+
|
62
|
+
|
63
|
+
`config/initializers`ディレクトリに`assets.rb`を作成し、以下記載しています。
|
64
|
+
|
65
|
+
```ruby
|
66
|
+
|
67
|
+
Rails.application.config.assets.version = '1.0'
|
68
|
+
|
69
|
+
Rails.application.config.assets.precompile += %w( admin.css )
|
70
|
+
|
71
|
+
```
|
72
|
+
|
73
|
+
`controllers/application_controller.rb`に以下記載し、`layoutメソッド`でレイアウト決定のメソッドを設定。
|
74
|
+
|
75
|
+
```ruby
|
76
|
+
|
77
|
+
class ApplicationController < ActionController::Base
|
78
|
+
|
79
|
+
protect_from_forgery with: :exception
|
80
|
+
|
81
|
+
|
82
|
+
|
83
|
+
layout :set_layout
|
84
|
+
|
85
|
+
|
86
|
+
|
87
|
+
private
|
88
|
+
|
89
|
+
def set_layout
|
90
|
+
|
91
|
+
if params[:controller].match(%r{\A(admin)/})
|
92
|
+
|
93
|
+
Regexp.last_match[1]
|
94
|
+
|
95
|
+
else
|
96
|
+
|
97
|
+
end
|
98
|
+
|
99
|
+
end
|
100
|
+
|
101
|
+
end
|
102
|
+
|
103
|
+
```
|
104
|
+
|
105
|
+
|
106
|
+
|
57
|
-
最後に、読み込まれる側のadminフォルダ内のscssファイルには冒頭に以下を記載しています。
|
107
|
+
最後に、読み込まれる側のadminフォルダ内の`application.scss`ファイルには冒頭に以下を記載しています。
|
58
108
|
|
59
109
|
```scss
|
60
110
|
|
5
文書の編集
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
stylesheetsの分離
|
1
|
+
Rails : stylesheetsの分離
|
test
CHANGED
File without changes
|
4
文書修正
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
stylesheets
|
1
|
+
stylesheetsの分離
|
test
CHANGED
@@ -1,8 +1,8 @@
|
|
1
|
-
管理者ページとのテンプレートを分けるため、名前空間(namespace)を使用し
|
1
|
+
管理者ページと、通常のページのテンプレートを分けるため、名前空間(namespace)を使用しています。
|
2
2
|
|
3
3
|
|
4
4
|
|
5
|
-
stylesheets内に作成した「adminフォルダ」内のsccsを読み込む設定が以下で正しいか、コメント頂きたくお願い致します。
|
5
|
+
管理者ページでは、stylesheets内に作成した「adminフォルダ」内のsccsを読み込むこととしたいのですが、設定が以下で正しいか、コメント頂きたくお願い致します。
|
6
6
|
|
7
7
|
|
8
8
|
|
@@ -12,33 +12,19 @@
|
|
12
12
|
|
13
13
|
```ruby
|
14
14
|
|
15
|
-
#routes.rbです
|
15
|
+
#routes.rbです。
|
16
16
|
|
17
17
|
Rails.application.routes.draw do
|
18
|
-
|
19
|
-
get "profile" => "top#profile"
|
20
|
-
|
21
|
-
resources :lessons
|
22
|
-
|
23
|
-
|
24
18
|
|
25
19
|
namespace :admin do
|
26
20
|
|
27
21
|
root 'fradiction#top'
|
28
|
-
|
29
|
-
get 'login' => 'sessions#new', as: :login
|
30
|
-
|
31
|
-
resource :session, only:[:create, :destroy]
|
32
|
-
|
33
|
-
resource :account, only:[:show, :edit, :update]
|
34
22
|
|
35
23
|
end
|
36
24
|
|
37
25
|
|
38
26
|
|
39
27
|
root 'top#index'
|
40
|
-
|
41
|
-
|
42
28
|
|
43
29
|
end
|
44
30
|
|
3
文書修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -2,7 +2,7 @@
|
|
2
2
|
|
3
3
|
|
4
4
|
|
5
|
-
stylesheets内に作成したフォルダ内のsccsを読み込む設定が以下で正しいか、コメント頂きたくお願い致します。
|
5
|
+
stylesheets内に作成した「adminフォルダ」内のsccsを読み込む設定が以下で正しいか、コメント頂きたくお願い致します。
|
6
6
|
|
7
7
|
|
8
8
|
|
2
誤字修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -2,9 +2,7 @@
|
|
2
2
|
|
3
3
|
|
4
4
|
|
5
|
-
stylesheets内に作成したフォルダ内のsccsを読み込む設定が以下で
|
5
|
+
stylesheets内に作成したフォルダ内のsccsを読み込む設定が以下で正しいか、コメント頂きたくお願い致します。
|
6
|
-
|
7
|
-
|
8
6
|
|
9
7
|
|
10
8
|
|
1
修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,4 +1,6 @@
|
|
1
|
-
|
1
|
+
管理者ページとのテンプレートを分けるため、名前空間(namespace)を使用し「/admin」を制作しています。また、本問題に関係あるか不明ですが、bootstrapを適用しています。
|
2
|
+
|
3
|
+
|
2
4
|
|
3
5
|
stylesheets内に作成したフォルダ内のsccsを読み込む設定が以下であっているか、コメント頂きたくお願い致します。
|
4
6
|
|
@@ -48,7 +50,7 @@
|
|
48
50
|
|
49
51
|
![イメージ説明](6fdaaf4fc6c70f349064b9dae37a9908.png)
|
50
52
|
|
51
|
-
このadminフォルダのscssファイルを読み込むために。「admin.html.erb」ファイルを作成し、以下の通り記載しています。
|
53
|
+
このadminフォルダ内のscssファイルを読み込むために。「admin.html.erb」ファイルを作成し、以下の通り記載しています。
|
52
54
|
|
53
55
|
```ruby
|
54
56
|
|