🌟 プロフィールサイト

シンプルでモダンな個人プロフィールサイトです。

🎨 デザインコンセプト

• モダンでプロフェッショナルな印象
• ダークモード対応
• インタラクティブなアニメーション
• アクセシビリティを考慮した UI

🛠 使用技術

• HTML5
• CSS3
  • Flexbox
  • Grid Layout
  • カスタムプロパティ（CSS 変数）
  • アニメーション
• JavaScript
  • タイピングエフェクト
  • インターセクションオブザーバー
  • ローカルストレージ
• レスポンシブデザイン

🎯 主な機能

• ダークモード切り替え（設定保存機能付き）
• タイピングアニメーション
• スクロールアニメーション
• スキルチャート表示
• 雪が降るような背景エフェクト
• レスポンシブ対応

📱 対応デバイス

• デスクトップ（1024px 以上）
• タブレット（768px 以上）
• スマートフォン（480px 以上）

🌐 ブラウザ対応

• Google Chrome
• Firefox
• Safari
• Edge
• その他モダンブラウザ

🔧 パフォーマンス最適化

• 画像の遅延読み込み
• アニメーション軽減設定対応
• モバイルファーストなレスポンシブデザイン

🎨 ファイル構造

.
├── css/
│ └── style.css
├── js/
│ ├── animation.js
│ ├── darkMode.js
│ ├── readmore.js
│ ├── skillChart.js
│ └── typing.js
├── image/
│ └── icon.png
├── index.html
└── readme.md