@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 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,10 @@
1
+ {
2
+ "extends": ["../../.eslintrc.cjs"],
3
+ "env": {
4
+ "node": false,
5
+ "browser": true,
6
+ "jquery": true,
7
+ "es6": true,
8
+ "commonjs": true
9
+ }
10
+ }
@@ -0,0 +1,19 @@
1
+ {
2
+ "extends": ["../../../.markuplintrc"],
3
+ "nodeRules": [
4
+ {
5
+ "selector": "link, script",
6
+ "rules": {
7
+ "invalid-attr": {
8
+ "options": {
9
+ "allowAttrs": {
10
+ "⚠️": {
11
+ "type": "Any"
12
+ }
13
+ }
14
+ }
15
+ }
16
+ }
17
+ }
18
+ ]
19
+ }
@@ -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
+ | &nbsp;
250
+ label(for="MailMessageCategoryItem1") 項目1
251
+ .checkbox
252
+ input#MailMessageCategoryItem2(
253
+ type="checkbox"
254
+ name="data[MailMessage][category][]"
255
+ value="Item2")
256
+ | &nbsp;
257
+ label(for="MailMessageCategoryItem2") 項目2
258
+ .checkbox
259
+ input#MailMessageCategoryItem3(
260
+ type="checkbox"
261
+ name="data[MailMessage][category][]"
262
+ value="Item3")
263
+ | &nbsp;
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
+ | &nbsp;
287
+ label(for="MailMessageField41") 生麦生米生卵
288
+ .checkbox
289
+ input#MailMessageField42(
290
+ type="checkbox"
291
+ name="data[MailMessage][contents][]"
292
+ value="2")
293
+ | &nbsp;
294
+ label(for="MailMessageField42") 赤パジャマ黄パジャマ茶パジャマ
295
+ .checkbox
296
+ input#MailMessageField43(
297
+ type="checkbox"
298
+ name="data[MailMessage][contents][]"
299
+ value="3")
300
+ | &nbsp;
301
+ label(for="MailMessageField43") 青巻紙赤巻紙黄巻紙
302
+ .checkbox
303
+ input#MailMessageField44(
304
+ type="checkbox"
305
+ name="data[MailMessage][contents][]"
306
+ value="4")
307
+ | &nbsp;
308
+ label(for="MailMessageField44") 隣の客はよく柿食う客だ
309
+ .checkbox
310
+ input#MailMessageField45(
311
+ type="checkbox"
312
+ name="data[MailMessage][contents][]"
313
+ value="5")
314
+ | &nbsp;
315
+ label(for="MailMessageField45") かえるぴょこぴょこ3ぴょこぴょこ あわせてぴょこぴょこ6ぴょこぴょこ
316
+ .checkbox
317
+ input#MailMessageField46(
318
+ type="checkbox"
319
+ name="data[MailMessage][contents][]"
320
+ value="6")
321
+ | &nbsp;
322
+ label(for="MailMessageField46") 東京特許許可局許可局長
323
+ .checkbox
324
+ input#MailMessageField47(
325
+ type="checkbox"
326
+ name="data[MailMessage][contents][]"
327
+ value="7")
328
+ | &nbsp;
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
@@ -0,0 +1,3 @@
1
+ import { helloWorld } from '@/script/index.js';
2
+
3
+ helloWorld();
@@ -0,0 +1,7 @@
1
+ @charset 'utf-8';
2
+
3
+ @use '../../__assets/_libs/style/base/reset';
4
+ @use '../../__assets/_libs/style/base/root';
5
+ @use '../../__assets/_libs/style/general/all';
6
+ @use '../../__assets/_libs/style/general/body';
7
+ @use '../../__assets/_libs/style/general/button';
@@ -0,0 +1,8 @@
1
+ include ../../_libs/mixin/meta.pug
2
+
3
+ html(lang="ja")
4
+ head
5
+ +meta('__テスト用ファイル__')
6
+ body
7
+ main
8
+ h1 Hello World!
@@ -0,0 +1,9 @@
1
+ import createMainScript, { __smLte } from '../../__assets/_libs/script/index';
2
+
3
+ // eslint-disable-next-line no-console
4
+ console.log(__smLte);
5
+
6
+ createMainScript(() => {
7
+ // eslint-disable-next-line no-console
8
+ console.log('このスクリプトは、サブフォルダのテスト用です。');
9
+ });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@d-zero/scaffold",
3
- "version": "5.0.0-alpha.3",
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.2",
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.2",
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
  }