@d-zero/scaffold 5.0.0-alpha.3 → 5.0.0-alpha.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +10 -0
- package/__assets/htdocs/.eslintrc +10 -0
- package/__assets/htdocs/__tmpl/.markuplintrc +19 -0
- package/__assets/htdocs/__tmpl/000_home.pug +20 -0
- package/__assets/htdocs/__tmpl/100_sub.pug +23 -0
- package/__assets/htdocs/__tmpl/200_blog_index.pug +40 -0
- package/__assets/htdocs/__tmpl/210_blog_index.pug +40 -0
- package/__assets/htdocs/__tmpl/300_form_input.pug +569 -0
- package/__assets/htdocs/__tmpl/301_form_confirm.pug +211 -0
- package/__assets/htdocs/__tmpl/302_form_complete.pug +27 -0
- package/__assets/htdocs/__tmpl/index.pug +69 -0
- package/__assets/htdocs/css/style.scss +32 -0
- package/__assets/htdocs/index.pug +9 -0
- package/__assets/htdocs/js/script.ts +3 -0
- package/__assets/htdocs/sub-folder.test/css/style.scss +7 -0
- package/__assets/htdocs/sub-folder.test/index.pug +8 -0
- package/__assets/htdocs/sub-folder.test/js/script.js +9 -0
- package/package.json +5 -14
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,16 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# [5.0.0-alpha.5](https://github.com/d-zero-dev/frontend-env/compare/v5.0.0-alpha.4...v5.0.0-alpha.5) (2024-05-14)
|
|
7
|
+
|
|
8
|
+
### Bug Fixes
|
|
9
|
+
|
|
10
|
+
- **scaffold:** fix published files ([f35ae2b](https://github.com/d-zero-dev/frontend-env/commit/f35ae2b9c46f14efda206acf518d10bd3b4a582f))
|
|
11
|
+
|
|
12
|
+
# [5.0.0-alpha.4](https://github.com/d-zero-dev/frontend-env/compare/v5.0.0-alpha.2...v5.0.0-alpha.4) (2024-05-14)
|
|
13
|
+
|
|
14
|
+
**Note:** Version bump only for package @d-zero/scaffold
|
|
15
|
+
|
|
6
16
|
# [5.0.0-alpha.2](https://github.com/d-zero-dev/frontend-env/compare/v5.0.0-alpha.1...v5.0.0-alpha.2) (2024-05-14)
|
|
7
17
|
|
|
8
18
|
### Bug Fixes
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
html(lang="ja")
|
|
2
|
+
head
|
|
3
|
+
include ../../_libs/mixin/meta.pug
|
|
4
|
+
+meta('__サイトタイトル__')
|
|
5
|
+
body.c-page-home
|
|
6
|
+
.c-page-home__base
|
|
7
|
+
.c-page-home__header
|
|
8
|
+
- const isHome = true;
|
|
9
|
+
include ../../_libs/component/_c-header.pug
|
|
10
|
+
.c-page-home__nav-global
|
|
11
|
+
include ../../_libs/component/_c-nav-global.pug
|
|
12
|
+
|
|
13
|
+
.c-page-home__main
|
|
14
|
+
main
|
|
15
|
+
h2 メイン
|
|
16
|
+
|
|
17
|
+
.c-page-home__nav-sitemap
|
|
18
|
+
include ../../_libs/component/_c-nav-sitemap.pug
|
|
19
|
+
.c-page-home__footer
|
|
20
|
+
include ../../_libs/component/_c-footer.pug
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
html(lang="ja")
|
|
2
|
+
head
|
|
3
|
+
include ../../_libs/mixin/meta.pug
|
|
4
|
+
+meta('__ページタイトル__ | __サイトタイトル__')
|
|
5
|
+
body.c-page-sub
|
|
6
|
+
.c-page-sub__base
|
|
7
|
+
.c-page-sub__header
|
|
8
|
+
include ../../_libs/component/_c-header.pug
|
|
9
|
+
.c-page-sub__nav-global
|
|
10
|
+
include ../../_libs/component/_c-nav-global.pug
|
|
11
|
+
.c-page-sub__main
|
|
12
|
+
main
|
|
13
|
+
article.c-page-sub__content
|
|
14
|
+
.c-page-sub__title-page
|
|
15
|
+
include ../../_libs/component/_c-title-page.pug
|
|
16
|
+
.c-page-sub__nav-breadcrumb
|
|
17
|
+
include ../../_libs/component/_c-nav-breadcrumb.pug
|
|
18
|
+
.c-page-sub__content-main
|
|
19
|
+
.c-content-main !{ blocks }
|
|
20
|
+
.c-page-sub__nav-sitemap
|
|
21
|
+
include ../../_libs/component/_c-nav-sitemap.pug
|
|
22
|
+
.c-page-sub__footer
|
|
23
|
+
include ../../_libs/component/_c-footer.pug
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
html(lang="ja")
|
|
2
|
+
head
|
|
3
|
+
include ../../_libs/mixin/meta.pug
|
|
4
|
+
+meta('__ページタイトル__ | __サイトタイトル__')
|
|
5
|
+
body.c-page-sub
|
|
6
|
+
.c-page-sub__base
|
|
7
|
+
.c-page-sub__header
|
|
8
|
+
include ../../_libs/component/_c-header.pug
|
|
9
|
+
.c-page-sub__nav-global
|
|
10
|
+
include ../../_libs/component/_c-nav-global.pug
|
|
11
|
+
|
|
12
|
+
.c-page-sub__main
|
|
13
|
+
main
|
|
14
|
+
article.c-page-sub__content
|
|
15
|
+
.c-page-sub__title-page
|
|
16
|
+
include ../../_libs/component/_c-title-page.pug
|
|
17
|
+
.c-page-sub__nav-breadcrumb
|
|
18
|
+
include ../../_libs/component/_c-nav-breadcrumb.pug
|
|
19
|
+
.c-page-sub__content-index
|
|
20
|
+
.c-content-index
|
|
21
|
+
.c-content-index__categories
|
|
22
|
+
// ⚠️ CMS要件:
|
|
23
|
+
// - ページがカテゴリーインデックスの場合は aria-current="page" を付加する
|
|
24
|
+
// - カテゴリーインデックスではなく、カテゴリーに属するページでは aria-current="page" は付加しない
|
|
25
|
+
ul
|
|
26
|
+
li: a(href="__PATH_TO__"): span ALL
|
|
27
|
+
li: a(href="__PATH_TO__" aria-current="page"): span カテゴリー1
|
|
28
|
+
li: a(href="__PATH_TO__"): span カテゴリー2
|
|
29
|
+
li: a(href="__PATH_TO__"): span カテゴリー3
|
|
30
|
+
.c-content-index__body
|
|
31
|
+
.c-media-list
|
|
32
|
+
each article in data.articles
|
|
33
|
+
include ../../_libs/component/_c-media.pug
|
|
34
|
+
.c-page-sub__pagination
|
|
35
|
+
include ../../_libs/component/_c-pagination.pug
|
|
36
|
+
|
|
37
|
+
.c-page-sub__nav-sitemap
|
|
38
|
+
include ../../_libs/component/_c-nav-sitemap.pug
|
|
39
|
+
.c-page-sub__footer
|
|
40
|
+
include ../../_libs/component/_c-footer.pug
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
html(lang="ja")
|
|
2
|
+
head
|
|
3
|
+
include ../../_libs/mixin/meta.pug
|
|
4
|
+
+meta('__ページタイトル__ | __サイトタイトル__')
|
|
5
|
+
body.c-page-sub
|
|
6
|
+
.c-page-sub__base
|
|
7
|
+
.c-page-sub__header
|
|
8
|
+
include ../../_libs/component/_c-header.pug
|
|
9
|
+
.c-page-sub__nav-global
|
|
10
|
+
include ../../_libs/component/_c-nav-global.pug
|
|
11
|
+
|
|
12
|
+
.c-page-sub__main
|
|
13
|
+
main
|
|
14
|
+
article.c-page-sub__content
|
|
15
|
+
.c-page-sub__title-page
|
|
16
|
+
include ../../_libs/component/_c-title-page.pug
|
|
17
|
+
.c-page-sub__nav-breadcrumb
|
|
18
|
+
include ../../_libs/component/_c-nav-breadcrumb.pug
|
|
19
|
+
.c-page-sub__content-index
|
|
20
|
+
.c-content-index
|
|
21
|
+
.c-content-index__categories
|
|
22
|
+
// ⚠️ CMS要件:
|
|
23
|
+
// - ページがカテゴリーインデックスの場合は aria-current="page" を付加する
|
|
24
|
+
// - カテゴリーインデックスではなく、カテゴリーに属するページでは aria-current="page" は付加しない
|
|
25
|
+
ul
|
|
26
|
+
li: a(href="__PATH_TO__"): span ALL
|
|
27
|
+
li: a(href="__PATH_TO__" aria-current="page"): span カテゴリー1
|
|
28
|
+
li: a(href="__PATH_TO__"): span カテゴリー2
|
|
29
|
+
li: a(href="__PATH_TO__"): span カテゴリー3
|
|
30
|
+
.c-content-index__body
|
|
31
|
+
.c-card-list
|
|
32
|
+
each article in data.articles
|
|
33
|
+
include ../../_libs/component/_c-card.pug
|
|
34
|
+
.c-page-sub__pagination
|
|
35
|
+
include ../../_libs/component/_c-pagination.pug
|
|
36
|
+
|
|
37
|
+
.c-page-sub__nav-sitemap
|
|
38
|
+
include ../../_libs/component/_c-nav-sitemap.pug
|
|
39
|
+
.c-page-sub__footer
|
|
40
|
+
include ../../_libs/component/_c-footer.pug
|
|
@@ -0,0 +1,569 @@
|
|
|
1
|
+
html(lang="ja")
|
|
2
|
+
head
|
|
3
|
+
include ../../_libs/mixin/meta.pug
|
|
4
|
+
+meta('__ページタイトル__ | __サイトタイトル__')
|
|
5
|
+
body.c-page-sub
|
|
6
|
+
.c-page-sub__base
|
|
7
|
+
.c-page-sub__header
|
|
8
|
+
include ../../_libs/component/_c-header.pug
|
|
9
|
+
.c-page-sub__nav-global
|
|
10
|
+
include ../../_libs/component/_c-nav-global.pug
|
|
11
|
+
|
|
12
|
+
.c-page-sub__main
|
|
13
|
+
main
|
|
14
|
+
.c-page-sub__content
|
|
15
|
+
.c-page-sub__title-page
|
|
16
|
+
include ../../_libs/component/_c-title-page.pug
|
|
17
|
+
.c-page-sub__nav-breadcrumb
|
|
18
|
+
include ../../_libs/component/_c-nav-breadcrumb.pug
|
|
19
|
+
.c-page-sub__content-main
|
|
20
|
+
.c-content-main
|
|
21
|
+
// CMS要件: メールフォーム概要
|
|
22
|
+
.cc-form-description
|
|
23
|
+
p こちらのフォームよりご応募ください。<br>記入いただいた内容を検討の上、弊社人事担当者よりメールにてご返信いたします。
|
|
24
|
+
// CMS要件: メールフォーム概要ここまで
|
|
25
|
+
|
|
26
|
+
form#MailMessageIndexForm.cc-form(
|
|
27
|
+
action="__PATH_TO__"
|
|
28
|
+
enctype="multipart/form-data"
|
|
29
|
+
method="post"
|
|
30
|
+
accept-charset="utf-8"
|
|
31
|
+
novalidate)
|
|
32
|
+
input(type="hidden" name="_method" value="POST")
|
|
33
|
+
input#Token__TOKEN__(type="hidden" name="data[_Token][key]" value="__TOKEN__")
|
|
34
|
+
input#MailMessageMode(type="hidden" name="data[MailMessage][mode]")
|
|
35
|
+
.cc-form-field-list
|
|
36
|
+
// CMS要件: グループ化している場合は fieldset/legend の構造
|
|
37
|
+
#GroupMailMessageField1.cc-form-fieldset
|
|
38
|
+
fieldset
|
|
39
|
+
legend.cc-form-fieldset-heading
|
|
40
|
+
span フィールドグループ名
|
|
41
|
+
span.required 必須
|
|
42
|
+
.cc-form-fieldset-attention
|
|
43
|
+
.mail-attention 注意書き
|
|
44
|
+
.cc-form-fieldset-body
|
|
45
|
+
// CMS要件: 入力タイプによって data-type 属性を変更
|
|
46
|
+
#FieldMailMessageField1.mail-field(data-type="text")
|
|
47
|
+
// CMS要件: グループ化している場合は 前見出し は labelとする
|
|
48
|
+
label.mail-before-attachment(for="MailMessageField1") 前見出し
|
|
49
|
+
span.mail-input
|
|
50
|
+
input#MailMessageField1(
|
|
51
|
+
type="text"
|
|
52
|
+
name="data[MailMessage][field1]"
|
|
53
|
+
maxlength="255"
|
|
54
|
+
required)
|
|
55
|
+
span.mail-after-attachment 後見出し
|
|
56
|
+
.mail-description 説明文
|
|
57
|
+
.error-message エラーメッセージ
|
|
58
|
+
#FieldMailMessageField2.mail-field(data-type="text")
|
|
59
|
+
span.mail-before-attachment
|
|
60
|
+
span.mail-input
|
|
61
|
+
input#MailMessageField2(
|
|
62
|
+
type="text"
|
|
63
|
+
name="data[MailMessage][field2]"
|
|
64
|
+
maxlength="255"
|
|
65
|
+
required)
|
|
66
|
+
// CMS要件: グループ化している場合は 前見出しが空であれば 後見出しを labelとする
|
|
67
|
+
label.mail-after-attachment(for="MailMessageField2") 後見出し
|
|
68
|
+
.mail-description 説明文
|
|
69
|
+
.error-message エラーメッセージ
|
|
70
|
+
// CMS要件: グループ化していない場合は div/label の構造
|
|
71
|
+
#GroupMailMessageField3.cc-form-fieldset
|
|
72
|
+
div
|
|
73
|
+
.cc-form-fieldset-heading
|
|
74
|
+
label(for="MailMessageField3") 単体フィールド名
|
|
75
|
+
span.required 必須
|
|
76
|
+
.cc-form-fieldset-attention
|
|
77
|
+
.mail-attention 注意書き
|
|
78
|
+
.cc-form-fieldset-body
|
|
79
|
+
#FieldMailMessageField3.mail-field(data-type="text")
|
|
80
|
+
// CMS要件: グループ化していない場合は 前見出しも後見出しも label にはならない
|
|
81
|
+
span.mail-before-attachment 前見出し
|
|
82
|
+
span.mail-input
|
|
83
|
+
input#MailMessageField3(
|
|
84
|
+
type="text"
|
|
85
|
+
name="data[MailMessage][field3]"
|
|
86
|
+
maxlength="255"
|
|
87
|
+
required)
|
|
88
|
+
span.mail-after-attachment 後見出し
|
|
89
|
+
.mail-description 説明文
|
|
90
|
+
.error-message エラーメッセージ
|
|
91
|
+
#GroupMailMessageName.cc-form-fieldset
|
|
92
|
+
fieldset
|
|
93
|
+
legend.cc-form-fieldset-heading
|
|
94
|
+
span 氏名
|
|
95
|
+
span.required 必須
|
|
96
|
+
.cc-form-fieldset-body
|
|
97
|
+
#FieldMailMessageLastName.mail-field(data-type="text")
|
|
98
|
+
label.mail-before-attachment(for="MailMessageLastName") 姓
|
|
99
|
+
span.mail-input
|
|
100
|
+
input#MailMessageLastName(
|
|
101
|
+
type="text"
|
|
102
|
+
name="data[MailMessage][LastName]"
|
|
103
|
+
required)
|
|
104
|
+
span.mail-after-attachment
|
|
105
|
+
.mail-description
|
|
106
|
+
#FieldMailMessageFirstName.mail-field(data-type="text")
|
|
107
|
+
label.mail-before-attachment(for="MailMessageFirstName") 名
|
|
108
|
+
span.mail-input
|
|
109
|
+
input#MailMessageFirstName(
|
|
110
|
+
type="text"
|
|
111
|
+
name="data[MailMessage][FirstName]"
|
|
112
|
+
required)
|
|
113
|
+
span.mail-after-attachment
|
|
114
|
+
.mail-description
|
|
115
|
+
#GroupMessageNameKana1.cc-form-fieldset
|
|
116
|
+
fieldset
|
|
117
|
+
legend.cc-form-fieldset-heading
|
|
118
|
+
span フリガナ
|
|
119
|
+
span.optional 任意
|
|
120
|
+
.cc-form-fieldset-attention
|
|
121
|
+
.mail-attention カタカナで入力してください
|
|
122
|
+
.cc-form-fieldset-body
|
|
123
|
+
#FieldMailMessageLastNameKana.mail-field(data-type="text")
|
|
124
|
+
label.mail-before-attachment(for="MailMessageLastNameKana") セイ
|
|
125
|
+
span.mail-input
|
|
126
|
+
input#MailMessageLastNameKana(
|
|
127
|
+
type="text"
|
|
128
|
+
name="data[MailMessage][LastNameKana]"
|
|
129
|
+
required)
|
|
130
|
+
span.mail-after-attachment
|
|
131
|
+
.mail-description
|
|
132
|
+
#FieldMailMessageFirstNameKana.mail-field(data-type="text")
|
|
133
|
+
label.mail-before-attachment(for="MailMessageFirstNameKana") メイ
|
|
134
|
+
span.mail-input
|
|
135
|
+
input#MailMessageFirstNameKana(
|
|
136
|
+
type="text"
|
|
137
|
+
name="data[MailMessage][FirstNameKana]"
|
|
138
|
+
required)
|
|
139
|
+
span.mail-after-attachment
|
|
140
|
+
.mail-description
|
|
141
|
+
#GroupMessageZip.cc-form-fieldset
|
|
142
|
+
fieldset
|
|
143
|
+
legend.cc-form-fieldset-heading
|
|
144
|
+
span 住所
|
|
145
|
+
span.optional 任意
|
|
146
|
+
.cc-form-fieldset-body
|
|
147
|
+
#FieldMessageZip.mail-field(data-type="text")
|
|
148
|
+
label.mail-before-attachment(for="MailMessageZip") 〒
|
|
149
|
+
span.mail-input
|
|
150
|
+
input#MailMessageZip(
|
|
151
|
+
name="data[MailMessage][zip]"
|
|
152
|
+
size="10"
|
|
153
|
+
maxlength="8"
|
|
154
|
+
type="text")
|
|
155
|
+
span.mail-after-attachment
|
|
156
|
+
.mail-description ハイフンを除く半角数字で入力してください
|
|
157
|
+
#FieldMessageAddress1.mail-field(data-type="select")
|
|
158
|
+
label.mail-before-attachment(for="MailMessageAddress1") 都道府県
|
|
159
|
+
span.mail-input
|
|
160
|
+
select#MailMessageAddress1(name="data[MailMessage][address_1]")
|
|
161
|
+
option(value) 選択してください
|
|
162
|
+
option(value="北海道") 北海道
|
|
163
|
+
option(value="青森県") 青森県
|
|
164
|
+
option(value="岩手県") 岩手県
|
|
165
|
+
option(value="宮城県") 宮城県
|
|
166
|
+
option(value="秋田県") 秋田県
|
|
167
|
+
option(value="山形県") 山形県
|
|
168
|
+
option(value="福島県") 福島県
|
|
169
|
+
option(value="茨城県") 茨城県
|
|
170
|
+
option(value="栃木県") 栃木県
|
|
171
|
+
option(value="群馬県") 群馬県
|
|
172
|
+
option(value="埼玉県") 埼玉県
|
|
173
|
+
option(value="千葉県") 千葉県
|
|
174
|
+
option(value="東京都") 東京都
|
|
175
|
+
option(value="神奈川県") 神奈川県
|
|
176
|
+
option(value="新潟県") 新潟県
|
|
177
|
+
option(value="富山県") 富山県
|
|
178
|
+
option(value="石川県") 石川県
|
|
179
|
+
option(value="福井県") 福井県
|
|
180
|
+
option(value="山梨県") 山梨県
|
|
181
|
+
option(value="長野県") 長野県
|
|
182
|
+
option(value="岐阜県") 岐阜県
|
|
183
|
+
option(value="静岡県") 静岡県
|
|
184
|
+
option(value="愛知県") 愛知県
|
|
185
|
+
option(value="三重県") 三重県
|
|
186
|
+
option(value="滋賀県") 滋賀県
|
|
187
|
+
option(value="京都府") 京都府
|
|
188
|
+
option(value="大阪府") 大阪府
|
|
189
|
+
option(value="兵庫県") 兵庫県
|
|
190
|
+
option(value="奈良県") 奈良県
|
|
191
|
+
option(value="和歌山県") 和歌山県
|
|
192
|
+
option(value="鳥取県") 鳥取県
|
|
193
|
+
option(value="島根県") 島根県
|
|
194
|
+
option(value="岡山県") 岡山県
|
|
195
|
+
option(value="広島県") 広島県
|
|
196
|
+
option(value="山口県") 山口県
|
|
197
|
+
option(value="徳島県") 徳島県
|
|
198
|
+
option(value="香川県") 香川県
|
|
199
|
+
option(value="愛媛県") 愛媛県
|
|
200
|
+
option(value="高知県") 高知県
|
|
201
|
+
option(value="福岡県") 福岡県
|
|
202
|
+
option(value="佐賀県") 佐賀県
|
|
203
|
+
option(value="長崎県") 長崎県
|
|
204
|
+
option(value="熊本県") 熊本県
|
|
205
|
+
option(value="大分県") 大分県
|
|
206
|
+
option(value="宮崎県") 宮崎県
|
|
207
|
+
option(value="鹿児島県") 鹿児島県
|
|
208
|
+
option(value="沖縄県") 沖縄県
|
|
209
|
+
span.mail-after-attachment
|
|
210
|
+
.mail-description
|
|
211
|
+
#FieldMessageAddress2.mail-field(data-type="text")
|
|
212
|
+
label.mail-before-attachment(for="MailMessageAddress2") 市区町村
|
|
213
|
+
span.mail-input
|
|
214
|
+
input#MailMessageAddress2(
|
|
215
|
+
name="data[MailMessage][address_2]"
|
|
216
|
+
size="30"
|
|
217
|
+
maxlength="200"
|
|
218
|
+
type="text")
|
|
219
|
+
span.mail-after-attachment
|
|
220
|
+
.mail-description
|
|
221
|
+
#FieldMessageAddress3.mail-field(data-type="text")
|
|
222
|
+
label.mail-before-attachment(for="MailMessageAddress3") 番地
|
|
223
|
+
span.mail-input
|
|
224
|
+
input#MailMessageAddress3(
|
|
225
|
+
name="data[MailMessage][address_3]"
|
|
226
|
+
size="30"
|
|
227
|
+
maxlength="200"
|
|
228
|
+
type="text")
|
|
229
|
+
span.mail-after-attachment
|
|
230
|
+
.mail-description
|
|
231
|
+
// CMS要件: グループ化していない場合でも チェックボックスでは fieldset/legend の構造
|
|
232
|
+
#GroupMessageCategory.cc-form-fieldset
|
|
233
|
+
fieldset
|
|
234
|
+
legend.cc-form-fieldset-heading
|
|
235
|
+
span チェックボックス単体
|
|
236
|
+
span.required 必須
|
|
237
|
+
.cc-form-fieldset-body
|
|
238
|
+
#FieldMessageCategory.mail-field(data-type="checkbox")
|
|
239
|
+
span.mail-before-attachment チェックボックス前見出し
|
|
240
|
+
input#MailMessageCategory(
|
|
241
|
+
type="hidden"
|
|
242
|
+
name="data[MailMessage][category]"
|
|
243
|
+
value)
|
|
244
|
+
.checkbox
|
|
245
|
+
input#MailMessageCategoryItem1(
|
|
246
|
+
type="checkbox"
|
|
247
|
+
name="data[MailMessage][category][]"
|
|
248
|
+
value="Item1")
|
|
249
|
+
|
|
|
250
|
+
label(for="MailMessageCategoryItem1") 項目1
|
|
251
|
+
.checkbox
|
|
252
|
+
input#MailMessageCategoryItem2(
|
|
253
|
+
type="checkbox"
|
|
254
|
+
name="data[MailMessage][category][]"
|
|
255
|
+
value="Item2")
|
|
256
|
+
|
|
|
257
|
+
label(for="MailMessageCategoryItem2") 項目2
|
|
258
|
+
.checkbox
|
|
259
|
+
input#MailMessageCategoryItem3(
|
|
260
|
+
type="checkbox"
|
|
261
|
+
name="data[MailMessage][category][]"
|
|
262
|
+
value="Item3")
|
|
263
|
+
|
|
|
264
|
+
label(for="MailMessageCategoryItem3") 項目3
|
|
265
|
+
span.mail-after-attachment チェックボックス後見出し
|
|
266
|
+
.mail-description
|
|
267
|
+
#GroupMessageContents.cc-form-fieldset
|
|
268
|
+
fieldset
|
|
269
|
+
legend.cc-form-fieldset-heading
|
|
270
|
+
span チェックボックス
|
|
271
|
+
span.required 必須
|
|
272
|
+
.cc-form-fieldset-attention
|
|
273
|
+
.mail-attention 注意書き
|
|
274
|
+
.cc-form-fieldset-body
|
|
275
|
+
#FieldMessageContents.mail-field(data-type="checkbox")
|
|
276
|
+
span.mail-before-attachment 前見出し
|
|
277
|
+
input#MailMessageField4(
|
|
278
|
+
type="hidden"
|
|
279
|
+
name="data[MailMessage][contents]"
|
|
280
|
+
value)
|
|
281
|
+
.checkbox
|
|
282
|
+
input#MailMessageField41(
|
|
283
|
+
type="checkbox"
|
|
284
|
+
name="data[MailMessage][contents][]"
|
|
285
|
+
value="1")
|
|
286
|
+
|
|
|
287
|
+
label(for="MailMessageField41") 生麦生米生卵
|
|
288
|
+
.checkbox
|
|
289
|
+
input#MailMessageField42(
|
|
290
|
+
type="checkbox"
|
|
291
|
+
name="data[MailMessage][contents][]"
|
|
292
|
+
value="2")
|
|
293
|
+
|
|
|
294
|
+
label(for="MailMessageField42") 赤パジャマ黄パジャマ茶パジャマ
|
|
295
|
+
.checkbox
|
|
296
|
+
input#MailMessageField43(
|
|
297
|
+
type="checkbox"
|
|
298
|
+
name="data[MailMessage][contents][]"
|
|
299
|
+
value="3")
|
|
300
|
+
|
|
|
301
|
+
label(for="MailMessageField43") 青巻紙赤巻紙黄巻紙
|
|
302
|
+
.checkbox
|
|
303
|
+
input#MailMessageField44(
|
|
304
|
+
type="checkbox"
|
|
305
|
+
name="data[MailMessage][contents][]"
|
|
306
|
+
value="4")
|
|
307
|
+
|
|
|
308
|
+
label(for="MailMessageField44") 隣の客はよく柿食う客だ
|
|
309
|
+
.checkbox
|
|
310
|
+
input#MailMessageField45(
|
|
311
|
+
type="checkbox"
|
|
312
|
+
name="data[MailMessage][contents][]"
|
|
313
|
+
value="5")
|
|
314
|
+
|
|
|
315
|
+
label(for="MailMessageField45") かえるぴょこぴょこ3ぴょこぴょこ あわせてぴょこぴょこ6ぴょこぴょこ
|
|
316
|
+
.checkbox
|
|
317
|
+
input#MailMessageField46(
|
|
318
|
+
type="checkbox"
|
|
319
|
+
name="data[MailMessage][contents][]"
|
|
320
|
+
value="6")
|
|
321
|
+
|
|
|
322
|
+
label(for="MailMessageField46") 東京特許許可局許可局長
|
|
323
|
+
.checkbox
|
|
324
|
+
input#MailMessageField47(
|
|
325
|
+
type="checkbox"
|
|
326
|
+
name="data[MailMessage][contents][]"
|
|
327
|
+
value="7")
|
|
328
|
+
|
|
|
329
|
+
label(for="MailMessageField47") その他
|
|
330
|
+
span.mail-after-attachment
|
|
331
|
+
#FieldMessageContentsOther.mail-field(data-type="text")
|
|
332
|
+
label.mail-before-attachment(for="MailMessageContentsOther") その他
|
|
333
|
+
span.mail-input
|
|
334
|
+
input#MailMessageContentsOther(
|
|
335
|
+
name="data[MailMessage][contents_other]"
|
|
336
|
+
size="30"
|
|
337
|
+
maxlength="255"
|
|
338
|
+
type="text")
|
|
339
|
+
span.mail-after-attachment 後見出し
|
|
340
|
+
.mail-description その他を選択された場合は内容をご入力ください。
|
|
341
|
+
#GroupMessageTel.cc-form-fieldset
|
|
342
|
+
div
|
|
343
|
+
.cc-form-fieldset-heading
|
|
344
|
+
label(for="MailMessageTel") 電話番号
|
|
345
|
+
.cc-form-fieldset-attention
|
|
346
|
+
.mail-attention 注意書き
|
|
347
|
+
.cc-form-fieldset-body
|
|
348
|
+
#FieldMessageTel.mail-field(data-type="text")
|
|
349
|
+
span.mail-before-attachment 前見出し
|
|
350
|
+
span.mail-input
|
|
351
|
+
input#MailMessageTel(
|
|
352
|
+
name="data[MailMessage][tel]"
|
|
353
|
+
size="15"
|
|
354
|
+
maxlength="13"
|
|
355
|
+
type="text")
|
|
356
|
+
span.mail-after-attachment 後見出し
|
|
357
|
+
#GroupMessageEmail1.cc-form-fieldset
|
|
358
|
+
div
|
|
359
|
+
.cc-form-fieldset-heading
|
|
360
|
+
label(for="MailMessageEmail1") メールアドレス
|
|
361
|
+
span.required 必須
|
|
362
|
+
.cc-form-fieldset-attention
|
|
363
|
+
.mail-attention 注意書き
|
|
364
|
+
.cc-form-fieldset-body
|
|
365
|
+
#FieldMessageEmail1.mail-field(data-type="text")
|
|
366
|
+
span.mail-before-attachment 前見出し
|
|
367
|
+
span.mail-input
|
|
368
|
+
input#MailMessageEmail1(
|
|
369
|
+
name="data[MailMessage][email_1]"
|
|
370
|
+
maxlength="255"
|
|
371
|
+
type="text")
|
|
372
|
+
span.mail-after-attachment 後見出し
|
|
373
|
+
#GroupMessageBirth.cc-form-fieldset
|
|
374
|
+
div
|
|
375
|
+
.cc-form-fieldset-heading
|
|
376
|
+
label(for="MailMessageBirth") 生まれ年
|
|
377
|
+
span.required 必須
|
|
378
|
+
.cc-form-fieldset-attention
|
|
379
|
+
.mail-attention 注意書き
|
|
380
|
+
.cc-form-fieldset-body
|
|
381
|
+
#FieldMessageBirth.mail-field(data-type="select")
|
|
382
|
+
span.mail-before-attachment 前見出し
|
|
383
|
+
span.mail-input
|
|
384
|
+
select#MailMessageBirth(name="data[MailMessage][birth]")
|
|
385
|
+
option(value) 選択してください
|
|
386
|
+
option(value="1") 1923年
|
|
387
|
+
option(value="2") 1924年
|
|
388
|
+
option(value="3") 1925年
|
|
389
|
+
option(value="4") 1926年
|
|
390
|
+
option(value="5") 1927年
|
|
391
|
+
option(value="6") 1928年
|
|
392
|
+
option(value="7") 1929年
|
|
393
|
+
option(value="8") 1930年
|
|
394
|
+
option(value="9") 1931年
|
|
395
|
+
option(value="10") 1932年
|
|
396
|
+
option(value="11") 1933年
|
|
397
|
+
option(value="12") 1934年
|
|
398
|
+
option(value="13") 1935年
|
|
399
|
+
option(value="14") 1936年
|
|
400
|
+
option(value="15") 1937年
|
|
401
|
+
option(value="16") 1938年
|
|
402
|
+
option(value="17") 1939年
|
|
403
|
+
option(value="18") 1940年
|
|
404
|
+
option(value="19") 1941年
|
|
405
|
+
option(value="20") 1942年
|
|
406
|
+
option(value="21") 1943年
|
|
407
|
+
option(value="22") 1944年
|
|
408
|
+
option(value="23") 1945年
|
|
409
|
+
option(value="24") 1946年
|
|
410
|
+
option(value="25") 1947年
|
|
411
|
+
option(value="26") 1948年
|
|
412
|
+
option(value="27") 1949年
|
|
413
|
+
option(value="28") 1950年
|
|
414
|
+
option(value="29") 1951年
|
|
415
|
+
option(value="30") 1952年
|
|
416
|
+
option(value="31") 1953年
|
|
417
|
+
option(value="32") 1954年
|
|
418
|
+
option(value="33") 1955年
|
|
419
|
+
option(value="34") 1956年
|
|
420
|
+
option(value="35") 1957年
|
|
421
|
+
option(value="36") 1958年
|
|
422
|
+
option(value="37") 1959年
|
|
423
|
+
option(value="38") 1960年
|
|
424
|
+
option(value="39") 1961年
|
|
425
|
+
option(value="40") 1962年
|
|
426
|
+
option(value="41") 1963年
|
|
427
|
+
option(value="42") 1964年
|
|
428
|
+
option(value="43") 1965年
|
|
429
|
+
option(value="44") 1966年
|
|
430
|
+
option(value="45") 1967年
|
|
431
|
+
option(value="46") 1968年
|
|
432
|
+
option(value="47") 1969年
|
|
433
|
+
option(value="48") 1970年
|
|
434
|
+
option(value="49") 1971年
|
|
435
|
+
option(value="50") 1972年
|
|
436
|
+
option(value="51") 1973年
|
|
437
|
+
option(value="52") 1974年
|
|
438
|
+
option(value="53") 1975年
|
|
439
|
+
option(value="54") 1976年
|
|
440
|
+
option(value="55") 1977年
|
|
441
|
+
option(value="56") 1978年
|
|
442
|
+
option(value="57") 1979年
|
|
443
|
+
option(value="58") 1980年
|
|
444
|
+
option(value="59") 1981年
|
|
445
|
+
option(value="60") 1982年
|
|
446
|
+
option(value="61") 1983年
|
|
447
|
+
option(value="62") 1984年
|
|
448
|
+
option(value="63") 1985年
|
|
449
|
+
option(value="64") 1986年
|
|
450
|
+
option(value="65") 1987年
|
|
451
|
+
option(value="66") 1988年
|
|
452
|
+
option(value="67") 1989年
|
|
453
|
+
option(value="68") 1990年
|
|
454
|
+
option(value="69") 1991年
|
|
455
|
+
option(value="70") 1992年
|
|
456
|
+
option(value="71") 1993年
|
|
457
|
+
option(value="72") 1994年
|
|
458
|
+
option(value="73") 1995年
|
|
459
|
+
option(value="74") 1996年
|
|
460
|
+
option(value="75") 1997年
|
|
461
|
+
option(value="76") 1998年
|
|
462
|
+
option(value="77") 1999年
|
|
463
|
+
option(value="78") 2000年
|
|
464
|
+
option(value="79") 2001年
|
|
465
|
+
option(value="80") 2002年
|
|
466
|
+
option(value="81") 2003年
|
|
467
|
+
option(value="82") 2004年
|
|
468
|
+
option(value="83") 2005年
|
|
469
|
+
option(value="84") 2006年
|
|
470
|
+
option(value="85") 2007年
|
|
471
|
+
option(value="86") 2008年
|
|
472
|
+
option(value="87") 2009年
|
|
473
|
+
option(value="88") 2010年
|
|
474
|
+
option(value="89") 2011年
|
|
475
|
+
option(value="90") 2012年
|
|
476
|
+
option(value="91") 2013年
|
|
477
|
+
option(value="92") 2014年
|
|
478
|
+
option(value="93") 2015年
|
|
479
|
+
option(value="94") 2016年
|
|
480
|
+
option(value="95") 2017年
|
|
481
|
+
span.mail-after-attachment 後見出し
|
|
482
|
+
#GroupMessageSex.cc-form-fieldset
|
|
483
|
+
fieldset
|
|
484
|
+
legend.cc-form-fieldset-heading
|
|
485
|
+
span 性別
|
|
486
|
+
span.optional 任意
|
|
487
|
+
.cc-form-fieldset-attention
|
|
488
|
+
.mail-attention 注意書き
|
|
489
|
+
.cc-form-fieldset-body
|
|
490
|
+
#FieldMessageSex.mail-field(data-type="radio")
|
|
491
|
+
span.mail-before-attachment 前見出し
|
|
492
|
+
input#MailMessageSex_(type="hidden" name="data[MailMessage][sex]" value)
|
|
493
|
+
.mail-group-radio
|
|
494
|
+
span
|
|
495
|
+
input#MailMessageSex1(
|
|
496
|
+
type="radio"
|
|
497
|
+
name="data[MailMessage][sex]"
|
|
498
|
+
value="1")
|
|
499
|
+
label(for="MailMessageSex1") 男性
|
|
500
|
+
span
|
|
501
|
+
input#MailMessageSex2(
|
|
502
|
+
type="radio"
|
|
503
|
+
name="data[MailMessage][sex]"
|
|
504
|
+
value="2")
|
|
505
|
+
label(for="MailMessageSex2") 女性
|
|
506
|
+
span.mail-after-attachment 後見出し
|
|
507
|
+
#GroupMessageMessage.cc-form-fieldset
|
|
508
|
+
div
|
|
509
|
+
.cc-form-fieldset-heading
|
|
510
|
+
label(for="MailMessageMessage") テキストエリア
|
|
511
|
+
span.optional 任意
|
|
512
|
+
.cc-form-fieldset-attention
|
|
513
|
+
.mail-attention 注意書き
|
|
514
|
+
.cc-form-fieldset-body
|
|
515
|
+
#FieldMessageMessage.mail-field(data-type="textarea")
|
|
516
|
+
span.mail-before-attachment 前見出し
|
|
517
|
+
// CMS要件: サイズ指定がないときは cols属性を出力しない
|
|
518
|
+
span.mail-input
|
|
519
|
+
textarea#MailMessageMessage(name="data[MailMessage][message]" rows="10")
|
|
520
|
+
span.mail-after-attachment 後見出し
|
|
521
|
+
#GroupMessageMessage2.cc-form-fieldset
|
|
522
|
+
div
|
|
523
|
+
.cc-form-fieldset-heading
|
|
524
|
+
label(for="MailMessageMessage2") テキストエリア
|
|
525
|
+
span.optional 任意
|
|
526
|
+
.cc-form-fieldset-attention
|
|
527
|
+
.mail-attention 注意書き
|
|
528
|
+
.cc-form-fieldset-body
|
|
529
|
+
#FieldMessageMessage2.mail-field(data-type="textarea")
|
|
530
|
+
span.mail-before-attachment 前見出し
|
|
531
|
+
span.mail-input
|
|
532
|
+
textarea#MailMessageMessage2(
|
|
533
|
+
name="data[MailMessage][message2]"
|
|
534
|
+
rows="10"
|
|
535
|
+
cols="20")
|
|
536
|
+
span.mail-after-attachment 後見出し
|
|
537
|
+
#GroupMessageFile.cc-form-fieldset
|
|
538
|
+
div
|
|
539
|
+
.cc-form-fieldset-heading
|
|
540
|
+
label(for="MailMessageFile") ファイル添付
|
|
541
|
+
span.optional 任意
|
|
542
|
+
.cc-form-fieldset-attention
|
|
543
|
+
.mail-attention 注意書き
|
|
544
|
+
.cc-form-fieldset-body
|
|
545
|
+
#FieldMessageFile.mail-field(data-type="file")
|
|
546
|
+
span.mail-before-attachment 前見出し
|
|
547
|
+
span.mail-input
|
|
548
|
+
input#MailMessageFile(name="data[MailMessage][File]" type="file")
|
|
549
|
+
span.mail-after-attachment 後見出し
|
|
550
|
+
.cc-form-agreement
|
|
551
|
+
p
|
|
552
|
+
| 送信前に
|
|
553
|
+
a(href="__PATH_TO__") 個人情報保護方針
|
|
554
|
+
| をご確認ください。
|
|
555
|
+
.cc-form-submit
|
|
556
|
+
button#BtnMessageConfirm(type="submit"): span 送信内容を確認
|
|
557
|
+
input#TokenFields__TOKEN(
|
|
558
|
+
type="hidden"
|
|
559
|
+
name="data[_Token][fields]"
|
|
560
|
+
value="__TOKEN__")
|
|
561
|
+
input#TokenUnlocked__TOKEN(
|
|
562
|
+
type="hidden"
|
|
563
|
+
name="data[_Token][unlocked]"
|
|
564
|
+
value="__TOKEN__")
|
|
565
|
+
|
|
566
|
+
.c-page-sub__nav-sitemap
|
|
567
|
+
include ../../_libs/component/_c-nav-sitemap.pug
|
|
568
|
+
.c-page-sub__footer
|
|
569
|
+
include ../../_libs/component/_c-footer.pug
|
|
@@ -0,0 +1,211 @@
|
|
|
1
|
+
html(lang="ja")
|
|
2
|
+
head
|
|
3
|
+
include ../../_libs/mixin/meta.pug
|
|
4
|
+
+meta('__ページタイトル__ | __サイトタイトル__')
|
|
5
|
+
body.c-page-sub
|
|
6
|
+
.c-page-sub__base
|
|
7
|
+
.c-page-sub__header
|
|
8
|
+
include ../../_libs/component/_c-header.pug
|
|
9
|
+
.c-page-sub__nav-global
|
|
10
|
+
include ../../_libs/component/_c-nav-global.pug
|
|
11
|
+
|
|
12
|
+
.c-page-sub__main
|
|
13
|
+
main
|
|
14
|
+
.c-page-sub__content
|
|
15
|
+
.c-page-sub__title-page
|
|
16
|
+
include ../../_libs/component/_c-title-page.pug
|
|
17
|
+
.c-page-sub__nav-breadcrumb
|
|
18
|
+
include ../../_libs/component/_c-nav-breadcrumb.pug
|
|
19
|
+
.c-page-sub__content-main
|
|
20
|
+
.c-content-main
|
|
21
|
+
.cc-form-description
|
|
22
|
+
p 以下の内容を送信します。
|
|
23
|
+
|
|
24
|
+
form#MailMessageIndexForm.cc-form(
|
|
25
|
+
action="__PATH_TO__"
|
|
26
|
+
enctype="multipart/form-data"
|
|
27
|
+
method="post"
|
|
28
|
+
accept-charset="utf-8"
|
|
29
|
+
novalidate)
|
|
30
|
+
input(type="hidden" name="_method" value="POST")
|
|
31
|
+
input#Token__TOKEN__(type="hidden" name="data[_Token][key]" value="__TOKEN__")
|
|
32
|
+
input#MailMessageMode(type="hidden" name="data[MailMessage][mode]")
|
|
33
|
+
.cc-form-field-list
|
|
34
|
+
.cc-form-fieldset
|
|
35
|
+
.cc-form-fieldset-heading
|
|
36
|
+
span フィールドグループ名
|
|
37
|
+
span.required 必須
|
|
38
|
+
.cc-form-fieldset-body
|
|
39
|
+
.mail-field(data-type="text")
|
|
40
|
+
span.mail-before-attachment 前見出し
|
|
41
|
+
span.mail-input __入力内容__
|
|
42
|
+
span.mail-after-attachment 後見出し
|
|
43
|
+
.mail-field(data-type="text")
|
|
44
|
+
span.mail-before-attachment
|
|
45
|
+
span.mail-input __入力内容__
|
|
46
|
+
span.mail-after-attachment 後見出し
|
|
47
|
+
.cc-form-fieldset
|
|
48
|
+
div
|
|
49
|
+
.cc-form-fieldset-heading
|
|
50
|
+
span 単体フィールド名
|
|
51
|
+
span.required 必須
|
|
52
|
+
.cc-form-fieldset-body
|
|
53
|
+
.mail-field(data-type="text")
|
|
54
|
+
span.mail-before-attachment 前見出し
|
|
55
|
+
span.mail-input __入力内容__
|
|
56
|
+
span.mail-after-attachment 後見出し
|
|
57
|
+
.cc-form-fieldset
|
|
58
|
+
div
|
|
59
|
+
.cc-form-fieldset-heading
|
|
60
|
+
span 氏名
|
|
61
|
+
span.required 必須
|
|
62
|
+
.cc-form-fieldset-body
|
|
63
|
+
.mail-field(data-type="text")
|
|
64
|
+
span.mail-before-attachment 姓
|
|
65
|
+
span.mail-input __入力内容__
|
|
66
|
+
span.mail-after-attachment
|
|
67
|
+
.mail-field(data-type="text")
|
|
68
|
+
span.mail-before-attachment 名
|
|
69
|
+
span.mail-input __入力内容__
|
|
70
|
+
span.mail-after-attachment
|
|
71
|
+
.cc-form-fieldset
|
|
72
|
+
div
|
|
73
|
+
.cc-form-fieldset-heading
|
|
74
|
+
span フリガナ
|
|
75
|
+
span.optional 任意
|
|
76
|
+
.cc-form-fieldset-body
|
|
77
|
+
.mail-field(data-type="text")
|
|
78
|
+
span.mail-before-attachment セイ
|
|
79
|
+
span.mail-input __入力内容__
|
|
80
|
+
span.mail-after-attachment
|
|
81
|
+
.mail-field(data-type="text")
|
|
82
|
+
span.mail-before-attachment メイ
|
|
83
|
+
span.mail-input __入力内容__
|
|
84
|
+
span.mail-after-attachment
|
|
85
|
+
.cc-form-fieldset
|
|
86
|
+
div
|
|
87
|
+
.cc-form-fieldset-heading
|
|
88
|
+
span 住所
|
|
89
|
+
span.optional 任意
|
|
90
|
+
.cc-form-fieldset-body
|
|
91
|
+
.mail-field(data-type="text")
|
|
92
|
+
span.mail-before-attachment 〒
|
|
93
|
+
span.mail-input __入力内容__
|
|
94
|
+
span.mail-after-attachment
|
|
95
|
+
.mail-field(data-type="select")
|
|
96
|
+
span.mail-before-attachment 都道府県
|
|
97
|
+
span.mail-input __入力内容__
|
|
98
|
+
span.mail-after-attachment
|
|
99
|
+
.mail-field(data-type="text")
|
|
100
|
+
span.mail-before-attachment 市区町村
|
|
101
|
+
span.mail-input __入力内容__
|
|
102
|
+
span.mail-after-attachment
|
|
103
|
+
.mail-field(data-type="text")
|
|
104
|
+
span.mail-before-attachment 番地
|
|
105
|
+
span.mail-input __入力内容__
|
|
106
|
+
span.mail-after-attachment
|
|
107
|
+
.cc-form-fieldset
|
|
108
|
+
div
|
|
109
|
+
.cc-form-fieldset-heading
|
|
110
|
+
span チェックボックス単体
|
|
111
|
+
span.required 必須
|
|
112
|
+
.cc-form-fieldset-body
|
|
113
|
+
.mail-field(data-type="checkbox")
|
|
114
|
+
span.mail-before-attachment チェックボックス前見出し
|
|
115
|
+
div
|
|
116
|
+
ul
|
|
117
|
+
li __選択項目1__
|
|
118
|
+
li __選択項目2__
|
|
119
|
+
.cc-form-fieldset
|
|
120
|
+
div
|
|
121
|
+
.cc-form-fieldset-heading
|
|
122
|
+
span チェックボックス
|
|
123
|
+
span.required 必須
|
|
124
|
+
.cc-form-fieldset-body
|
|
125
|
+
.mail-field(data-type="checkbox")
|
|
126
|
+
div
|
|
127
|
+
ul
|
|
128
|
+
li __選択項目1__
|
|
129
|
+
li __選択項目2__
|
|
130
|
+
.mail-field(data-type="text")
|
|
131
|
+
span.mail-before-attachment その他
|
|
132
|
+
span.mail-input __入力内容__
|
|
133
|
+
span.mail-after-attachment
|
|
134
|
+
.cc-form-fieldset
|
|
135
|
+
div
|
|
136
|
+
.cc-form-fieldset-heading
|
|
137
|
+
span 電話番号
|
|
138
|
+
.cc-form-fieldset-body
|
|
139
|
+
.mail-field(data-type="text")
|
|
140
|
+
span.mail-before-attachment
|
|
141
|
+
span.mail-input __入力内容__
|
|
142
|
+
span.mail-after-attachment
|
|
143
|
+
.cc-form-fieldset
|
|
144
|
+
div
|
|
145
|
+
.cc-form-fieldset-heading
|
|
146
|
+
span メールアドレス
|
|
147
|
+
span.required 必須
|
|
148
|
+
.cc-form-fieldset-body
|
|
149
|
+
.mail-field(data-type="text")
|
|
150
|
+
span.mail-before-attachment
|
|
151
|
+
span.mail-input __入力内容__
|
|
152
|
+
span.mail-after-attachment
|
|
153
|
+
.cc-form-fieldset
|
|
154
|
+
div
|
|
155
|
+
.cc-form-fieldset-heading
|
|
156
|
+
span 生まれ年
|
|
157
|
+
span.required 必須
|
|
158
|
+
.cc-form-fieldset-body
|
|
159
|
+
.mail-field(data-type="select")
|
|
160
|
+
span.mail-before-attachment
|
|
161
|
+
span.mail-input __入力内容__
|
|
162
|
+
span.mail-after-attachment
|
|
163
|
+
.cc-form-fieldset
|
|
164
|
+
div
|
|
165
|
+
.cc-form-fieldset-heading
|
|
166
|
+
span 性別
|
|
167
|
+
span.optional 任意
|
|
168
|
+
.cc-form-fieldset-body
|
|
169
|
+
.mail-field(data-type="radio")
|
|
170
|
+
span.mail-before-attachment
|
|
171
|
+
.mail-radio
|
|
172
|
+
span.mail-input __選択項目__
|
|
173
|
+
.cc-form-fieldset
|
|
174
|
+
div
|
|
175
|
+
.cc-form-fieldset-heading
|
|
176
|
+
span テキストエリア
|
|
177
|
+
span.optional 任意
|
|
178
|
+
.cc-form-fieldset-attention
|
|
179
|
+
.mail-attention 注意書き
|
|
180
|
+
.cc-form-fieldset-body
|
|
181
|
+
.mail-field(data-type="textarea")
|
|
182
|
+
span.mail-before-attachment
|
|
183
|
+
p.mail-input __入力内容__
|
|
184
|
+
span.mail-after-attachment
|
|
185
|
+
.cc-form-fieldset
|
|
186
|
+
div
|
|
187
|
+
.cc-form-fieldset-heading
|
|
188
|
+
span テキストエリア
|
|
189
|
+
span.optional 任意
|
|
190
|
+
.cc-form-fieldset-body
|
|
191
|
+
.mail-field(data-type="textarea")
|
|
192
|
+
span.mail-before-attachment 前見出し
|
|
193
|
+
p.mail-input __入力内容__
|
|
194
|
+
span.mail-after-attachment 後見出し
|
|
195
|
+
.cc-form-fieldset
|
|
196
|
+
div
|
|
197
|
+
.cc-form-fieldset-heading
|
|
198
|
+
span ファイル添付
|
|
199
|
+
span.optional 任意
|
|
200
|
+
.cc-form-fieldset-body
|
|
201
|
+
.mail-field(data-type="file")
|
|
202
|
+
span.mail-before-attachment 前見出し
|
|
203
|
+
span.mail-input __ファイル名__
|
|
204
|
+
span.mail-after-attachment 後見出し
|
|
205
|
+
.cc-form-submit
|
|
206
|
+
button(type="submit"): span 送信する
|
|
207
|
+
|
|
208
|
+
.c-page-sub__nav-sitemap
|
|
209
|
+
include ../../_libs/component/_c-nav-sitemap.pug
|
|
210
|
+
.c-page-sub__footer
|
|
211
|
+
include ../../_libs/component/_c-footer.pug
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
html(lang="ja")
|
|
2
|
+
head
|
|
3
|
+
include ../../_libs/mixin/meta.pug
|
|
4
|
+
+meta('__ページタイトル__ | __サイトタイトル__')
|
|
5
|
+
body.c-page-sub
|
|
6
|
+
.c-page-sub__base
|
|
7
|
+
.c-page-sub__header
|
|
8
|
+
include ../../_libs/component/_c-header.pug
|
|
9
|
+
.c-page-sub__nav-global
|
|
10
|
+
include ../../_libs/component/_c-nav-global.pug
|
|
11
|
+
|
|
12
|
+
.c-page-sub__main
|
|
13
|
+
main
|
|
14
|
+
.c-page-sub__content
|
|
15
|
+
.c-page-sub__title-page
|
|
16
|
+
include ../../_libs/component/_c-title-page.pug
|
|
17
|
+
.c-page-sub__nav-breadcrumb
|
|
18
|
+
include ../../_libs/component/_c-nav-breadcrumb.pug
|
|
19
|
+
.c-page-sub__content-main
|
|
20
|
+
.c-content-main
|
|
21
|
+
.cc-form-description
|
|
22
|
+
p 送信ありがとうございました。
|
|
23
|
+
|
|
24
|
+
.c-page-sub__nav-sitemap
|
|
25
|
+
include ../../_libs/component/_c-nav-sitemap.pug
|
|
26
|
+
.c-page-sub__footer
|
|
27
|
+
include ../../_libs/component/_c-footer.pug
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
html(lang="ja")
|
|
2
|
+
head
|
|
3
|
+
meta(charset="UTF-8")
|
|
4
|
+
title テンプレート一覧
|
|
5
|
+
meta(name="viewport" content="width=device-width, initial-scale=1.0")
|
|
6
|
+
meta(http-equiv="X-UA-Compatible" content="ie=edge")
|
|
7
|
+
link(
|
|
8
|
+
rel="stylesheet"
|
|
9
|
+
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css")
|
|
10
|
+
style.
|
|
11
|
+
.list-group-item a {
|
|
12
|
+
display: block;
|
|
13
|
+
}
|
|
14
|
+
script(type="module").
|
|
15
|
+
document.querySelectorAll("a").forEach((a) => {
|
|
16
|
+
if (a.hostname === "localhost") {
|
|
17
|
+
a.pathname = a.pathname.replace(/\.html$/, "/");
|
|
18
|
+
}
|
|
19
|
+
});
|
|
20
|
+
body
|
|
21
|
+
.c-content-main
|
|
22
|
+
main.container
|
|
23
|
+
h1.my-5 テンプレート
|
|
24
|
+
|
|
25
|
+
.alert.alert-warning
|
|
26
|
+
h2.alert-heading ⚠️ コーディング時の注意
|
|
27
|
+
h3.mt-4 デザイン確認
|
|
28
|
+
ul
|
|
29
|
+
li ブレイクポイントは確認しましたか?
|
|
30
|
+
li 必要なパーツは揃っていますか?
|
|
31
|
+
li PCの横の最大幅が大きすぎないですか?
|
|
32
|
+
li 本文の1行の文字数は適切ですか?読みにくくないですか?
|
|
33
|
+
li ウィンドウサイズを変更したときに、見切れる設計になっていませんか?
|
|
34
|
+
li SPでの文字が小さすぎないですか?実寸で読みにくくないですか?
|
|
35
|
+
li CMS要件に合っていますか?
|
|
36
|
+
hr
|
|
37
|
+
h3 コーディング確認
|
|
38
|
+
ul
|
|
39
|
+
li
|
|
40
|
+
a(
|
|
41
|
+
href="https://guidelines.d-zero.co.jp/#%F0%9F%8C%90-%E5%AF%BE%E5%BF%9C%E3%83%95%E3%82%99%E3%83%A9%E3%82%A6%E3%82%B5%E3%82%99%E3%81%A8%E3%83%86%E3%82%99%E3%83%8F%E3%82%99%E3%82%A4%E3%82%B9") 対応ブラウザ
|
|
42
|
+
| は確認しましたか?
|
|
43
|
+
li メタ情報の手配は済んでいますか?
|
|
44
|
+
li 利用するJavaScriptライブラリは把握できていますか?ライセンスは確認しましたか?
|
|
45
|
+
li 画像のファイルサイズを気にしていますか?拡張子は適切ですか?
|
|
46
|
+
li
|
|
47
|
+
a(
|
|
48
|
+
href="https://guidelines.d-zero.co.jp/js.html#%F0%9F%90%8E-%E3%83%8F%E3%82%9A%E3%83%95%E3%82%A9%E3%83%BC%E3%83%9E%E3%83%B3%E3%82%B9%E3%82%92%E6%84%8F%E8%AD%98%E3%81%97%E3%81%9F%E5%AE%9F%E8%A3%85") パフォーマンスに影響を及ぼす処理
|
|
49
|
+
| を書いていませんか?
|
|
50
|
+
li フォーカスインジケーターを消していませんか?
|
|
51
|
+
li OSのスクロールバー表示をオンにして、スクロールバーの発生を確認していますか?
|
|
52
|
+
|
|
53
|
+
.list-group
|
|
54
|
+
// ⚠️ 注意: ページを増やす場合、番号は重複しないようにしてください。
|
|
55
|
+
// トップページは000番台
|
|
56
|
+
.list-group-item: a(href="000_home.html") トップページ
|
|
57
|
+
// 詳細ページは100番台
|
|
58
|
+
.list-group-item: a(href="100_sub.html") 下層固定ページ・ブログ詳細ページ
|
|
59
|
+
// インデックスページは200番台
|
|
60
|
+
.list-group-item: a(href="200_blog_index.html") ブログA一覧ページ
|
|
61
|
+
.list-group-item: a(href="210_blog_index.html") ブログB一覧ページ
|
|
62
|
+
// メールフォームは300番台
|
|
63
|
+
.list-group-item: a(href="300_form_input.html") メールフォーム入力ページ
|
|
64
|
+
.list-group-item: a(href="301_form_confirm.html") メールフォーム確認ページ
|
|
65
|
+
.list-group-item: a(href="302_form_complete.html") メールフォーム完了ページ
|
|
66
|
+
// その他は400番台
|
|
67
|
+
|
|
68
|
+
.list-group.mt-5
|
|
69
|
+
.list-group-item: a(href="https://guidelines.d-zero.co.jp" target="_blank") 📖 コーディングガイドライン
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
@import 'ress' layer(reset);
|
|
2
|
+
|
|
3
|
+
@layer base {
|
|
4
|
+
@import '@/style/base/_root.scss';
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
@layer general {
|
|
8
|
+
@import '@/style/general/_all.scss';
|
|
9
|
+
@import '@/style/general/_body.scss';
|
|
10
|
+
@import '@/style/general/_button.scss';
|
|
11
|
+
@import '@/style/general/_img.scss';
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
@layer components {
|
|
15
|
+
@import '@/component/_c-page-home.scss';
|
|
16
|
+
@import '@/component/_c-page-sub.scss';
|
|
17
|
+
@import '@/component/_c-header.scss';
|
|
18
|
+
@import '@/component/_c-footer.scss';
|
|
19
|
+
@import '@/component/_c-nav-global.scss';
|
|
20
|
+
@import '@/component/_c-nav-sitemap.scss';
|
|
21
|
+
@import '@/component/_c-nav-breadcrumb.scss';
|
|
22
|
+
@import '@/component/_c-title-page.scss';
|
|
23
|
+
@import '@/component/_c-pagination.scss';
|
|
24
|
+
@import '@/component/_c-card-list.scss';
|
|
25
|
+
@import '@/component/_c-card.scss';
|
|
26
|
+
@import '@/component/_c-media-list.scss';
|
|
27
|
+
@import '@/component/_c-media.scss';
|
|
28
|
+
@import '@/component/_c-content-index.scss';
|
|
29
|
+
@import '@/component/_c-content-main.scss';
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
@layer reset, base, general, components;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
html(lang="en")
|
|
2
|
+
head
|
|
3
|
+
meta(charset="UTF-8")
|
|
4
|
+
meta(name="viewport" content="width=device-width, initial-scale=1.0")
|
|
5
|
+
meta(http-equiv="X-UA-Compatible" content="ie=edge")
|
|
6
|
+
meta(http-equiv="refresh" content="0;URL=./__tmpl/")
|
|
7
|
+
title Document root
|
|
8
|
+
body
|
|
9
|
+
h1 Document root
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@d-zero/scaffold",
|
|
3
|
-
"version": "5.0.0-alpha.
|
|
3
|
+
"version": "5.0.0-alpha.5",
|
|
4
4
|
"description": "Frontend scaffold files of D-ZERO Co., Ltd.",
|
|
5
5
|
"repository": "https://github.com/d-zero-dev/frontend-env.git",
|
|
6
6
|
"author": "D-ZERO Co., Ltd.",
|
|
@@ -11,16 +11,6 @@
|
|
|
11
11
|
},
|
|
12
12
|
"type": "module",
|
|
13
13
|
"main": "package.json",
|
|
14
|
-
"files": [
|
|
15
|
-
"*",
|
|
16
|
-
"**/*",
|
|
17
|
-
".gitignore",
|
|
18
|
-
"!htdocs",
|
|
19
|
-
"!node_modules",
|
|
20
|
-
"!.11ty-vite",
|
|
21
|
-
"!.serve",
|
|
22
|
-
"!.DS_Store"
|
|
23
|
-
],
|
|
24
14
|
"scripts": {
|
|
25
15
|
"dev": "cross-env NODE_ENV=serve build",
|
|
26
16
|
"d": "yarn dev",
|
|
@@ -43,9 +33,9 @@
|
|
|
43
33
|
"last 2 ios_saf version"
|
|
44
34
|
],
|
|
45
35
|
"devDependencies": {
|
|
46
|
-
"@d-zero/builder": "5.0.0-alpha.
|
|
36
|
+
"@d-zero/builder": "5.0.0-alpha.5",
|
|
47
37
|
"@d-zero/linters": "5.0.0-alpha.25",
|
|
48
|
-
"@d-zero/postcss-config": "5.0.0-alpha.
|
|
38
|
+
"@d-zero/postcss-config": "5.0.0-alpha.5",
|
|
49
39
|
"@d-zero/tsconfig": "0.2.0",
|
|
50
40
|
"@types/node": "20.12.12",
|
|
51
41
|
"cross-env": "7.0.3",
|
|
@@ -60,5 +50,6 @@
|
|
|
60
50
|
"volta": {
|
|
61
51
|
"node": "22.1.0",
|
|
62
52
|
"yarn": "1.22.22"
|
|
63
|
-
}
|
|
53
|
+
},
|
|
54
|
+
"gitHead": "49060d4c1598a7267d0c4f4eeab3e3d23fc4cfe9"
|
|
64
55
|
}
|