k35o · k35o · Sep 16, 2024 · Sep 16, 2024
diff --git a/src/app/@modal/(.)sql-statement/page.tsx → src/app/@modal/(.)engineerings/page.tsx b/src/app/@modal/(.)sql-statement/page.tsx → src/app/@modal/(.)engineerings/page.tsx
@@ -3,10 +3,10 @@ import { Modal } from '../_components/modal';
 
 export default function Page() {
  return (
- <Modal title="🖥️ SQL">
+ <Modal title="🧑‍💻 Engineerings">
  <div className="flex w-full flex-col gap-4">
  <AppCard
- link="/sql-statement/creating"
+ link="/engineerings/creating"
  emotion="📄"
  title="テーブル作成"
  description="テーブルを作成するSQL文を生成します"

diff --git a/src/app/_components/showcase/showcase.stories.tsx b/src/app/_components/showcase/showcase.stories.tsx
@@ -22,9 +22,9 @@ export const Primary: Story = {
  <ShowCase.Item link="/colors" emotion="🎨" title="Colors" />
  <ShowCase.Item link="/quizzes" emotion="💡" title="Quizzes" />
  <ShowCase.Item
- link="/sql-statement"
- emotion="🖥️"
- title="SQL"
+ link="/engineerings"
+ emotion="🧑‍💻"
+ title="Engineerings"
  />
  <ShowCase.Item link="/blog" emotion="📕" title="Blog" />
  </ShowCase.Container>

diff --git a/...create-columns/create-columns-by-form.tsx → ...create-columns/create-columns-by-form.tsx b/...create-columns/create-columns-by-form.tsx → ...create-columns/create-columns-by-form.tsx
diff --git a/...reate-columns/create-columns-by-table.tsx → ...reate-columns/create-columns-by-table.tsx b/...reate-columns/create-columns-by-table.tsx → ...reate-columns/create-columns-by-table.tsx
diff --git a/...create-columns/create-columns.stories.tsx → ...create-columns/create-columns.stories.tsx b/...create-columns/create-columns.stories.tsx → ...create-columns/create-columns.stories.tsx
@@ -5,7 +5,7 @@ import { Column } from '../../_types/column';
 import { uuidV4 } from '@/utils/uuid-v4';
 
 const meta: Meta<typeof CreateColumns> = {
- title: 'app/sql-statement/columns-info',
+ title: 'app/engineerings/columns-info',
  component: CreateColumns,
 };
 

diff --git a/...ponents/create-columns/create-columns.tsx → ...ponents/create-columns/create-columns.tsx b/...ponents/create-columns/create-columns.tsx → ...ponents/create-columns/create-columns.tsx
diff --git a/...ment/_components/create-columns/hooks.tsx → ...ings/_components/create-columns/hooks.tsx b/...ment/_components/create-columns/hooks.tsx → ...ings/_components/create-columns/hooks.tsx
diff --git a/...ement/_components/create-columns/index.ts → ...rings/_components/create-columns/index.ts b/...ement/_components/create-columns/index.ts → ...rings/_components/create-columns/index.ts
diff --git a/...create-columns/loading-create-columns.tsx → ...create-columns/loading-create-columns.tsx b/...create-columns/loading-create-columns.tsx → ...create-columns/loading-create-columns.tsx
diff --git a/...estriction/create-restriction.stories.tsx → ...estriction/create-restriction.stories.tsx b/...estriction/create-restriction.stories.tsx → ...estriction/create-restriction.stories.tsx
@@ -6,7 +6,7 @@ import { Column } from '../../_types/column';
 import { uuidV4 } from '@/utils/uuid-v4';
 
 const meta: Meta<typeof CreateRestriction> = {
- title: 'app/sql-statement/create-restriction',
+ title: 'app/engineerings/create-restriction',
  component: CreateRestriction,
 };
 

diff --git a/...create-restriction/create-restriction.tsx → ...create-restriction/create-restriction.tsx b/...create-restriction/create-restriction.tsx → ...create-restriction/create-restriction.tsx
diff --git a/...t/_components/create-restriction/index.ts → ...s/_components/create-restriction/index.ts b/...t/_components/create-restriction/index.ts → ...s/_components/create-restriction/index.ts
diff --git a/...trictions/create-restrictions.stories.tsx → ...trictions/create-restrictions.stories.tsx b/...trictions/create-restrictions.stories.tsx → ...trictions/create-restrictions.stories.tsx
@@ -6,7 +6,7 @@ import { Column } from '../../_types/column';
 import { uuidV4 } from '@/utils/uuid-v4';
 
 const meta: Meta<typeof CreateRestrictions> = {
- title: 'app/sql-statement/create-restrictions',
+ title: 'app/engineerings/create-restrictions',
  component: CreateRestrictions,
 };
 

diff --git a/...eate-restrictions/create-restrictions.tsx → ...eate-restrictions/create-restrictions.tsx b/...eate-restrictions/create-restrictions.tsx → ...eate-restrictions/create-restrictions.tsx
diff --git a/.../_components/create-restrictions/index.ts → .../_components/create-restrictions/index.ts b/.../_components/create-restrictions/index.ts → .../_components/create-restrictions/index.ts
diff --git a/...nts/create-table/create-table.stories.tsx → ...nts/create-table/create-table.stories.tsx b/...nts/create-table/create-table.stories.tsx → ...nts/create-table/create-table.stories.tsx
@@ -4,7 +4,7 @@ import { useState } from 'react';
 import { Table } from '../../_types/table';
 
 const meta: Meta<typeof CreateTable> = {
- title: 'app/sql-statement/create-table',
+ title: 'app/engineerings/create-table',
 };
 
 export default meta;

diff --git a/..._components/create-table/create-table.tsx → ..._components/create-table/create-table.tsx b/..._components/create-table/create-table.tsx → ..._components/create-table/create-table.tsx
diff --git a/...atement/_components/create-table/index.ts → ...eerings/_components/create-table/index.ts b/...atement/_components/create-table/index.ts → ...eerings/_components/create-table/index.ts
diff --git a/src/app/sql-statement/_state/index.ts → src/app/engineerings/_state/index.ts b/src/app/sql-statement/_state/index.ts → src/app/engineerings/_state/index.ts
diff --git a/src/app/sql-statement/_types/column.ts → src/app/engineerings/_types/column.ts b/src/app/sql-statement/_types/column.ts → src/app/engineerings/_types/column.ts
diff --git a/src/app/sql-statement/_types/restriction.ts → src/app/engineerings/_types/restriction.ts b/src/app/sql-statement/_types/restriction.ts → src/app/engineerings/_types/restriction.ts
diff --git a/src/app/sql-statement/_types/table.ts → src/app/engineerings/_types/table.ts b/src/app/sql-statement/_types/table.ts → src/app/engineerings/_types/table.ts
diff --git a/...ql-statement/creating/_utils/statement.ts → ...engineerings/creating/_utils/statement.ts b/...ql-statement/creating/_utils/statement.ts → ...engineerings/creating/_utils/statement.ts
diff --git a/src/app/sql-statement/creating/layout.tsx → src/app/engineerings/creating/layout.tsx b/src/app/sql-statement/creating/layout.tsx → src/app/engineerings/creating/layout.tsx
@@ -6,7 +6,7 @@ export const metadata = {
  openGraph: {
  title: 'テーブル作成',
  description: 'テーブルを作成するSQL文を生成します',
- url: 'https://k8o.me/sql-statement/creating',
+ url: 'https://k8o.me/engineerings/creating',
  },
  twitter: {
  title: 'テーブル作成',

diff --git a/src/app/sql-statement/creating/page.tsx → src/app/engineerings/creating/page.tsx b/src/app/sql-statement/creating/page.tsx → src/app/engineerings/creating/page.tsx
diff --git a/src/app/engineerings/layout.tsx b/src/app/engineerings/layout.tsx
@@ -0,0 +1,38 @@
+import Link from 'next/link';
+import { Heading } from '../../components/heading';
+
+export const metadata = {
+ title: 'Engineerings',
+ description:
+ 'Webアプリケーション開発に役立つあれこれを用意しています',
+ openGraph: {
+ title: 'Engineerings',
+ description:
+ 'Webアプリケーション開発に役立つあれこれを用意しています',
+ url: 'https://k8o.me/engineerings',
+ siteName: 'k8o',
+ locale: 'ja',
+ type: 'website',
+ },
+ twitter: {
+ title: 'Engineerings',
+ card: 'summary',
+ description:
+ 'Webアプリケーション開発に役立つあれこれを用意しています',
+ },
+};
+
+export default function Layout({
+ children,
+}: {
+ children: React.ReactNode;
+}) {
+ return (
+ <div className="flex flex-col gap-6">
+ <Link href="/engineerings">
+ <Heading type="h2">Engineerings</Heading>
+ </Link>
+ {children}
+ </div>
+ );
+}
diff --git a/src/app/sql-statement/opengraph-image.tsx → src/app/engineerings/opengraph-image.tsx b/src/app/sql-statement/opengraph-image.tsx → src/app/engineerings/opengraph-image.tsx
@@ -2,7 +2,7 @@ import { ImageResponse } from 'next/og';
 
 export const runtime = 'edge';
 
-export const alt = 'converter';
+export const alt = 'engineerings';
 export const size = {
  width: 1200,
  height: 600,
@@ -36,7 +36,7 @@ export default async function OpenGraphImage() {
  justifyContent: 'center',
  }}
  >
- 🖥️
+ 🧑‍💻
  </div>
  </div>
  ),

diff --git a/src/app/sql-statement/page.tsx → src/app/engineerings/page.tsx b/src/app/sql-statement/page.tsx → src/app/engineerings/page.tsx
@@ -4,7 +4,7 @@ export default function Page() {
  return (
  <div className="flex flex-col gap-4">
  <AppCard
- link="/sql-statement/creating"
+ link="/engineerings/creating"
  emotion="📄"
  title="テーブル作成"
  description="テーブルを作成するSQL文を生成します"

diff --git a/src/app/sql-statement/twitter-image.tsx → src/app/engineerings/twitter-image.tsx b/src/app/sql-statement/twitter-image.tsx → src/app/engineerings/twitter-image.tsx
@@ -2,7 +2,7 @@ import { ImageResponse } from 'next/og';
 
 export const runtime = 'edge';
 
-export const alt = 'converter';
+export const alt = 'engineerings';
 export const size = {
  width: 512,
  height: 512,
@@ -36,7 +36,7 @@ export default async function TwitterImage() {
  width: 384,
  }}
  >
- 🖥️
+ 🧑‍💻
  </div>
  </div>
  ),

diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -67,16 +67,16 @@ export default function Home() {
  emotion="🧑‍🎨"
  title="Designs"
  />
+ <ShowCase.Item
+ link="/engineerings"
+ emotion="🧑‍💻"
+ title="Engineerings"
+ />
  <ShowCase.Item
  link="/quizzes"
  emotion="💡"
  title="Quizzes"
  />
- <ShowCase.Item
- link="/sql-statement"
- emotion="🖥️"
- title="SQL"
- />
  <ShowCase.Item link="/blog" emotion="📕" title="Blog" />
  </ShowCase.Container>
  </div>

diff --git a/src/app/sql-statement/layout.tsx b/src/app/sql-statement/layout.tsx