Personal Blog & Portfolio Website

このプロジェクトは、Astroを使用して構築された個人ブログ＆ポートフォリオウェブサイトです。

🌟 特徴

• ブログ機能（Markdown対応）
• プロフィールページ
• コンタクトフォーム
• レスポンシブデザイン
• UnoCSSによるスタイリング
• TypeScriptサポート

🚀 技術スタック

• Astro - 静的サイトジェネレーター
• TypeScript - 型安全な開発
• UnoCSS - スタイリング
• date-fns - 日付操作
• React（一部コンポーネント）

📦 プロジェクト構造

主要なディレクトリとその役割：

/
├── src/
│   ├── assets/      # 画像などの静的アセット
│   ├── components/  # 再利用可能なコンポーネント
│   ├── content/     # ブログ記事のMarkdownファイル
│   ├── layouts/     # ページレイアウト
│   ├── lib/        # ユーティリティ関数とAPI
│   ├── pages/      # ルーティング用ページコンポーネント
│   ├── styles/     # グローバルスタイルとCSS
│   └── types/      # TypeScript型定義
└── public/         # 静的ファイル

🛠️ セットアップ

1. リポジトリをクローン：

git clone [repository-url]

2. 依存関係をインストール：

pnpm install

3. 環境変数ファイルを作成：

cp .env.example .env
# 各サービスのIDやエンドポイントを編集

4. 開発サーバーを起動：

pnpm run dev

📝 コマンド

コマンド	説明
pnpm install	依存関係をインストール
pnpm run dev	開発サーバーを起動（localhost:4321）
pnpm run build	本番用ビルドを生成（./dist/）
pnpm run preview	ビルドしたサイトをプレビュー

🔄 自動更新

環境構成の詳細は environment.md に記載されており、プロジェクトの構造が変更されると自動的に更新されます。

公開リポジトリ向けの環境変数設定とセキュリティチェックは docs/public-release-checklist.md を参照してください。

📄 ライセンス

このプロジェクトはMITライセンスの下で公開されています。