質問編集履歴

8

文書調整

2016/11/23 02:17

投稿

innjera
innjera

スコア132

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
- 色の管理としてSCSSパーシャルを利用して`_colors.scss`を作成し色を分離、複数存在する別のSCSSファイル読み込む設定としているのですが、`@import 'colors;`をそれぞれのSCSSファイルに記載しないと読み込まないのですが、これはそういうものなのでしょうか?
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

質問内容大幅改訂(最初の質問以降、自己解決を図っていた際の新しい問題)

2016/11/23 02:17

投稿

innjera
innjera

スコア132

test CHANGED
@@ -1 +1 @@
1
- Rails 5.0.0.1 : stylesheets分離
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
- 管理者ペジでは、stylesheets内に作成した「adminダ」内のsccsを読み込むいのですが、設定が以下で正しいコメント頂きたくお願ます。
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
- root 'fradiction#top'
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フォルダ「admin.cssファイルに以下を記載し、adminフォルダ内のscssファイルを読み込む設定としています。
23
+ そして、stylsheetフォルダ直下`misaki.css`ファイルに以下を記載し、`misakiフォルダ内`のscssファイルを読み込む設定としています。
48
24
 
49
25
  ```css
50
26
 
51
27
  /*
52
28
 
53
- *= require_tree ./admin
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( admin.css )
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
- 最後に、読み込まれる側のadminダ内の`application.scss`ファイルには冒頭に以下を記載しています。
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
- stylesheets内に作成したフォルダ内のsccsを読み込む設定が以下であっているか、コメント頂きたくお願い致します。
109
+ body {
124
110
 
111
+ padding-top: 2rem;
125
112
 
113
+ padding-bottom: 3rem;
126
114
 
127
- なぜこれを聞くかというと、デベロッパーツールで画面を見た際に写真の様なエラーが出ており、私の記載の仕方に間違いがあるのでは、と考えた次第です。
115
+ color: #5a5a5a;
128
116
 
129
- ![イメージ説明](da011f1acfa50167f33edf23b7ce3318.png)
117
+ text-align: center;
118
+
119
+ }
120
+
121
+ ```

6

文書修正

2016/11/23 02:15

投稿

innjera
innjera

スコア132

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

文書の編集

2016/11/23 00:34

投稿

innjera
innjera

スコア132

test CHANGED
@@ -1 +1 @@
1
- stylesheetsの分離
1
+ Rails : stylesheetsの分離
test CHANGED
File without changes

4

文書修正

2016/11/23 00:16

投稿

innjera
innjera

スコア132

test CHANGED
@@ -1 +1 @@
1
- stylesheets内に作成したフォルダ内sccsを読み込む設定
1
+ stylesheetsの分離
test CHANGED
@@ -1,8 +1,8 @@
1
- 管理者ページとのテンプレートを分けるため、名前空間(namespace)を使用し「/admin」を制作しています。また、本問題に関係あるか不明ですが、bootstrapを適用しています。
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

文書修正

2016/11/23 00:16

投稿

innjera
innjera

スコア132

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

誤字修正

2016/11/22 01:08

投稿

innjera
innjera

スコア132

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

修正

2016/11/21 23:52

投稿

innjera
innjera

スコア132

test CHANGED
File without changes
test CHANGED
@@ -1,4 +1,6 @@
1
- 以下ように名前空間にて/adminを制作しています。bootstrapを適用しています。
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