- {postData.icon} + + {postData.icon} + {postData.title}
-
+
diff --git a/componets/layout.tsx b/componets/layout.tsx
index 8a5c481..fba814c 100644
--- a/componets/layout.tsx
+++ b/componets/layout.tsx
@@ -1,89 +1,107 @@
import Head from 'next/head'
import Link from 'next/link'
import { ReactNode } from 'react'
-
-const name = 'CardsEditor'
-export const siteTitle = name
-
+
+const name = 'CardsEditor'
+export const siteTitle = name
+
interface LayoutProps {
children: ReactNode
home?: boolean
}
export default function Layout({ children, home }: LayoutProps) {
- return (
- <>
-
-
-
-
-
-
-
-
-
-
-
-
-
- {home ? (
-
+
+
+
+ {children}
+ {!home && (
+
+
+
+ )
+}
diff --git a/lib/posts.ts b/lib/posts.ts
index 7ad2687..fa22a72 100644
--- a/lib/posts.ts
+++ b/lib/posts.ts
@@ -9,30 +9,30 @@ export interface PostMeta {
id: string
date?: string
}
-
-const postsDirectory = path.join(process.cwd(), 'posts')
-
+
+const postsDirectory = path.join(process.cwd(), 'posts')
+
export function getSortedPostsData(): PostMeta[] {
- // Get file names under /posts
- const fileNames = fs.readdirSync(postsDirectory)
- const allPostsData = fileNames.map(fileName => {
- // Remove ".md" from file name to get id
- const id = fileName.replace(/\.md$/, '')
-
- // Read markdown file as string
- const fullPath = path.join(postsDirectory, fileName)
- const fileContents = fs.readFileSync(fullPath, 'utf8')
-
- // Use gray-matter to parse the post metadata section
- const matterResult = matter(fileContents)
-
- // Combine the data with the id
- return {
- id,
- ...matterResult.data
- }
- })
- // Sort posts by date
+ // Get file names under /posts
+ const fileNames = fs.readdirSync(postsDirectory)
+ const allPostsData = fileNames.map((fileName) => {
+ // Remove ".md" from file name to get id
+ const id = fileName.replace(/\.md$/, '')
+
+ // Read markdown file as string
+ const fullPath = path.join(postsDirectory, fileName)
+ const fileContents = fs.readFileSync(fullPath, 'utf8')
+
+ // Use gray-matter to parse the post metadata section
+ const matterResult = matter(fileContents)
+
+ // Combine the data with the id
+ return {
+ id,
+ ...matterResult.data
+ }
+ })
+ // Sort posts by date
return allPostsData.sort((a, b) => {
const aDate = (a as PostMeta).date ?? ''
const bDate = (b as PostMeta).date ?? ''
@@ -42,36 +42,38 @@ export function getSortedPostsData(): PostMeta[] {
return -1
}
})
-}
-
+}
+
export function getAllPostIds(): { params: { id: string } }[] {
- const fileNames = fs.readdirSync(postsDirectory)
- return fileNames.map(fileName => {
- return {
- params: {
- id: fileName.replace(/\.md$/, '')
- }
- }
- })
-}
-
-export async function getPostData(id: string): Promise {
- const fullPath = path.join(postsDirectory, `${id}.md`)
- const fileContents = fs.readFileSync(fullPath, 'utf8')
-
- // Use gray-matter to parse the post metadata section
- const matterResult = matter(fileContents)
-
- // Use remark to convert markdown into HTML string
- const processedContent = await remark()
- .use(html)
- .process(matterResult.content)
- const contentHtml = processedContent.toString()
-
- // Combine the data with the id and contentHtml
- return {
- id,
- contentHtml,
- ...matterResult.data
- }
-}
\ No newline at end of file
+ const fileNames = fs.readdirSync(postsDirectory)
+ return fileNames.map((fileName) => {
+ return {
+ params: {
+ id: fileName.replace(/\.md$/, '')
+ }
+ }
+ })
+}
+
+export async function getPostData(
+ id: string
+): Promise {
+ const fullPath = path.join(postsDirectory, `${id}.md`)
+ const fileContents = fs.readFileSync(fullPath, 'utf8')
+
+ // Use gray-matter to parse the post metadata section
+ const matterResult = matter(fileContents)
+
+ // Use remark to convert markdown into HTML string
+ const processedContent = await remark()
+ .use(html)
+ .process(matterResult.content)
+ const contentHtml = processedContent.toString()
+
+ // Combine the data with the id and contentHtml
+ return {
+ id,
+ contentHtml,
+ ...matterResult.data
+ }
+}
diff --git a/next.config.js b/next.config.js
index f4b5f43..1955c55 100644
--- a/next.config.js
+++ b/next.config.js
@@ -1,6 +1,6 @@
const nextConfig = {
output: 'export',
- trailingSlash: true,
+ trailingSlash: true
}
module.exports = nextConfig
diff --git a/posts/2023-03-25.md b/posts/2023-03-25.md
index 04afadd..c2e2748 100644
--- a/posts/2023-03-25.md
+++ b/posts/2023-03-25.md
@@ -1,25 +1,25 @@
----
-title: 'AI時代、頼りにされるエンジニアであれ。'
-date: '2023-03-25'
-icon: 'emoji_objects'
----
-
-## こだわり
-
-自分にしかないバックグラウンドが自分個人のエンジニアの価値になると考え、デザイン的な観点や専攻分野の材料開発の知見を大切にしている。
-
-また、エンジニアの視点から一旦離れ、ユーザー目線では本質的に何が求められているか再考し、少しでも多くの人々に受け入れられるデザインを追求することにこだわっている。
-
-## 将来の姿
-
-将来はAIが発達する世界でも頼りにされるエンジニアになることを目指している。
-
-AIではなく人間が制作するからには、こだわりや安心感といったブランド的な付加価値が必要だと考えている。
-
-一つ一つの実装に明確な意志を反映させ、AIではなく自分だからこそ実現できるという信頼感のあるエンジニアを目標にしたい。
-
-そのためには、一流のサービスを目指して試行錯誤するエンジニアの考えに触れることが必要である。
-
-実際のサービスでは単に機能的な要件を満たしたプロダクトを作るのではなく、ユーザーのことを考えたUIやパフォーマンス改善が必須である。
-
-それらを経験している現役エンジニアの工夫に触れる経験を積み重ねたい。
\ No newline at end of file
+---
+title: 'AI時代、頼りにされるエンジニアであれ。'
+date: '2023-03-25'
+icon: 'emoji_objects'
+---
+
+## こだわり
+
+自分にしかないバックグラウンドが自分個人のエンジニアの価値になると考え、デザイン的な観点や専攻分野の材料開発の知見を大切にしている。
+
+また、エンジニアの視点から一旦離れ、ユーザー目線では本質的に何が求められているか再考し、少しでも多くの人々に受け入れられるデザインを追求することにこだわっている。
+
+## 将来の姿
+
+将来はAIが発達する世界でも頼りにされるエンジニアになることを目指している。
+
+AIではなく人間が制作するからには、こだわりや安心感といったブランド的な付加価値が必要だと考えている。
+
+一つ一つの実装に明確な意志を反映させ、AIではなく自分だからこそ実現できるという信頼感のあるエンジニアを目標にしたい。
+
+そのためには、一流のサービスを目指して試行錯誤するエンジニアの考えに触れることが必要である。
+
+実際のサービスでは単に機能的な要件を満たしたプロダクトを作るのではなく、ユーザーのことを考えたUIやパフォーマンス改善が必須である。
+
+それらを経験している現役エンジニアの工夫に触れる経験を積み重ねたい。
diff --git a/tsconfig.json b/tsconfig.json
index 5c70191..86df921 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,11 +1,7 @@
{
"compilerOptions": {
"target": "es5",
- "lib": [
- "dom",
- "dom.iterable",
- "esnext"
- ],
+ "lib": ["dom", "dom.iterable", "esnext"],
"allowJs": true,
"skipLibCheck": true,
"strict": true,
@@ -24,13 +20,6 @@
}
]
},
- "include": [
- "**/*.ts",
- "**/*.tsx",
- "next-env.d.ts",
- ".next/types/**/*.ts"
- ],
- "exclude": [
- "node_modules"
- ]
+ "include": ["**/*.ts", "**/*.tsx", "next-env.d.ts", ".next/types/**/*.ts"],
+ "exclude": ["node_modules"]
}
From 9f09913bcaca1eb1cad99d6bf5d1520dbadd9353 Mon Sep 17 00:00:00 2001
From: CardsEditor <79968207+cardseditor@users.noreply.github.com>
Date: Thu, 5 Jun 2025 21:08:31 +0900
Subject: [PATCH 4/7] fix: push lint results to correct branch
---
.github/workflows/ci.yml | 8 +++++---
1 file changed, 5 insertions(+), 3 deletions(-)
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 443373d..45029b8 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -14,6 +14,7 @@ jobs:
- uses: actions/checkout@v2
with:
fetch-depth: 0
+ ref: ${{ github.head_ref || github.ref }}
- name: Setup Bun
uses: oven-sh/setup-bun@v1
with:
@@ -22,16 +23,17 @@ jobs:
run: bun install
- name: Lint and format
run: |
- bun x eslint . --fix
- bun x prettier -w .
+ bunx eslint . --fix
+ bunx prettier -w .
- name: Commit changes
run: |
+ branch="${{ github.head_ref || github.ref_name }}"
if [ -n "$(git status --porcelain)" ]; then
git config user.name "github-actions"
git config user.email "github-actions@github.com"
git add .
git commit -m "chore: apply lint and format"
- git push origin HEAD:${{ github.head_ref }}
+ git push origin HEAD:$branch
fi
- name: Build
run: bun run build
From 6f360a2a76222d1f5276035b9c3c92d8e4e61da4 Mon Sep 17 00:00:00 2001
From: CardsEditor <79968207+cardseditor@users.noreply.github.com>
Date: Thu, 5 Jun 2025 21:14:46 +0900
Subject: [PATCH 5/7] chore(ci): ignore workflow files from format commit
---
.eslintignore | 1 +
.github/workflows/ci.yml | 1 +
.prettierignore | 1 +
3 files changed, 3 insertions(+)
diff --git a/.eslintignore b/.eslintignore
index a4df3ce..717f7c0 100644
--- a/.eslintignore
+++ b/.eslintignore
@@ -2,3 +2,4 @@ node_modules
.next
out
build
+.github
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 45029b8..7a4a98e 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -32,6 +32,7 @@ jobs:
git config user.name "github-actions"
git config user.email "github-actions@github.com"
git add .
+ git reset .github/
git commit -m "chore: apply lint and format"
git push origin HEAD:$branch
fi
diff --git a/.prettierignore b/.prettierignore
index a4df3ce..717f7c0 100644
--- a/.prettierignore
+++ b/.prettierignore
@@ -2,3 +2,4 @@ node_modules
.next
out
build
+.github
From 33efaa3882d96fc0c7f3be1f9f094c6d0902054d Mon Sep 17 00:00:00 2001
From: github-actions
Date: Thu, 5 Jun 2025 12:15:27 +0000
Subject: [PATCH 6/7] chore: apply lint and format
---
styles/global.css | 456 ++++++++++++++++++++++++----------------------
1 file changed, 234 insertions(+), 222 deletions(-)
diff --git a/styles/global.css b/styles/global.css
index f851585..2a9ea8c 100644
--- a/styles/global.css
+++ b/styles/global.css
@@ -1,222 +1,234 @@
-@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;500&family=Noto+Sans+JP:wght@300;500&display=swap');
-html,
-body {
- padding: 0;
- margin: 0;
- font-family: Inter, Segoe UI, Roboto, Oxygen, Ubuntu,
- Cantarell, Fira Sans, Droid Sans, Helvetica Neue, -apple-system, BlinkMacSystemFont, Noto Sans JP, sans-serif;
- font-size: 18px;
- font-weight: 300;
- line-height: 2.2;
- background: #21252b;
- color: #ddd;
-}
-
-* {
- padding: 0;
- margin: 0;
- box-sizing: border-box;
-}
-
-header {
- background-color: #282c34;
- padding: 0 20px;
- margin: 40px auto 0 auto;
- border-radius: 1000px;
- width: min(90%,1200px);
-}
-
-.header-img {
- height: clamp(32px, 5vw, 60px);
- width: clamp(32px, 5vw, 60px);
-}
-
-.header-title {
- font-size: clamp(24px, 4vw, 40px);;
- font-weight: 500;
- color: #ccc;
- margin: 10px;
-}
-
-.header-container {
- display: flex;
- align-items: center;
- justify-content: space-between;
-}
-
-.header-left {
- display: flex;
- flex-direction: row;
- align-items: center;
- gap: clamp(0px, 1vw, 16px);
- height: clamp(60px, 10vw, 90px);
-}
-
-a {
- color: #6ba1df;
- text-decoration: none;
-}
-
-a:hover {
- opacity: 0.5;
-}
-
-img {
- max-width: 100%;
- display: block;
-}
-
-.icons {
- display: flex;
- flex-direction: row;
- gap: clamp(4px, 1.6vw, 20px);
- justify-content: center;
- align-items: center;
- padding-right: clamp(4px, 1.6vw, 20px);
-}
-
-.icons a {
- display: flex;
- align-items: center;
-}
-
-.icon {
- width: clamp(20px, 2.8vw, 28px);
-}
-
-.size-24 {
- width: clamp(26px, 3.8vw, 36px);
-}
-
-main {
- width: min(90%,1000px);
- margin: 0 auto;
-}
-
-section {
- background-color: #282c34;
- padding: 2rem clamp(2rem, 2vw, 3rem);
- margin: 1rem 0;
- border-radius: 20px;
-}
-
-article p {
- margin: 18px 0;
-}
-
-.section-title {
- font-size: 1.5rem;
- font-weight: 500;
- padding-top: 2rem;
-}
-
-.content-icon {
- width: 24px;
-}
-
-.content-title {
- font-weight: 500;
- font-size: 1.2rem;
- padding-bottom: 0.5rem;
-}
-
-.content-title a {
- display: flex;
- flex-direction: row;
- align-items: center;
- gap: 0.5rem;
-}
-
-span.article-icon {
- font-size: clamp(32px, 4vw, 40px);
-}
-
-/* .material-symbols-outlined {
-} */
-
-ul {
- padding: 0;
- margin: 0;
-}
-
-li {
- list-style: none;
-}
-
-li section {
- padding: 0;
-}
-
-.section-link {
- display: flex;
- flex-direction: row;
- justify-content: flex-start;
- align-items: center;
-}
-
-.section-link-left {
- background-color: #1e2329;
- width: 120px;
- height: 120px;
- display: flex;
- justify-content: center;
- align-items: center;
- border-radius: 1rem 0 0 1rem;
-}
-
-.section-link-left span {
- color: #aaa;
- font-size: 40px;
-}
-
-.section-link-right {
- padding-left: 2rem;
- display: flex;
- flex-direction: column;
- justify-content: space-around;
-}
-
-.blog-title {
- font-weight: 500;
-}
-
-.date {
- display: flex;
- justify-content: flex-end;
- margin-right: 2rem;
-}
-
-article h1 {
- display: flex;
- justify-content: center;
- align-items: center;
- margin-top: 4rem;
-}
-
-article h1 span {
- margin-right: 1rem;
-}
-
-article h2:not(:first-child) {
- padding-top: 2rem;
-}
-
-.home {
- margin-left: 1rem;
-}
-
-small {
- color: #999;
-}
-
-.copyright {
- display: flex;
- justify-content: center;
- padding: 1rem;
- color: #999;
-}
-
-::selection {
- background-color: #999;
- color: #333;
-}
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;500&family=Noto+Sans+JP:wght@300;500&display=swap');
+html,
+body {
+ padding: 0;
+ margin: 0;
+ font-family:
+ Inter,
+ Segoe UI,
+ Roboto,
+ Oxygen,
+ Ubuntu,
+ Cantarell,
+ Fira Sans,
+ Droid Sans,
+ Helvetica Neue,
+ -apple-system,
+ BlinkMacSystemFont,
+ Noto Sans JP,
+ sans-serif;
+ font-size: 18px;
+ font-weight: 300;
+ line-height: 2.2;
+ background: #21252b;
+ color: #ddd;
+}
+
+* {
+ padding: 0;
+ margin: 0;
+ box-sizing: border-box;
+}
+
+header {
+ background-color: #282c34;
+ padding: 0 20px;
+ margin: 40px auto 0 auto;
+ border-radius: 1000px;
+ width: min(90%, 1200px);
+}
+
+.header-img {
+ height: clamp(32px, 5vw, 60px);
+ width: clamp(32px, 5vw, 60px);
+}
+
+.header-title {
+ font-size: clamp(24px, 4vw, 40px);
+ font-weight: 500;
+ color: #ccc;
+ margin: 10px;
+}
+
+.header-container {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+}
+
+.header-left {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ gap: clamp(0px, 1vw, 16px);
+ height: clamp(60px, 10vw, 90px);
+}
+
+a {
+ color: #6ba1df;
+ text-decoration: none;
+}
+
+a:hover {
+ opacity: 0.5;
+}
+
+img {
+ max-width: 100%;
+ display: block;
+}
+
+.icons {
+ display: flex;
+ flex-direction: row;
+ gap: clamp(4px, 1.6vw, 20px);
+ justify-content: center;
+ align-items: center;
+ padding-right: clamp(4px, 1.6vw, 20px);
+}
+
+.icons a {
+ display: flex;
+ align-items: center;
+}
+
+.icon {
+ width: clamp(20px, 2.8vw, 28px);
+}
+
+.size-24 {
+ width: clamp(26px, 3.8vw, 36px);
+}
+
+main {
+ width: min(90%, 1000px);
+ margin: 0 auto;
+}
+
+section {
+ background-color: #282c34;
+ padding: 2rem clamp(2rem, 2vw, 3rem);
+ margin: 1rem 0;
+ border-radius: 20px;
+}
+
+article p {
+ margin: 18px 0;
+}
+
+.section-title {
+ font-size: 1.5rem;
+ font-weight: 500;
+ padding-top: 2rem;
+}
+
+.content-icon {
+ width: 24px;
+}
+
+.content-title {
+ font-weight: 500;
+ font-size: 1.2rem;
+ padding-bottom: 0.5rem;
+}
+
+.content-title a {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ gap: 0.5rem;
+}
+
+span.article-icon {
+ font-size: clamp(32px, 4vw, 40px);
+}
+
+/* .material-symbols-outlined {
+} */
+
+ul {
+ padding: 0;
+ margin: 0;
+}
+
+li {
+ list-style: none;
+}
+
+li section {
+ padding: 0;
+}
+
+.section-link {
+ display: flex;
+ flex-direction: row;
+ justify-content: flex-start;
+ align-items: center;
+}
+
+.section-link-left {
+ background-color: #1e2329;
+ width: 120px;
+ height: 120px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border-radius: 1rem 0 0 1rem;
+}
+
+.section-link-left span {
+ color: #aaa;
+ font-size: 40px;
+}
+
+.section-link-right {
+ padding-left: 2rem;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-around;
+}
+
+.blog-title {
+ font-weight: 500;
+}
+
+.date {
+ display: flex;
+ justify-content: flex-end;
+ margin-right: 2rem;
+}
+
+article h1 {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ margin-top: 4rem;
+}
+
+article h1 span {
+ margin-right: 1rem;
+}
+
+article h2:not(:first-child) {
+ padding-top: 2rem;
+}
+
+.home {
+ margin-left: 1rem;
+}
+
+small {
+ color: #999;
+}
+
+.copyright {
+ display: flex;
+ justify-content: center;
+ padding: 1rem;
+ color: #999;
+}
+
+::selection {
+ background-color: #999;
+ color: #333;
+}
From a02ec03767504b486a76e7e66ba10864ad27fa7e Mon Sep 17 00:00:00 2001
From: CardsEditor <79968207+cardseditor@users.noreply.github.com>
Date: Thu, 5 Jun 2025 21:21:37 +0900
Subject: [PATCH 7/7] ci: avoid duplicate builds
---
.github/workflows/ci.yml | 4 ++++
1 file changed, 4 insertions(+)
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 7a4a98e..a66e265 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -2,7 +2,11 @@ name: Build
on:
push:
+ branches:
+ - main
pull_request:
+ branches:
+ - main
env:
BUN_VERSION: '1.2.15'
- 
-
+ return (
+ <>
+
+
+
+
+
+
+
+
+
+
+
+
- {name}
- {/*#android #design #web #photo
*/}
- 
+ )}
+
+ 
+ 
+ 
+
+ ◀ ホーム
+
+ )}
+