質問編集履歴
3
HTMLを編集し直しました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -9,20 +9,71 @@
|
|
|
9
9
|
<html>
|
|
10
10
|
<head>
|
|
11
11
|
<title>Myblog</title>
|
|
12
|
-
<
|
|
12
|
+
<meta name="csrf-param" content="authenticity_token" />
|
|
13
|
+
<meta name="csrf-token" content="qxbXbHu2BkZwNEdNtGM0vVmxq31nO4E9Mes3JO9uRUFnM7tlmgk9Rprj2ihAD+WdDXOS+V8BbkKr9UnzgsNmVg==" />
|
|
13
14
|
|
|
15
|
+
<link rel="stylesheet" media="all" href="/assets/comments.self-e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855.css?body=1" data-turbolinks-track="reload" />
|
|
16
|
+
<link rel="stylesheet" media="all" href="/assets/posts.self-e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855.css?body=1" data-turbolinks-track="reload" />
|
|
17
|
+
<link rel="stylesheet" media="all" href="/assets/application.self-4449f96f60b55c753a583d030ad61ccd3dc3d328020318ffad65759c0a592856.css?body=1" data-turbolinks-track="reload" />
|
|
18
|
+
<script src="/assets/rails-ujs.self-8944eaf3f9a2615ce7c830a810ed630e296633063af8bb7441d5702fbe3ea597.js?body=1" data-turbolinks-track="reload"></script>
|
|
19
|
+
<script src="/assets/turbolinks.self-569ee74eaa15c1e2019317ff770b8769b1ec033a0f572a485f64c82ddc8f989e.js?body=1" data-turbolinks-track="reload"></script>
|
|
20
|
+
<script src="/assets/action_cable.self-69fddfcddf4fdef9828648f9330d6ce108b93b82b0b8d3affffc59a114853451.js?body=1" data-turbolinks-track="reload"></script>
|
|
21
|
+
<script src="/assets/cable.self-8484513823f404ed0c0f039f75243bfdede7af7919dda65f2e66391252443ce9.js?body=1" data-turbolinks-track="reload"></script>
|
|
22
|
+
<script src="/assets/comments.self-877aef30ae1b040ab8a3aba4e3e309a11d7f2612f44dde450b5c157aa5f95c05.js?body=1" data-turbolinks-track="reload"></script>
|
|
23
|
+
<script src="/assets/posts.self-877aef30ae1b040ab8a3aba4e3e309a11d7f2612f44dde450b5c157aa5f95c05.js?body=1" data-turbolinks-track="reload"></script>
|
|
14
|
-
|
|
24
|
+
<script src="/assets/application.self-eba3cb53a585a0960ade5a8cb94253892706bb20e3f12097a13463b1f12a4528.js?body=1" data-turbolinks-track="reload"></script>
|
|
15
|
-
<%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
|
|
16
25
|
</head>
|
|
17
26
|
<body>
|
|
18
27
|
<div class="container"> <!-- 中央揃え -->
|
|
28
|
+
<h1><a href="/"><img class="logo" src="/assets/logo-aaf899d0d69e732c37d3239f4956ec5ff38173f20386a16fea49234eb19ed37c.png" alt="Logo" /></a></h1>
|
|
29
|
+
<h2>
|
|
30
|
+
My Posts
|
|
19
|
-
|
|
31
|
+
<a class="header-menu" href="/posts/new">Add new</a>
|
|
32
|
+
</h2>
|
|
33
|
+
<ul>
|
|
34
|
+
<li>
|
|
35
|
+
<a href="/posts/7">12345 updated</a>
|
|
36
|
+
<a class="command" href="/posts/7/edit">[Edit]</a>
|
|
37
|
+
<a class="command" data-confirm="Shure?" rel="nofollow" data-method="delete" href="/posts/7">[x]</a>
|
|
20
|
-
|
|
38
|
+
</li>
|
|
39
|
+
<li>
|
|
40
|
+
<a href="/posts/6">a</a>
|
|
41
|
+
<a class="command" href="/posts/6/edit">[Edit]</a>
|
|
42
|
+
<a class="command" data-confirm="Shure?" rel="nofollow" data-method="delete" href="/posts/6">[x]</a>
|
|
43
|
+
</li>
|
|
44
|
+
<li>
|
|
45
|
+
<a href="/posts/5">title 4</a>
|
|
46
|
+
<a class="command" href="/posts/5/edit">[Edit]</a>
|
|
47
|
+
<a class="command" data-confirm="Shure?" rel="nofollow" data-method="delete" href="/posts/5">[x]</a>
|
|
48
|
+
</li>
|
|
49
|
+
<li>
|
|
50
|
+
<a href="/posts/4">title 3</a>
|
|
51
|
+
<a class="command" href="/posts/4/edit">[Edit]</a>
|
|
52
|
+
<a class="command" data-confirm="Shure?" rel="nofollow" data-method="delete" href="/posts/4">[x]</a>
|
|
53
|
+
</li>
|
|
54
|
+
<li>
|
|
55
|
+
<a href="/posts/3">title 2</a>
|
|
56
|
+
<a class="command" href="/posts/3/edit">[Edit]</a>
|
|
57
|
+
<a class="command" data-confirm="Shure?" rel="nofollow" data-method="delete" href="/posts/3">[x]</a>
|
|
58
|
+
</li>
|
|
59
|
+
<li>
|
|
60
|
+
<a href="/posts/2">title 1</a>
|
|
61
|
+
<a class="command" href="/posts/2/edit">[Edit]</a>
|
|
62
|
+
<a class="command" data-confirm="Shure?" rel="nofollow" data-method="delete" href="/posts/2">[x]</a>
|
|
63
|
+
</li>
|
|
64
|
+
<li>
|
|
65
|
+
<a href="/posts/1">title 0</a>
|
|
66
|
+
<a class="command" href="/posts/1/edit">[Edit]</a>
|
|
67
|
+
<a class="command" data-confirm="Shure?" rel="nofollow" data-method="delete" href="/posts/1">[x]</a>
|
|
68
|
+
</li>
|
|
69
|
+
</ul>
|
|
70
|
+
|
|
21
71
|
</div>
|
|
22
72
|
</body>
|
|
23
73
|
|
|
24
74
|
|
|
25
75
|
</html>
|
|
76
|
+
|
|
26
77
|
```
|
|
27
78
|
|
|
28
79
|
```INDEX
|
2
HTMLを追記し、編集しました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -25,6 +25,26 @@
|
|
|
25
25
|
</html>
|
|
26
26
|
```
|
|
27
27
|
|
|
28
|
+
```INDEX
|
|
29
|
+
<h2>
|
|
30
|
+
My Posts
|
|
31
|
+
<%= link_to "Add new", new_post_path, class: "header-menu" %>
|
|
32
|
+
</h2>
|
|
33
|
+
<ul>
|
|
34
|
+
<% @posts.each do |post| %>
|
|
35
|
+
<li>
|
|
36
|
+
<%= link_to post.title, post_path(post) %>
|
|
37
|
+
<%= link_to "[Edit]", edit_post_path(post), class: "command" %>
|
|
38
|
+
<%= link_to "[x]", post_path(post),
|
|
39
|
+
method: :delete, class: "command",
|
|
40
|
+
data: { confirm: "Shure?" } %>
|
|
41
|
+
</li>
|
|
42
|
+
<% end %>
|
|
43
|
+
</ul>
|
|
44
|
+
```
|
|
45
|
+
|
|
46
|
+
|
|
47
|
+
|
|
28
48
|
```CSS
|
|
29
49
|
.container{
|
|
30
50
|
width: 400px;
|
1
HTMLを追記し、コードブロックにて編集しました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -4,7 +4,28 @@
|
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
下記にてコードを記載します。
|
|
7
|
+
```HTML
|
|
8
|
+
<!DOCTYPE html>
|
|
9
|
+
<html>
|
|
10
|
+
<head>
|
|
11
|
+
<title>Myblog</title>
|
|
12
|
+
<%= csrf_meta_tags %>
|
|
7
13
|
|
|
14
|
+
<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
|
|
15
|
+
<%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
|
|
16
|
+
</head>
|
|
17
|
+
<body>
|
|
18
|
+
<div class="container"> <!-- 中央揃え -->
|
|
19
|
+
<h1><%= link_to image_tag("logo.png", class: "logo"), root_path %></h1>
|
|
20
|
+
<%= yield %>
|
|
21
|
+
</div>
|
|
22
|
+
</body>
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
</html>
|
|
26
|
+
```
|
|
27
|
+
|
|
28
|
+
```CSS
|
|
8
29
|
.container{
|
|
9
30
|
width: 400px;
|
|
10
31
|
margin: 20px auto;
|
|
@@ -38,5 +59,6 @@
|
|
|
38
59
|
margin: auto;
|
|
39
60
|
float: right;
|
|
40
61
|
}
|
|
62
|
+
```
|
|
41
63
|
|
|
42
64
|
初学者につき、どなたかご教授願いたいです。
|