diff --git a/public/static/favicon.ico b/public/static/favicon.ico
new file mode 100644
index 00000000..3346422e
Binary files /dev/null and b/public/static/favicon.ico differ
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 42acdd34..2977f940 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,27 +1,28 @@
 import '@acab/reset.css'
-import type { FC, ReactNode } from 'react'
-
-import Tracker from '@nasustim.com/components/molecules/SEO/Tracker'
-import { SITE_DOMAIN, SITE_TITLE } from '../constants'
+import { type ReactNode } from 'react'
+import Tracker from '@/components/molecules/SEO/Tracker'
+import { SITE_DOMAIN, SITE_TITLE } from '@/constants/values'
 import { signikaNegative, workSans } from 'src/font'
 
 type Props = {
   children: ReactNode
 }
 
-const RootLayout: FC<Props> = ({ children }) => (
-  <html lang='ja'>
-    <head>
-      <Tracker gaTrackingId={process.env.GA_MEASUREMENT_ID} />
-    </head>
-    <body className={`${signikaNegative.variable} ${workSans.variable}`}>{children}</body>
-  </html>
-)
+function RootLayout({ children }: Props) {
+  return (
+    <html lang='ja'>
+      <head>
+        <Tracker gaTrackingId={process.env.GA_MEASUREMENT_ID} />
+      </head>
+      <body className={`${signikaNegative.variable} ${workSans.variable}`}>{children}</body>
+    </html>
+  )
+}
 
 export default RootLayout
 
 export const metadata = {
-  title: `top - ${SITE_TITLE}`,
+  title: `${SITE_TITLE}`,
   alternates: {
     canonical: `${SITE_DOMAIN}/`,
   },
diff --git a/src/app/not-found.tsx b/src/app/not-found.tsx
index 253de80c..0a5ff1fe 100644
--- a/src/app/not-found.tsx
+++ b/src/app/not-found.tsx
@@ -1,8 +1,7 @@
 'use client'
+import Template from '@/components/templates/error'
 
-import Template from '@nasustim.com/components/templates/error'
-
-const Page = () => {
+function Page() {
   const error = new Error('404 Not Found')
   return <Template error={error} />
 }
diff --git a/src/app/page.tsx b/src/app/page.tsx
index b7f3665e..f447df50 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,6 +1,5 @@
 'use client'
-
-import Index from '@nasustim.com/components/templates/index/index'
+import Index from '@/components/templates/index/index'
 
 const Page = () => {
   return <Index />
diff --git a/src/app/works/[slug]/page.tsx b/src/app/works/[slug]/page.tsx
index ccad4253..8786d150 100644
--- a/src/app/works/[slug]/page.tsx
+++ b/src/app/works/[slug]/page.tsx
@@ -1,14 +1,13 @@
 import { Metadata } from 'next'
-
-import { SITE_DOMAIN, SITE_TITLE } from '../../../constants'
-import Layout from '@nasustim.com/components/templates/works'
+import { SITE_DOMAIN, SITE_TITLE } from '@/constants/values'
+import Layout from '@/components/templates/works'
 
 type Props = {
   slug: string
 }
 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
-const Page = ({ params }: { params: Props }) => {
+function Page({ params }: { params: Props }) {
   return (
     <Layout>
       <div>🚧 Under Construction 🚧</div>
@@ -16,10 +15,12 @@ const Page = ({ params }: { params: Props }) => {
   )
 }
 
-export const generateStaticParams = () => {
-  // 以前のページで用意していた個別ページ
-  // ToDo: コンテンツを復活させる
-  const slugList = [
+/**
+ * Following contents were exists on past portfolio page
+ * ToDo: remake following contents
+ */
+export function generateStaticParams() {
+  return [
     'slash-module-slash-whom',
     'shokei-no-kagami',
     'aster-as-code',
@@ -31,8 +32,6 @@ export const generateStaticParams = () => {
     'oton-glass',
     'iamasonic-2019',
   ].map((slug) => ({ slug }))
-
-  return slugList
 }
 
 export default Page
@@ -41,7 +40,7 @@ export async function generateMetadata({ params }: { params: Props }): Promise<M
   const slug = params.slug
 
   return {
-    title: `works - ${SITE_TITLE}`,
+    title: `${slug} - ${SITE_TITLE}`,
     alternates: {
       canonical: `${SITE_DOMAIN}/works/${slug}`,
     },
diff --git a/src/components/atoms/Icons/index.module.scss b/src/components/atoms/Icons/index.module.scss
index 642fe024..2ff486af 100644
--- a/src/components/atoms/Icons/index.module.scss
+++ b/src/components/atoms/Icons/index.module.scss
@@ -1,4 +1,4 @@
-@use "../../../constants.scss" as c;
+@use "../../../constants/style.scss" as c;
 
 .icon {
   width: 100%;
diff --git a/src/components/atoms/Icons/index.tsx b/src/components/atoms/Icons/index.tsx
index 94ea3529..3e1b0a01 100644
--- a/src/components/atoms/Icons/index.tsx
+++ b/src/components/atoms/Icons/index.tsx
@@ -1,7 +1,5 @@
 import { type FC } from 'react'
-
 import style from './index.module.scss'
-
 import type { IconType } from 'react-icons'
 import { AiFillGithub, AiFillFacebook } from 'react-icons/ai'
 import { FaKeybase } from 'react-icons/fa'
diff --git a/src/components/atoms/ProfileImage/index.tsx b/src/components/atoms/ProfileImage/index.tsx
index 8ebf9b4a..62082633 100644
--- a/src/components/atoms/ProfileImage/index.tsx
+++ b/src/components/atoms/ProfileImage/index.tsx
@@ -1,7 +1,7 @@
 import { type FC } from 'react'
 import Image from 'next/image'
 import styles from './index.module.scss'
-import ProfileImageSrc from '@nasustim.com/statics/profile_400x400.jpg'
+import ProfileImageSrc from '@/statics/profile_400x400.jpg'
 
 type Props = { width: number; height: number }
 
diff --git a/src/components/atoms/Text/H1/index.module.scss b/src/components/atoms/Text/H1/index.module.scss
index f5338684..95dcc8d2 100644
--- a/src/components/atoms/Text/H1/index.module.scss
+++ b/src/components/atoms/Text/H1/index.module.scss
@@ -1,4 +1,4 @@
-@use "../../../../constants.scss" as c;
+@use "../../../../constants/style.scss" as c;
 
 .h1 {
   color: c.$color-text-primary;
diff --git a/src/components/atoms/Text/H2/index.module.scss b/src/components/atoms/Text/H2/index.module.scss
index b8781e0e..52ffaa4a 100644
--- a/src/components/atoms/Text/H2/index.module.scss
+++ b/src/components/atoms/Text/H2/index.module.scss
@@ -1,4 +1,4 @@
-@use "../../../../constants.scss" as c;
+@use "../../../../constants/style.scss" as c;
 
 .h2 {
   color: c.$color-text-primary;
diff --git a/src/components/atoms/Text/Link/index.module.scss b/src/components/atoms/Text/Link/index.module.scss
index 396ce08a..33ca2e9f 100644
--- a/src/components/atoms/Text/Link/index.module.scss
+++ b/src/components/atoms/Text/Link/index.module.scss
@@ -1,4 +1,4 @@
-@use "../../../../constants.scss" as c;
+@use "../../../../constants/style.scss" as c;
 
 .link {
   color: c.$color-text-link;
diff --git a/src/components/atoms/Text/Plain/index.module.scss b/src/components/atoms/Text/Plain/index.module.scss
index ca633c95..b571ec7b 100644
--- a/src/components/atoms/Text/Plain/index.module.scss
+++ b/src/components/atoms/Text/Plain/index.module.scss
@@ -1,4 +1,4 @@
-@use "../../../../constants.scss" as c;
+@use "../../../../constants/style.scss" as c;
 
 .plain {
   color: c.$color-text-primary__sub;
diff --git a/src/components/molecules/ButtonList/index.module.scss b/src/components/molecules/ButtonList/index.module.scss
index d4a026fb..e9ae4be9 100644
--- a/src/components/molecules/ButtonList/index.module.scss
+++ b/src/components/molecules/ButtonList/index.module.scss
@@ -1,4 +1,4 @@
-@use "../../../constants.scss" as c;
+@use "../../../constants/style.scss" as c;
 
 .button-list {
   width: 100%;
diff --git a/src/components/molecules/List/li.tsx b/src/components/molecules/List/li.tsx
index 3fc13927..5f02c9f1 100644
--- a/src/components/molecules/List/li.tsx
+++ b/src/components/molecules/List/li.tsx
@@ -1,4 +1,4 @@
-import Text from '@nasustim.com/components/atoms/Text/Plain'
+import Text from '@/components/atoms/Text/Plain'
 import type { FC, ReactNode } from 'react'
 
 interface Props {
diff --git a/src/components/organisms/HeaderProfile/index.module.scss b/src/components/organisms/HeaderProfile/index.module.scss
index 110bb18d..8e0f30e9 100644
--- a/src/components/organisms/HeaderProfile/index.module.scss
+++ b/src/components/organisms/HeaderProfile/index.module.scss
@@ -1,4 +1,4 @@
-@use "../../../constants.scss" as c;
+@use "../../../constants/style.scss" as c;
 
 .header-profile {
   display: flex;
diff --git a/src/components/organisms/HeaderProfile/index.tsx b/src/components/organisms/HeaderProfile/index.tsx
index 38f1e88b..f32e651c 100644
--- a/src/components/organisms/HeaderProfile/index.tsx
+++ b/src/components/organisms/HeaderProfile/index.tsx
@@ -1,12 +1,12 @@
 import { type FC } from 'react'
 import style from './index.module.scss'
-import ProfileImage from '@nasustim.com/components/atoms/ProfileImage'
-import { Facebook, GitHub, Keybase, Blog } from '@nasustim.com/components/atoms/Icons'
-import Button from '@nasustim.com/components/atoms/Button'
-import ButtonList from '@nasustim.com/components/molecules/ButtonList'
-import H1 from '@nasustim.com/components/atoms/Text/H1'
-import Link from '@nasustim.com/components/atoms/Text/Link'
-import P from '@nasustim.com/components/atoms/Text/Plain'
+import ProfileImage from '@/components/atoms/ProfileImage'
+import { Facebook, GitHub, Keybase, Blog } from '@/components/atoms/Icons'
+import Button from '@/components/atoms/Button'
+import ButtonList from '@/components/molecules/ButtonList'
+import H1 from '@/components/atoms/Text/H1'
+import Link from '@/components/atoms/Text/Link'
+import P from '@/components/atoms/Text/Plain'
 
 const imageSize = 144
 const snsIconSize = 32
diff --git a/src/components/templates/_utils/Section/index.module.scss b/src/components/templates/_utils/Section/index.module.scss
index e337389b..eadef8e5 100644
--- a/src/components/templates/_utils/Section/index.module.scss
+++ b/src/components/templates/_utils/Section/index.module.scss
@@ -1,4 +1,4 @@
-@use "../../../../constants.scss" as c;
+@use "../../../../constants/style.scss" as c;
 
 .section {
   display: flex;
diff --git a/src/components/templates/error/index.tsx b/src/components/templates/error/index.tsx
index 221a1ad1..bc22e00e 100644
--- a/src/components/templates/error/index.tsx
+++ b/src/components/templates/error/index.tsx
@@ -2,7 +2,7 @@ import type { FC } from 'react'
 import style from '../index.module.scss'
 
 import Section from '../_utils/Section'
-import H1 from '@nasustim.com/components/atoms/Text/H1'
+import H1 from '@/components/atoms/Text/H1'
 
 interface Props {
   error?: Error
diff --git a/src/components/templates/index.module.scss b/src/components/templates/index.module.scss
index 499da579..1509d1e8 100644
--- a/src/components/templates/index.module.scss
+++ b/src/components/templates/index.module.scss
@@ -1,4 +1,4 @@
-@use "../../constants" as c;
+@use "../../constants/style.scss" as c;
 
 .template {
   background-color: c.$color-bg-white;
diff --git a/src/components/templates/index/index.tsx b/src/components/templates/index/index.tsx
index a79857b0..0ce25470 100644
--- a/src/components/templates/index/index.tsx
+++ b/src/components/templates/index/index.tsx
@@ -1,7 +1,7 @@
 import type { FC } from 'react'
 import style from '../index.module.scss'
 import Section from '../_utils/Section'
-import HeaderProfile from '@nasustim.com/components/organisms/HeaderProfile'
+import HeaderProfile from '@/components/organisms/HeaderProfile'
 
 const Template: FC = () => (
   <div className={style.template}>
diff --git a/src/constants.scss b/src/constants/style.scss
similarity index 100%
rename from src/constants.scss
rename to src/constants/style.scss
diff --git a/src/constants.ts b/src/constants/values.ts
similarity index 100%
rename from src/constants.ts
rename to src/constants/values.ts
diff --git a/tsconfig.json b/tsconfig.json
index 6eac616c..0247601b 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -39,8 +39,9 @@
     "moduleResolution": "node", /* Specify module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6). */ //
     "baseUrl": "./", /* Base directory to resolve non-absolute module names. */
     "paths": {
-      "@nasustim.com/statics/*": ["./public/static/*"],
-      "@nasustim.com/components/*": ["./src/components/*"],
+      "@/statics/*": ["./public/static/*"],
+      "@/components/*": ["./src/components/*"],
+      "@/constants/*": ["./src/constants/*"],
       //"containers/*": ["./containers"],
       //"pages/*":      ["./pages"],
       //"repositories/*": ["./repositories"],
