@d-zero/scaffold 5.0.0-alpha.3 → 5.0.0-alpha.30

package/__assets/htdocs/__tmpl/301_form_confirm.pug

@@ -0,0 +1,212 @@
+html(lang="ja")
+	head
+		include /mixin/meta.pug
+		+meta('__ページタイトル__ | __サイトタイトル__')
+	body.c-page-sub
+		.c-page-sub__base
+			.c-page-sub__header
+				include /component/c-header.pug
+			.c-page-sub__nav-global
+				include /component/c-nav-global.pug
+
+			.c-page-sub__main
+				main
+					.c-page-sub__content
+						.c-page-sub__title-page
+							include /component/c-title-page.pug
+						.c-page-sub__nav-breadcrumb
+							include /component/c-nav-breadcrumb.pug
+						.c-page-sub__content-main
+							.c-content-main
+								.cc-form-description
+									p 以下の内容を送信します。
+
+								form#MailMessageIndexForm.cc-form(
+									action="__PATH_TO__"
+									enctype="multipart/form-data"
+									method="post"
+									accept-charset="utf-8"
+									novalidate)
+									input(type="hidden" name="_method" value="POST")
+									input#Token__TOKEN__(type="hidden" name="data[_Token][key]" value="__TOKEN__")
+									input#MailMessageMode(type="hidden" name="data[MailMessage][mode]")
+									.cc-form-field-list
+										.cc-form-fieldset
+											.cc-form-fieldset-heading
+												span フィールドグループ名
+												span.required 必須
+											.cc-form-fieldset-body
+												.mail-field(data-type="text")
+													span.mail-before-attachment 前見出し
+													span.mail-input __入力内容__
+													span.mail-after-attachment 後見出し
+												.mail-field(data-type="text")
+													span.mail-before-attachment
+													span.mail-input __入力内容__
+													span.mail-after-attachment 後見出し
+										.cc-form-fieldset
+											div
+												.cc-form-fieldset-heading
+													span 単体フィールド名
+													span.required 必須
+												.cc-form-fieldset-body
+													.mail-field(data-type="text")
+														span.mail-before-attachment 前見出し
+														span.mail-input __入力内容__
+														span.mail-after-attachment 後見出し
+										.cc-form-fieldset
+											div
+												.cc-form-fieldset-heading
+													span 氏名
+													span.required 必須
+												.cc-form-fieldset-body
+													.mail-field(data-type="text")
+														span.mail-before-attachment 姓
+														span.mail-input __入力内容__
+														span.mail-after-attachment
+													.mail-field(data-type="text")
+														span.mail-before-attachment 名
+														span.mail-input __入力内容__
+														span.mail-after-attachment
+										.cc-form-fieldset
+											div
+												.cc-form-fieldset-heading
+													span フリガナ
+													span.optional 任意
+												.cc-form-fieldset-body
+													.mail-field(data-type="text")
+														span.mail-before-attachment セイ
+														span.mail-input __入力内容__
+														span.mail-after-attachment
+													.mail-field(data-type="text")
+														span.mail-before-attachment メイ
+														span.mail-input __入力内容__
+														span.mail-after-attachment
+										.cc-form-fieldset
+											div
+												.cc-form-fieldset-heading
+													span 住所
+													span.optional 任意
+												.cc-form-fieldset-body
+													.mail-field(data-type="text")
+														span.mail-before-attachment 〒
+														span.mail-input __入力内容__
+														span.mail-after-attachment
+													.mail-field(data-type="select")
+														span.mail-before-attachment 都道府県
+														span.mail-input __入力内容__
+														span.mail-after-attachment
+													.mail-field(data-type="text")
+														span.mail-before-attachment 市区町村
+														span.mail-input __入力内容__
+														span.mail-after-attachment
+													.mail-field(data-type="text")
+														span.mail-before-attachment 番地
+														span.mail-input __入力内容__
+														span.mail-after-attachment
+										.cc-form-fieldset
+											div
+												.cc-form-fieldset-heading
+													span チェックボックス単体
+													span.required 必須
+												.cc-form-fieldset-body
+													.mail-field(data-type="checkbox")
+														span.mail-before-attachment チェックボックス前見出し
+														div
+															ul
+																li __選択項目1__
+																li __選択項目2__
+										.cc-form-fieldset
+											div
+												.cc-form-fieldset-heading
+													span チェックボックス
+													span.required 必須
+												.cc-form-fieldset-body
+													.mail-field(data-type="checkbox")
+														div
+															ul
+																li __選択項目1__
+																li __選択項目2__
+													.mail-field(data-type="text")
+														span.mail-before-attachment その他
+														span.mail-input __入力内容__
+														span.mail-after-attachment
+										.cc-form-fieldset
+											div
+												.cc-form-fieldset-heading
+													span 電話番号
+												.cc-form-fieldset-body
+													.mail-field(data-type="text")
+														span.mail-before-attachment
+														span.mail-input __入力内容__
+														span.mail-after-attachment
+										.cc-form-fieldset
+											div
+												.cc-form-fieldset-heading
+													span メールアドレス
+													span.required 必須
+												.cc-form-fieldset-body
+													.mail-field(data-type="text")
+														span.mail-before-attachment
+														span.mail-input __入力内容__
+														span.mail-after-attachment
+										.cc-form-fieldset
+											div
+												.cc-form-fieldset-heading
+													span 生まれ年
+													span.required 必須
+												.cc-form-fieldset-body
+													.mail-field(data-type="select")
+														span.mail-before-attachment
+														span.mail-input __入力内容__
+														span.mail-after-attachment
+										.cc-form-fieldset
+											div
+												.cc-form-fieldset-heading
+													span 性別
+													span.optional 任意
+												.cc-form-fieldset-body
+													.mail-field(data-type="radio")
+														span.mail-before-attachment
+														.mail-radio
+															span.mail-input __選択項目__
+										.cc-form-fieldset
+											div
+												.cc-form-fieldset-heading
+													span テキストエリア
+													span.optional 任意
+												.cc-form-fieldset-attention
+													.mail-attention 注意書き
+												.cc-form-fieldset-body
+													.mail-field(data-type="textarea")
+														span.mail-before-attachment
+														p.mail-input __入力内容__
+														span.mail-after-attachment
+										.cc-form-fieldset
+											div
+												.cc-form-fieldset-heading
+													span テキストエリア
+													span.optional 任意
+												.cc-form-fieldset-body
+													.mail-field(data-type="textarea")
+														span.mail-before-attachment 前見出し
+														p.mail-input __入力内容__
+														span.mail-after-attachment 後見出し
+										.cc-form-fieldset
+											div
+												.cc-form-fieldset-heading
+													span ファイル添付
+													span.optional 任意
+												.cc-form-fieldset-body
+													.mail-field(data-type="file")
+														span.mail-before-attachment 前見出し
+														span.mail-input __ファイル名__
+														span.mail-after-attachment 後見出し
+									.cc-form-submit
+										button(type="submit"): span 入力画面に戻る
+										button(type="submit"): span 送信する
+
+			.c-page-sub__nav-sitemap
+				include /component/c-nav-sitemap.pug
+			.c-page-sub__footer
+				include /component/c-footer.pug

