質問編集履歴

3

HTMLを編集し直しました。

2020/02/25 05:34

投稿

y.xx.d
y.xx.d

スコア18

test CHANGED
File without changes
test CHANGED
@@ -20,13 +20,31 @@
20
20
 
21
21
  <title>Myblog</title>
22
22
 
23
- <%= csrf_meta_tags %>
23
+ <meta name="csrf-param" content="authenticity_token" />
24
+
24
-
25
+ <meta name="csrf-token" content="qxbXbHu2BkZwNEdNtGM0vVmxq31nO4E9Mes3JO9uRUFnM7tlmgk9Rprj2ihAD+WdDXOS+V8BbkKr9UnzgsNmVg==" />
26
+
27
+
28
+
25
-
29
+ <link rel="stylesheet" media="all" href="/assets/comments.self-e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855.css?body=1" data-turbolinks-track="reload" />
30
+
26
-
31
+ <link rel="stylesheet" media="all" href="/assets/posts.self-e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855.css?body=1" data-turbolinks-track="reload" />
32
+
33
+ <link rel="stylesheet" media="all" href="/assets/application.self-4449f96f60b55c753a583d030ad61ccd3dc3d328020318ffad65759c0a592856.css?body=1" data-turbolinks-track="reload" />
34
+
35
+ <script src="/assets/rails-ujs.self-8944eaf3f9a2615ce7c830a810ed630e296633063af8bb7441d5702fbe3ea597.js?body=1" data-turbolinks-track="reload"></script>
36
+
37
+ <script src="/assets/turbolinks.self-569ee74eaa15c1e2019317ff770b8769b1ec033a0f572a485f64c82ddc8f989e.js?body=1" data-turbolinks-track="reload"></script>
38
+
39
+ <script src="/assets/action_cable.self-69fddfcddf4fdef9828648f9330d6ce108b93b82b0b8d3affffc59a114853451.js?body=1" data-turbolinks-track="reload"></script>
40
+
41
+ <script src="/assets/cable.self-8484513823f404ed0c0f039f75243bfdede7af7919dda65f2e66391252443ce9.js?body=1" data-turbolinks-track="reload"></script>
42
+
43
+ <script src="/assets/comments.self-877aef30ae1b040ab8a3aba4e3e309a11d7f2612f44dde450b5c157aa5f95c05.js?body=1" data-turbolinks-track="reload"></script>
44
+
45
+ <script src="/assets/posts.self-877aef30ae1b040ab8a3aba4e3e309a11d7f2612f44dde450b5c157aa5f95c05.js?body=1" data-turbolinks-track="reload"></script>
46
+
27
- <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
47
+ <script src="/assets/application.self-eba3cb53a585a0960ade5a8cb94253892706bb20e3f12097a13463b1f12a4528.js?body=1" data-turbolinks-track="reload"></script>
28
-
29
- <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
30
48
 
31
49
  </head>
32
50
 
@@ -34,9 +52,91 @@
34
52
 
35
53
  <div class="container"> <!-- 中央揃え -->
36
54
 
