@d-zero/scaffold 5.0.0-alpha.10

package/.editorconfig

@@ -0,0 +1,18 @@
+# http://editorconfig.org
+root = true
+
+[*]
+indent_style = tab
+indent_size = 4
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false
+indent_style = space
+
+[*.yml]
+indent_style = space
+indent_size = 4

package/.eslintrc.cjs

@@ -0,0 +1,4 @@
+module.exports = {
+	extends: ['@d-zero/eslint-config'],
+	ignorePatterns: ['@static'],
+};

package/.gitignore

@@ -0,0 +1,25 @@
+.DS_Store
+node_modules
+npm-error.log
+yarn-error.log
+.env
+
+# Huge File
+*.zip
+*.psd
+*.pdf
+*.ai
+*.mp3
+*.mp4
+*.mov
+
+# Privacy
+*.sql
+
+# Temporary
+.11ty-vite
+.serve
+
+# Document Root
+htdocs
+!__assets/htdocs

package/.markuplintrc

@@ -0,0 +1,3 @@
+{
+	"extends": ["@d-zero/markuplint-config"]
+}

package/.postcssrc.js

@@ -0,0 +1,5 @@
+import postcss from '@d-zero/postcss-config';
+
+export default {
+	...postcss,
+};

package/.prettierignore

@@ -0,0 +1 @@
+@static

package/.prettierrc.mjs

@@ -0,0 +1,5 @@
+import prettierConfig from '@d-zero/prettier-config';
+
+export default {
+	...prettierConfig,
+};

package/.pug-lintrc

@@ -0,0 +1,3 @@
+{
+	"extends": "@d-zero/pug-lint-config"
+}

package/.stylelintrc

@@ -0,0 +1,3 @@
+{
+	"extends": ["@d-zero/stylelint-config"]
+}

package/.textlintrc.js

@@ -0,0 +1,3 @@
+module.exports = {
+	...require('@d-zero/textlint-config'),
+};

package/.vscode/extensions.json

@@ -0,0 +1,11 @@
+{
+	"recommendations": [
+		"esbenp.prettier-vscode",
+		"editorconfig.editorconfig",
+		"stylelint.vscode-stylelint",
+		"dbaeumer.vscode-eslint",
+		"yusukehirao.vscode-markuplint",
+		"mrmlnc.vscode-puglint",
+		"streetsidesoftware.code-spell-checker"
+	]
+}

package/.vscode/settings.json

@@ -0,0 +1,42 @@
+{
+	"editor.renderWhitespace": "all",
+	"editor.wordSeparators": "`~!@#%^&*()=+[{]}\\|;:'\",.<>/?",
+	"editor.renderControlCharacters": true,
+	"files.trimTrailingWhitespace": true,
+	"typescript.tsdk": "node_modules/typescript/lib",
+	"git.ignoreLimitWarning": true,
+	"html.format.enable": true,
+	"css.validate": false,
+	"scss.validate": false,
+	"stylelint.validate": ["css", "scss"],
+
+	"files.associations": {
+		".stylelintrc": "json",
+		".markuplintrc": "json",
+		".pug-lintrc": "json"
+	},
+
+	// Plugin settings
+	"puglint.enable": true,
+
+	// Auto format
+	"editor.formatOnSave": true,
+	"[html]": {
+		"editor.defaultFormatter": "esbenp.prettier-vscode"
+	},
+	"[javascript]": {
+		"editor.defaultFormatter": "esbenp.prettier-vscode"
+	},
+	"[markdown]": {
+		"editor.defaultFormatter": "esbenp.prettier-vscode"
+	},
+	"editor.codeActionsOnSave": {
+		"source.fixAll.eslint": "explicit",
+		"source.fixAll.stylelint": "explicit"
+	},
+
+	// GitHub Copilot
+	"github.copilot.enable": {
+		"*": false
+	}
+}

package/CHANGELOG.md

