Imported from yuu1111/yuu1111.github.io (
AGENTS.md). Install upstream withnpx skills add yuu1111/yuu1111.github.io. Copyright stays with the author.
開発コマンド
# 開発サーバー起動
bun dev
# ビルド (TypeScriptコンパイル + Viteビルド)
bun run build
# 型チェックのみ
bun run typecheck
# リントチェック
bun run lint
# フォーマット + unsafe自動修正
bun run format
アーキテクチャ
技術スタック
- フレームワーク: React 19 + Vite
- ルーティング: TanStack Router (ファイルベースルーティング)
- スタイリング: Tailwind CSS v4
- リンター/フォーマッター: Biome
- コンテンツ: MDX
- デプロイ: GitHub Pages (GitHub Actions)
ディレクトリ構造
src/
├── routes/ # ファイルベースルーティング
│ ├── __root.tsx # ルートレイアウト
│ ├── index.tsx # ホーム (/)
│ ├── about.tsx # 自己紹介 (/about)
│ ├── contact.tsx # 連絡先 (/contact)
│ ├── links.tsx # リンク集 (/links)
│ ├── portfolio.tsx # ポートフォリオ (/portfolio)
│ └── blog/
│ ├── index.tsx # ブログ一覧 (/blog)
│ └── $slug.tsx # ブログ記事 (/blog/:slug)
├── components/
│ ├── ui/ # 共通UIコンポーネント (shadcn/uiスタイル)
│ └── Navigation.tsx
└── types/ # 型定義
data/ # JSONデータファイル
├── projects.json # プロジェクト一覧
├── links.json # SNSリンク
└── contacts.json # 連絡先
content/
└── blog/ # MDXブログ記事 (frontmatter: title, date)
パスエイリアス
@/→src/@data/→data/@content/→content/
ルーティング
TanStack Routerは src/routes/ 配下のファイル構造からルートを自動生成する。
routeTree.gen.tsは自動生成されるため編集不可- 動的ルートは
$param.tsx形式
ブログ記事の追加
content/blog/にslug-name.mdxを作成- frontmatter に
titleとdateを設定 - MDXコンテンツは
import.meta.globで動的にインポートされる