55
+ <h1><a href="/"><img class="logo" src="/assets/logo-aaf899d0d69e732c37d3239f4956ec5ff38173f20386a16fea49234eb19ed37c.png" alt="Logo" /></a></h1>
56
+
57
+ <h2>
58
+
59
+ My Posts
60
+
37
- <h1><%= link_to image_tag("logo.png", class: "logo"), root_path %></h1>
61
+ <a class="header-menu" href="/posts/new">Add new</a>
62
+
38
-
63
+ </h2>
64
+
65
+ <ul>
66
+
67
+ <li>
68
+
69
+ <a href="/posts/7">12345 updated</a>
70
+
71
+ <a class="command" href="/posts/7/edit">[Edit]</a>
72
+
73
+ <a class="command" data-confirm="Shure?" rel="nofollow" data-method="delete" href="/posts/7">[x]</a>
74
+
39
- <%= yield %>
75
+ </li>
76
+
77
+ <li>
78
+
79
+ <a href="/posts/6">a</a>
80
+
81
+ <a class="command" href="/posts/6/edit">[Edit]</a>
82
+
83
+ <a class="command" data-confirm="Shure?" rel="nofollow" data-method="delete" href="/posts/6">[x]</a>
84
+
85
+ </li>
86
+
87
+ <li>
88
+
89
+ <a href="/posts/5">title 4</a>
90
+
91
+ <a class="command" href="/posts/5/edit">[Edit]</a>
92
+
93
+ <a class="command" data-confirm="Shure?" rel="nofollow" data-method="delete" href="/posts/5">[x]</a>
94
+
95
+ </li>
96
+
97
+ <li>
98
+
99
+ <a href="/posts/4">title 3</a>
100
+
101
+ <a class="command" href="/posts/4/edit">[Edit]</a>
102
+
103
+ <a class="command" data-confirm="Shure?" rel="nofollow" data-method="delete" href="/posts/4">[x]</a>
104
+
105
+ </li>
106
+
107
+ <li>
108
+
109
+ <a href="/posts/3">title 2</a>
110
+
111
+ <a class="command" href="/posts/3/edit">[Edit]</a>
112
+
113
+ <a class="command" data-confirm="Shure?" rel="nofollow" data-method="delete" href="/posts/3">[x]</a>
114
+
115
+ </li>
116
+
117
+ <li>
118
+
119
+ <a href="/posts/2">title 1</a>
120
+
121
+ <a class="command" href="/posts/2/edit">[Edit]</a>
122
+
123
+ <a class="command" data-confirm="Shure?" rel="nofollow" data-method="delete" href="/posts/2">[x]</a>
124
+
125
+ </li>
126
+
127
+ <li>
128
+
129
+ <a href="/posts/1">title 0</a>
130
+
131
+ <a class="command" href="/posts/1/edit">[Edit]</a>
132
+
133
+ <a class="command" data-confirm="Shure?" rel="nofollow" data-method="delete" href="/posts/1">[x]</a>
134
+
135
+ </li>
136
+
137
+ </ul>
138
+
139
+
40
140
 
41
141
  </div>
42
142
 
@@ -48,6 +148,8 @@
48
148
 
49
149
  </html>
50
150
 
151
+
152
+
51
153
  ```
52
154
 
53
155
 

2

HTMLを追記し、編集しました。

2020/02/25 05:34

投稿

y.xx.d
y.xx.d

スコア18

test CHANGED
File without changes
test CHANGED
@@ -49,6 +49,46 @@
49
49
  </html>
50
50
 
51
51
  ```
52
+
53
+
54
+
55
+ ```INDEX
56
+
57
+ <h2>
58
+
59
+ My Posts
60
+
61
+ <%= link_to "Add new", new_post_path, class: "header-menu" %>
62
+
63
+ </h2>
64
+
65
+ <ul>
66
+
67
+ <% @posts.each do |post| %>
68
+
69
+ <li>
70
+
71
+ <%= link_to post.title, post_path(post) %>
72
+
73
+ <%= link_to "[Edit]", edit_post_path(post), class: "command" %>
74
+
75
+ <%= link_to "[x]", post_path(post),
76
+
77
+ method: :delete, class: "command",
78
+
79
+ data: { confirm: "Shure?" } %>
80
+
81
+ </li>
82
+
83
+ <% end %>
84
+
85
+ </ul>
86
+
87
+ ```
88
+
89
+
90
+
91
+
52
92
 
53
93
 
54
94
 

1

HTMLを追記し、コードブロックにて編集しました。

2020/02/25 05:32

投稿

y.xx.d
y.xx.d

スコア18

test CHANGED
File without changes
test CHANGED
@@ -10,7 +10,49 @@
10
10
 
11
11
  下記にてコードを記載します。
12
12
 
13
+ ```HTML
13
14
 
15
+ <!DOCTYPE html>
16
+
17
+ <html>
18
+
19
+ <head>
20
+
21
+ <title>Myblog</title>
22
+
23
+ <%= csrf_meta_tags %>
24
+
25
+
26
+
27
+ <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
28
+
29
+ <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
30
+
31
+ </head>
32
+
33
+ <body>
34
+
35
+ <div class="container"> <!-- 中央揃え -->
36
+
37
+ <h1><%= link_to image_tag("logo.png", class: "logo"), root_path %></h1>
38
+
39
+ <%= yield %>
40
+
41
+ </div>
42
+
43
+ </body>
44
+
45
+
46
+
47
+
48
+
49
+ </html>
50
+
51
+ ```
52
+
53
+
54
+
55
+ ```CSS
14
56
 
15
57
  .container{
16
58
 
@@ -78,6 +120,8 @@
78
120
 
79
121
  }
80
122
 
123
+ ```
124
+
81
125
 
82
126
 
83
127
  初学者につき、どなたかご教授願いたいです。