このファイルでは、サイトのコンテンツを管理する方法を説明します。
src/data/config.json の personal セクションを編集:
{
"personal": {
"name": "あなたの名前",
"role": "あなたの役職",
"description": "自己紹介文",
"email": "your.email@example.com",
"github": "https://github.com/yourusername",
"linkedin": "https://linkedin.com/in/yourusername",
"qiita": "https://qiita.com/yourusername",
"skills": ["React", "TypeScript", "AWS"]
}
}src/data/config.json の projects 配列を編集:
{
"projects": [
{
"id": 1,
"title": "プロジェクト名",
"description": "プロジェクトの説明",
"tags": ["React", "TypeScript"],
"demoUrl": "https://demo.com",
"githubUrl": "https://github.com/user/project",
"category": "webapp"
}
]
}category の種類:
"webapp"- Webアプリケーション"program"- プログラム・ツール"extension"- Chrome拡張機能
src/data/config.jsonを編集- ローカルで確認:
npm run dev
- ビルドとデプロイ:
npm run build ./deploy.sh
images/hero/- アバター画像images/projects/- プロジェクトスクリーンショットimages/icons/- アイコン(SVG推奨)
詳細は IMAGE_OPTIMIZATION_GUIDE.md を参照。