teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

2

ソースの表示

2020/06/30 04:43

投稿

masaosan18
masaosan18

スコア65

title CHANGED
File without changes
body CHANGED
@@ -58,4 +58,61 @@
58
58
  </body>
59
59
  </html>
60
60
 
61
+ ```
62
+
63
+
64
+ ```ここに言語を入力
65
+
66
+ <!DOCTYPE html>
67
+ <html>
68
+ <head>
69
+ <title>App</title>
70
+ <meta name="csrf-param" content="authenticity_token" />
71
+ <meta name="csrf-token" content="7yJKtgZz751tPzYmHvJoJkPhZJgLQTXNWRMMMevSo4/QPCzTj1Jzf2JwPICIVzpSjYzf4wBJpJU8Luipai+a7g==" />
72
+
73
+
74
+ <link rel="stylesheet" media="all" href="/assets/application.self-b88eec826f4c6c75d86cd7fc27b2d3c28b66f1c791fb8b620e563aaae6b09627.css?body=1" data-turbolinks-track="reload" />
75
+ <script src="/assets/rails-ujs.self-81c572f39b69ead02e3f97fe43b76954a434591bc2837e3a35af212315e67569.js?body=1" data-turbolinks-track="reload"></script>
76
+ <script src="/assets/activestorage.self-1ed4604ac2170045f1ffca4edb81a75246661555e4f9cf682bb8a21825e32e1c.js?body=1" data-turbolinks-track="reload"></script>
77
+ <script src="/assets/turbolinks.self-569ee74eaa15c1e2019317ff770b8769b1ec033a0f572a485f64c82ddc8f989e.js?body=1" data-turbolinks-track="reload"></script>
78
+ <script src="/assets/action_cable.self-69fddfcddf4fdef9828648f9330d6ce108b93b82b0b8d3affffc59a114853451.js?body=1" data-turbolinks-track="reload"></script>
79
+ <script src="/assets/cable.self-8484513823f404ed0c0f039f75243bfdede7af7919dda65f2e66391252443ce9.js?body=1" data-turbolinks-track="reload"></script>
80
+ <script src="/assets/welcome.self-877aef30ae1b040ab8a3aba4e3e309a11d7f2612f44dde450b5c157aa5f95c05.js?body=1" data-turbolinks-track="reload"></script>
81
+ <script src="/assets/application.self-66347cf0a4cb1f26f76868b4697a9eee457c8c3a6da80c6fdd76ff77e911715e.js?body=1" data-turbolinks-track="reload"></script>
82
+ </head>
83
+
84
+ <body id="welcome-index">
85
+ <div id="header">
86
+ <div class="logo">
87
+ <a href="/">ロゴ</a>
88
+ </div>
89
+ <div class="link">
90
+ <ul id="nav">
91
+ <li>
92
+ <a href="#">メニュー1</a>
93
+ </li>
94
+ <li>
95
+ <a href="#">メニュー2</a>
96
+ </li>
97
+ <li>
98
+ <a href="#">メニュー3</a>
99
+ </li>
100
+ </ul>
101
+ </div>
102
+ </div>
103
+ <div class="content-wrapper">
104
+ <div class="content-block">
105
+ </div>
106
+ <div class="sidebar">
107
+ </div>
108
+ </div>
109
+
110
+
111
+ <h1>がんばれ</h1>
112
+ <div id="footer">
113
+ <p>©️ 2020 Rails Community, All Rights Reserved.</p>
114
+ </div>
115
+ </body>
116
+ </html>
117
+
61
118
  ```

1

application.html.erbについて追記しました。bodyタグのところがwelcome-indexになります。

2020/06/30 04:43

投稿

masaosan18
masaosan18

スコア65

title CHANGED
File without changes
body CHANGED
@@ -35,4 +35,27 @@
35
35
 
36
36
  ```
37
37
 
38
- 検証ツールを見るとuser agent stylesheetというのがあるのですが、何かあらかじめ記述が必要なのでしょうか。
38
+ 検証ツールを見るとuser agent stylesheetというのがあるのですが、何かあらかじめ記述が必要なのでしょうか。
39
+
40
+
41
+
42
+ ```
43
+ <!DOCTYPE html>
44
+ <html>
45
+ <head>
46
+ <title>App</title>
47
+ <%= csrf_meta_tags %>
48
+ <%= csp_meta_tag %>
49
+
50
+ <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
51
+ <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
52
+ </head>
53
+
54
+ <body id="<%= controller.controller_name %>-<%= controller.action_name %>">
55
+ <%= render 'shared/header' %>
56
+ <%= yield %>
57
+ <%= render 'shared/footer' %>
58
+ </body>
59
+ </html>
60
+
61
+ ```