@@ -0,0 +1,56 @@
+# Change Log
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [5.0.0-alpha.10](https://github.com/d-zero-dev/frontend-env/compare/v5.0.0-alpha.9...v5.0.0-alpha.10) (2024-06-11)
+
+### Bug Fixes
+
+- **scaffold:** 生成ファイルや静的ファイルがリント対象となっていたため除外設定を追加 ([0938636](https://github.com/d-zero-dev/frontend-env/commit/0938636ec260337914eaa4d0ab98aead709164fc))
+- **scaffold:** 文字選択の背景色が表示できない設定になっていたので削除 ([5b7a559](https://github.com/d-zero-dev/frontend-env/commit/5b7a559adb103a868901cfe7ab8dc7ef2f5d5e12))
+
+### Features
+
+- **scaffold:** リセットを`destyle.css`に変更 ([10f05c7](https://github.com/d-zero-dev/frontend-env/commit/10f05c79f54b41114c3d26194ad1ba84b15fd61d))
+
+# [5.0.0-alpha.9](https://github.com/d-zero-dev/frontend-env/compare/v5.0.0-alpha.8...v5.0.0-alpha.9) (2024-06-10)
+
+### Features
+
+- **builder:** `publicDir`を`eleventyConfig.addGlobalData`に設定できるように追加 ([26e2740](https://github.com/d-zero-dev/frontend-env/commit/26e2740c8df32cc60cb4e407fe4cfc20919a7e5a))
+- **scaffold:** `[@static](https://github.com/static)`フォルダを空フォルダとして予め準備 ([7fe485b](https://github.com/d-zero-dev/frontend-env/commit/7fe485b2ef4d5a13e23e494c1d2c5422ef3fdc3b))
+
+# [5.0.0-alpha.8](https://github.com/d-zero-dev/frontend-env/compare/v5.0.0-alpha.7...v5.0.0-alpha.8) (2024-05-23)
+
+**Note:** Version bump only for package @d-zero/scaffold
+
+# [5.0.0-alpha.7](https://github.com/d-zero-dev/frontend-env/compare/v5.0.0-alpha.6...v5.0.0-alpha.7) (2024-05-14)
+
+**Note:** Version bump only for package @d-zero/scaffold
+
+# [5.0.0-alpha.6](https://github.com/d-zero-dev/frontend-env/compare/v5.0.0-alpha.5...v5.0.0-alpha.6) (2024-05-14)
+
+**Note:** Version bump only for package @d-zero/scaffold
+
+# [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)
+
+### Bug Fixes
+
+- **scaffold:** fix published files ([f35ae2b](https://github.com/d-zero-dev/frontend-env/commit/f35ae2b9c46f14efda206acf518d10bd3b4a582f))
+
+# [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)
+
+**Note:** Version bump only for package @d-zero/scaffold
+
+# [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)
+
+### Bug Fixes
+
+- **scaffold:** fix to include `.gitignore` in package ([e432294](https://github.com/d-zero-dev/frontend-env/commit/e43229418c0cd7c97100bc421fb277dd53883284))
+
+# 5.0.0-alpha.1 (2024-05-14)
+
+### Features
+
+- **repo:** first commit ([8d3d8e5](https://github.com/d-zero-dev/frontend-env/commit/8d3d8e54ba047d5431b958d7f28af026357a4886))

package/README.md

@@ -0,0 +1,13 @@
+# D-ZERO フロントエンド標準開発環境
+
+詳細は[ガイドライン](https://guidelines.d-zero.co.jp)を参照してください。
+
+## コマンド
+
+| コマンド     | 実行される内容                                       |
+| ------------ | ---------------------------------------------------- |
+| `yarn`       | 必要なパッケージのインストール                       |
+| `yarn dev`   | 開発用ローカル環境の起動（ http://localhost:8080/ ） |
+| `yarn lint`  | リントチェック                                       |
+| `yarn build` | ビルド                                               |
+| `yarn up`    | 依存パッケージのアップデート                         |

package/__assets/_libs/.markuplintrc

@@ -0,0 +1,19 @@
+{
+	"extends": ["../../.markuplintrc"],
+	"nodeRules": [
+		{
+			"selector": "link, script",
+			"rules": {
+				"invalid-attr": {
+					"options": {
+						"allowAttrs": {
+							"⚠️": {
+								"type": "Any"
+							}
+						}
+					}
+				}
+			}
+		}
+	]
+}

package/__assets/_libs/component/_c-card-list.scss

@@ -0,0 +1,7 @@
+@use '../style/theme' as *;
+
+.c-card-list {
+	display: grid;
+	grid-template-columns: repeat(auto-fit, minmax(calc(200 / 17 * 1em), 1fr));
+	gap: 0.5em;
+}

package/__assets/_libs/component/_c-card.pug

@@ -0,0 +1,23 @@
+.c-card
+	a(href=article.url)
+		.c-card__img
+			img(src=article.img alt height="300" decoding="async" width="400")
+		.c-card__header
+			.c-card__meta
+				if article.cat
+					.c-card__category(data-category=article.cat.id)
+						span= article.cat.name
+				if article.time
+					.c-card__time(data-datetime=filters.date(article.time, "YYYY-MM-DD"))
+						span= filters.date(article.time, "YYYY.MM.DD")
+				if article.tag
+					.c-card__tags
+						ul
+							each tag in article.tag
+								li.c-card__tag-item(data-tag=tag)
+									span= tag
+			.c-card__title
+				span= article.title
+		.c-card__body
+			.c-card__description
+				p= article.desc

package/__assets/_libs/component/_c-card.scss

@@ -0,0 +1,106 @@
+@use '../style/theme' as *;
+
+.c-card {
+	position: relative;
+	block-size: 100%;
+	overflow: hidden;
+	border: 1px solid var(--border-color);
+	outline: 2px solid transparent;
+	transition: outline 300ms;
+
+	&:has(a:hover) {
+		border: 1px solid var(--border-color);
+		outline: 2px solid var(--border-color);
+	}
+
+	> a {
+		block-size: 100%;
+		color: currentcolor;
+		text-decoration: none;
+	}
+
+	&__img {
+		inline-size: 100%;
+
+		img {
+			inset-block-start: 0;
+			inset-inline-start: 0;
+			display: block;
+			inline-size: 100%;
+			aspect-ratio: 4 / 3;
+			object-fit: cover;
+			object-position: center top;
+		}
+	}
+
+	&__header {
+		flex: 0 1 auto;
+		padding-inline: 1em;
+	}
+
+	&__body {
+		flex: 0 1 100%;
+		padding-block: 0.5em 2em;
+		padding-inline: 1em;
+	}
+
+	&__title {
+		padding: 0;
+		margin-block: 0;
+		margin-inline: auto;
+	}
+
+	// ブログのみ
+	&__meta {
+		//
+	}
+
+	// ブログのみ
+	&__time {
+		display: none;
+	}
+
+	// ブログのみ
+	&__category {
+		//
+	}
+
+	// ブログのみ
+	&__tags {
+		ul {
+			padding: 0;
+			margin-block: 0;
+			margin-inline: auto;
+			list-style: none;
+		}
+	}
+
+	// ブログのみ
+	&__tag-item {
+		display: inline-block;
+		padding: 0;
+		margin: 0;
+		list-style: none;
+
+		span {
+			display: block;
+			padding-block: 0.2em;
+			padding-inline: 1em;
+		}
+	}
+
+	// ブログのみ
+	&__author {
+		display: none;
+	}
+
+	&__description {
+		padding: 0;
+		margin: 0;
+
+		p {
+			padding: 0;
+			margin: 0;
+		}
+	}
+}

package/__assets/_libs/component/_c-content-index.scss

@@ -0,0 +1,8 @@
+@use '../style/theme' as *;
+
+.c-content-index {
+	&__body {
+		margin-block: 0;
+		margin-inline: auto;
+	}
+}

package/__assets/_libs/component/_c-content-main.scss

@@ -0,0 +1,270 @@
+@use '../style/theme' as *;
+
+/* stylelint-disable selector-class-pattern, selector-nested-pattern -- content-main特殊ルール */
+//
+// メインコンテンツ（content-mainコンポーネント）の内容はCMSなどで管理されるHTMLを含んだり、
+// ページ独自のスタイルを扱うことが多いので例外的に専用のルールを設ける。
+//
+// メインコンテンツのエレメントは基本的に自由である。
+// ただし、クラス名は`c-`で開始してはいけない。もちろん 【`c-` + `コンポーネント名` + `__` + `エレメント名`】 という規則でクラス名をつけない。
+// さらにそのルールに従って、メインコンテンツの中にコンポーネントを内包してはいけない。
+.c-content-main {
+	:where(*) {
+		text-underline-offset: 3px;
+	}
+
+	:where(h2, h3, h4, h5, h6, p) {
+		margin-block-end: max(0.75em, 1rem);
+	}
+
+	:where(ul, ol, table, blockquote) {
+		margin-block-end: 2em;
+	}
+
+	:where(h2) {
+		font-size: var(--font-size-h2);
+	}
+
+	:where(h3) {
+		font-size: var(--font-size-h3);
+	}
+
+	:where(h4) {
+		font-size: var(--font-size-h4);
+	}
+
+	:where(h5) {
+		font-size: var(--font-size-h5);
+	}
+
+	:where(h6) {
+		font-size: var(--font-size-h6);
+	}
+
+	:where(ul, ol) {
+		list-style-position: inside;
+	}
+
+	:where(blockquote) {
+		padding-inline: 1em;
+		border-inline-start: 3px solid var(--border-color);
+	}
+
+	:where(table) {
+		inline-size: 100%;
+		border-collapse: collapse;
+	}
+
+	:where(th, td) {
+		padding: 1em;
+		border: 1px solid var(--border-color);
+	}
+
+	.cc-form-description {
+		//
+	}
+
+	.cc-form {
+		margin: 0 auto;
+	}
+
+	.cc-form-field-list {
+		//
+	}
+
+	.cc-form-fieldset {
+		display: block;
+		padding: 1em 2em;
+
+		fieldset {
+			padding: 0;
+			margin: 0;
+			border: none;
+		}
+
+		legend {
+			padding: 0;
+			margin: 0;
+		}
+
+		&-heading {
+			display: flex;
+			align-items: center;
+			font-size: calc(18 / 16 * 1em);
+			font-weight: bold;
+
+			label {
+				display: block;
+				cursor: pointer;
+			}
+
+			.required,
+			.optional {
+				display: block;
+				margin: 0 0 0 0.5em;
+				font-size: calc(12 / 18 * 1em);
+				line-height: 1;
+				border-radius: 0.2em;
+			}
+		}
+
+		&-attention {
+			margin: 0.5em 0;
+			font-size: calc(12 / 18 * 1em);
+			font-weight: normal;
+		}
+
+		&-body {
+			//
+		}
+	}
+
+	.mail-field {
+		padding: 0 0 1em;
+		margin: 0 0 0 1em;
+
+		&:last-child {
+			border-block-end: 1px solid var(--border-color);
+		}
+
+		&[data-type='text'],
+		&[data-type='select'] {
+			display: grid;
+			grid-template:
+				'before-attachment input after-attachment' auto
+				'description description description' auto
+				'error-message error-message error-message' auto
+				/ auto 1fr auto;
+			grid-gap: 0;
+
+			> * {
+				place-self: center flex-start;
+			}
+
+			.mail-before-attachment {
+				grid-area: before-attachment;
+				margin: 0 1em 0 0;
+
+				&:empty {
+					margin: 0;
+				}
+			}
+
+			.mail-input {
+				grid-area: input;
+			}
+
+			.mail-after-attachment {
+				grid-area: after-attachment;
+				margin: 0 0 0 1em;
+
+				&:empty {
+					margin: 0;
+				}
+			}
+
+			.mail-description {
+				grid-area: description;
+				font-size: calc(12 / 16 * 1em);
+			}
+
+			.error-message {
+				grid-area: error-message;
+				font-size: calc(12 / 16 * 1em);
+			}
+		}
+
+		.mail-before-attachment {
+			font-weight: bold;
+		}
+
+		.mail-input {
+			display: block;
+			grid-area: input;
+			inline-size: 100%;
+
+			input:not([type='radio'], [type='checkbox']),
+			textarea {
+				inline-size: 100%;
+				padding-inline: 0.5em;
+				font-family: inherit;
+				font-size: inherit;
+				border: 1px solid var(--border-color);
+				border-radius: 0.2em;
+
+				&[size] {
+					inline-size: auto;
+				}
+
+				&[type='file'] {
+					padding-block: 0;
+					padding-inline: 0 1em;
+
+					&::-webkit-file-upload-button {
+						appearance: none;
+						border: none;
+					}
+				}
+			}
+
+			input:not([type='radio'], [type='checkbox']) {
+				&:not([size]) {
+					inline-size: 100%;
+				}
+			}
+
+			textarea {
+				&:not([cols]) {
+					inline-size: 100%;
+				}
+			}
+
+			select {
+				padding: 0.5em calc(0.5em + 24px + 2px) 0.5em 0.5em;
+				appearance: none;
+				background-image: url('@/img/bg-arrow.svg');
+				background-repeat: no-repeat;
+				background-position: right calc(0.2em + 2px) top calc(100% / 2 + 2px);
+				border: 1px solid var(--border-color);
+				border-radius: 0.2em;
+			}
+		}
+
+		.checkbox {
+			display: flex;
+			align-items: center;
+			justify-content: flex-start;
+
+			input {
+				display: block;
+				padding: 0;
+				margin: 0;
+				line-height: 1;
+			}
+
+			label {
+				cursor: pointer;
+			}
+		}
+
+		.mail-group-radio {
+			> span {
+				display: flex;
+				align-items: center;
+				justify-content: flex-start;
+
+				input {
+					display: block;
+					padding: 0;
+					margin: 0 0.5em 0 0;
+					line-height: 1;
+				}
+
+				label {
+					cursor: pointer;
+				}
+			}
+		}
+	}
+}
+/* stylelint-enable selector-class-pattern, selector-nested-pattern */

package/__assets/_libs/component/_c-footer.pug

@@ -0,0 +1,8 @@
+footer.c-footer
+	.c-footer__body
+		.c-footer__links
+			ul
+				li: a(href="__URL__") 個人情報保護方針
+				li: a(href="__URL__") サイトポリシー
+				li: a(href="__URL__") お問い合わせ
+		small.c-footer__copyright ©2024 THE SITE NAME Co.,Ltd.