package/__assets/htdocs/__tmpl/302_form_complete.pug

@@ -0,0 +1,27 @@
+html(lang="ja")
+	head
+		include /mixin/meta.pug
+		+meta('__ページタイトル__ | __サイトタイトル__')
+	body.c-page-sub
+		.c-page-sub__base
+			.c-page-sub__header
+				include /component/c-header.pug
+			.c-page-sub__nav-global
+				include /component/c-nav-global.pug
+
+			.c-page-sub__main
+				main
+					.c-page-sub__content
+						.c-page-sub__title-page
+							include /component/c-title-page.pug
+						.c-page-sub__nav-breadcrumb
+							include /component/c-nav-breadcrumb.pug
+						.c-page-sub__content-main
+							.c-content-main
+								.cc-form-description
+									p 送信ありがとうございました。
+
+			.c-page-sub__nav-sitemap
+				include /component/c-nav-sitemap.pug
+			.c-page-sub__footer
+				include /component/c-footer.pug

package/__assets/htdocs/__tmpl/index.pug

@@ -0,0 +1,63 @@
+html(lang="ja")
+	head
+		meta(charset="UTF-8")
+		title テンプレート一覧
+		meta(name="viewport" content="width=device-width, initial-scale=1.0")
+		meta(http-equiv="X-UA-Compatible" content="ie=edge")
+		link(
+			rel="stylesheet"
+			href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css")
+		style.
+			.list-group-item a {
+				display: block;
+			}
+	body
+		.c-content-main
+			main.container
+				h1.my-5 テンプレート
+
+				.alert.alert-warning
+					h2.alert-heading ⚠️ コーディング時の注意
+					h3.mt-4 デザイン確認
+					ul
+						li ブレイクポイントは確認しましたか？
+						li 必要なパーツは揃っていますか？
+						li PCの横の最大幅が大きすぎないですか？
+						li 本文の1行の文字数は適切ですか？読みにくくないですか？
+						li ウィンドウサイズを変更したときに、見切れる設計になっていませんか？
+						li SPでの文字が小さすぎないですか？実寸で読みにくくないですか？
+						li CMS要件に合っていますか？
+					hr
+					h3 コーディング確認
+					ul
+						li
+							a(
+								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") 対応ブラウザ
+							| は確認しましたか？
+						li メタ情報の手配は済んでいますか？
+						li 利用するJavaScriptライブラリは把握できていますか？ライセンスは確認しましたか？
+						li 画像のファイルサイズを気にしていますか？拡張子は適切ですか？
+						li
+							a(
+								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") パフォーマンスに影響を及ぼす処理
+							| を書いていませんか？
+						li フォーカスインジケーターを消していませんか？
+						li OSのスクロールバー表示をオンにして、スクロールバーの発生を確認していますか？
+
+				.list-group
+					// ⚠️ 注意: ページを増やす場合、番号は重複しないようにしてください。
+					// トップページは000番台
+					.list-group-item: a(href="000_home.html") トップページ
+					// 詳細ページは100番台
+					.list-group-item: a(href="100_sub.html") 下層固定ページ・ブログ詳細ページ
+					// インデックスページは200番台
+					.list-group-item: a(href="200_blog_index.html") ブログA一覧ページ
+					.list-group-item: a(href="210_blog_index.html") ブログB一覧ページ
+					// メールフォームは300番台
+					.list-group-item: a(href="300_form_input.html") メールフォーム入力ページ
+					.list-group-item: a(href="301_form_confirm.html") メールフォーム確認ページ
+					.list-group-item: a(href="302_form_complete.html") メールフォーム完了ページ
+					// その他は400番台
+
+				.list-group.mt-5
+					.list-group-item: a(href="https://guidelines.d-zero.co.jp" target="_blank") 📖 コーディングガイドライン

package/__assets/htdocs/css/bge-style.scss

@@ -0,0 +1,18 @@
+@import 'destyle.css' layer(reset);
+
+@layer base {
+	@import '@/style/base/root.scss';
+}
+
+@layer general {
+	@import '@/style/general/all.scss';
+	@import '@/style/general/body.scss';
+	@import '@/style/general/button.scss';
+	@import '@/style/general/img.scss';
+}
+
+@layer components {
+	@import '@/component/bge-content.scss';
+}
+
+@layer reset, base, general, components;

package/__assets/htdocs/css/style.scss

@@ -0,0 +1,32 @@
+@import 'destyle.css' layer(reset);
+
+@layer base {
+	@import '@/style/base/root.scss';
+}
+
+@layer general {
+	@import '@/style/general/all.scss';
+	@import '@/style/general/body.scss';
+	@import '@/style/general/button.scss';
+	@import '@/style/general/img.scss';
+}
+
+@layer components {
+	@import '@/component/c-page-home.scss';
+	@import '@/component/c-page-sub.scss';
+	@import '@/component/c-header.scss';
+	@import '@/component/c-footer.scss';
+	@import '@/component/c-nav-global.scss';
+	@import '@/component/c-nav-sitemap.scss';
+	@import '@/component/c-nav-breadcrumb.scss';
+	@import '@/component/c-title-page.scss';
+	@import '@/component/c-pagination.scss';
+	@import '@/component/c-card-list.scss';
+	@import '@/component/c-card.scss';
+	@import '@/component/c-media-list.scss';
+	@import '@/component/c-media.scss';
+	@import '@/component/c-content-index.scss';
+	@import '@/component/c-content-main.scss';
+}
+
+@layer reset, base, general, components;

package/__assets/htdocs/index.pug

@@ -0,0 +1,9 @@
+html(lang="en")
+	head
+		meta(charset="UTF-8")
+		meta(name="viewport" content="width=device-width, initial-scale=1.0")
+		meta(http-equiv="X-UA-Compatible" content="ie=edge")
+		meta(http-equiv="refresh" content="0;URL=./__tmpl/")
+		title Document root
+	body
+		h1 Document root

package/__assets/htdocs/js/script.ts

@@ -0,0 +1,3 @@
+import { helloWorld } from '@/script/index.js';
+
+helloWorld();

package/__assets/htdocs/sub-folder.test/css/style.scss

@@ -0,0 +1,5 @@
+@import 'destyle.css' layer(reset);
+@import '@/style/base/root.scss';
+@import '@/style/general/all.scss';
+@import '@/style/general/body.scss';
+@import '@/style/general/button.scss';

package/__assets/htdocs/sub-folder.test/index.pug

@@ -0,0 +1,8 @@
+include /mixin/meta.pug
+
+html(lang="ja")
+	head
+		+meta('__テスト用ファイル__')
+	body
+		main
+			h1 Hello World!

package/__assets/htdocs/sub-folder.test/js/script.ts

@@ -0,0 +1,2 @@
+// eslint-disable-next-line no-console
+console.log('このスクリプトは、サブフォルダのテスト用です。');

package/cspell.json

@@ -1,3 +1,4 @@
 {
-	"import": ["@d-zero/cspell-config"]
+	"import": ["@d-zero/cspell-config"],
+	"ignorePaths": ["./htdocs"]
 }

package/eleventy.config.mjs

@@ -0,0 +1,68 @@
+import path from 'node:path';
+
+import eleventy from '@d-zero/builder/11ty';
+
+export default function (eleventyConfig) {
+	return eleventy(eleventyConfig, {
+		/**
+		 * Alias for the path to the directory containing the components.
+		 */
+		alias: {
+			'@': path.resolve(import.meta.dirname, '__assets', '_libs'),
+		},
+
+		/**
+		 * Output directory for CSS files.
+		 */
+		// outputCssDir: 'css',
+
+		/**
+		 * Output directory for JavaScript files
+		 */
+		// outputJsDir: 'js',
+
+		/**
+		 * Output directory for image files
+		 */
+		// outputImgDir: 'img',
+
+		/**
+		 * Prettier options.
+		 *
+		 * @see https://prettier.io/docs/en/options
+		 */
+		// prettier: false,
+
+		/**
+		 * Minifier options.
+		 *
+		 * @see https://github.com/terser/html-minifier-terser?tab=readme-ov-file#options-quick-reference
+		 */
+		// minifier: { minifyJS: false },
+
+		/**
+		 * Line break.
+		 */
+		// lineBreak: '\r\n',
+
+		/**
+		 * Character encoding.
+		 */
+		// charset: 'shift_jis',
+
+		/**
+		 * Path format
+		 */
+		// pathFormat: 'directory',
+
+		/**
+		 * Automatically decode the content on the dev server.
+		 */
+		// autoDecode: true,
+
+		/**
+		 * Server Side Include options on the dev server.
+		 */
+		// ssi: { '**/*': { encoding: 'shift_jis' } },
+	});
+}

package/lint-staged.config.mjs

@@ -1,3 +1,12 @@
+import path from 'node:path';
+
 // eslint-disable-next-line import/no-extraneous-dependencies
 import lintStagedConfigGenerator from '@d-zero/lint-staged-config';
-export default lintStagedConfigGenerator();
+export default lintStagedConfigGenerator({
+	ignore: [
+		path.resolve(import.meta.dirname, 'htdocs', '**', '*'),
+		{
+			textlint: 'CHANGELOG.md',
+		},
+	],
+});

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@d-zero/scaffold",
-	"version": "5.0.0-alpha.3",
+	"version": "5.0.0-alpha.30",
 	"description": "Frontend scaffold files of D-ZERO Co., Ltd.",
 	"repository": "https://github.com/d-zero-dev/frontend-env.git",
 	"author": "D-ZERO Co., Ltd.",
@@ -11,27 +11,21 @@
 	},
 	"type": "module",
 	"main": "package.json",
-	"files": [
-		"*",
-		"**/*",
-		".gitignore",
-		"!htdocs",
-		"!node_modules",
-		"!.11ty-vite",
-		"!.serve",
-		"!.DS_Store"
-	],
 	"scripts": {
-		"dev": "cross-env NODE_ENV=serve build",
+		"build": "npx @d-zero/builder",
+		"dev": "eleventy --serve --watch",
 		"d": "yarn dev",
-		"release": "cross-env NODE_ENV=production build",
 		"lint": "run-s lint:*",
 		"lint:html": "markuplint \"./__assets/**/*.{pug,html}\"",
-		"lint:html:pug": "pug-lint ./__assets/htdocs/**/*.pug -r console; pug-lint ./__assets/_libs/**/*.pug -r console;",
-		"lint:css": " stylelint \"./__assets/**/*.scss\"",
-		"lint:js": " eslint \"./__assets/**/*.{js,mjs,cjs,jsx,ts,tsx}\"",
-		"lint:format": "prettier --write \"./__assets/**/*.{js,jsx,ts,tsx,scss,pug,html}\"",
+		"lint:pug": "pug-lint ./__assets/htdocs/**/*.pug -r console; pug-lint ./__assets/_libs/**/*.pug -r console;",
+		"lint:css": "stylelint \"./__assets/**/*.scss\" --fix",
+		"lint:js": "eslint \"./__assets/**/*.{js,mjs,cjs,jsx,ts,tsx}\" --fix",
+		"lint:ts": "tsc --noEmit",
+		"lint:format": "prettier --write \"{*,./__assets/**/*}.{js,jsx,ts,tsx,scss,pug,html,json,yaml,*rc}\"",
 		"lint:spell": "cspell --no-progress --show-suggestions \"**\"",
+		"lint:text": "textlint \"./__assets/**/*.{pug,html}\"",
+		"test": "vitest run",
+		"prepare": "husky",
 		"up": "yarn upgrade-interactive --latest"
 	},
 	"browserslist": [
@@ -43,22 +37,25 @@
 		"last 2 ios_saf version"
 	],
 	"devDependencies": {
-		"@d-zero/builder": "5.0.0-alpha.2",
-		"@d-zero/linters": "5.0.0-alpha.25",
-		"@d-zero/postcss-config": "5.0.0-alpha.2",
-		"@d-zero/tsconfig": "0.2.0",
-		"@types/node": "20.12.12",
+		"@d-zero/builder": "5.0.0-alpha.30",
+		"@d-zero/linters": "5.0.0-alpha.50",
+		"@d-zero/postcss-config": "5.0.0-alpha.30",
+		"@d-zero/tsconfig": "0.4.0",
+		"@types/node": "22.9.0",
 		"cross-env": "7.0.3",
-		"npm-run-all2": "6.1.2",
-		"sass": "1.77.1",
-		"typescript": "5.4.5"
+		"husky": "9.1.6",
+		"npm-run-all2": "7.0.1",
+		"sass": "1.80.6",
+		"typescript": "5.6.3",
+		"vitest": "2.1.4"
 	},
 	"dependencies": {
-		"ress": "5.0.2",
-		"tslib": "2.6.2"
+		"destyle.css": "4.0.1",
+		"tslib": "2.8.1"
 	},
 	"volta": {
-		"node": "22.1.0",
+		"node": "22.11.0",
 		"yarn": "1.22.22"
-	}
+	},
+	"gitHead": "b2d7a6d322568761bb2fe5335296c2ca9f4c3d47"
 }

package/prh.yaml

@@ -0,0 +1,3 @@
+# 表記揺れ検出
+# @see https://efcl.info/2015/09/14/textlint-rule-prh/
+rules:

package/tsconfig.json

@@ -1,6 +1,7 @@
 {
 	"extends": ["@d-zero/tsconfig"],
 	"compilerOptions": {
+		"checkJs": false,
 		"noEmit": true, // Instead to use Vite,
 		"paths": {
 			"@/*": ["./__assets/_libs/*"]