Kichita Design Portfolio

私のスキルと作品を紹介してます。
A creative portfolio showcasing my skills and projects

---

🚀 サイト / Website

🔗 サイトはこちら / View the Site
https://kichiptf.vercel.app

※時間帯によって空が変わります。夜は星が輝き、家に灯りがともるのでおすすめです！

The sky changes depending on the time you visit the site. At night, stars appear and house lights turn on – it's best viewed in the evening!

---

🔧 使用技術 / Technologies Used

フロントエンド / Frontend:

• HTML / CSS / JavaScript
• Swiper.js

デザイン / Design:

• Responsive Design
• Dark Mode Support
• CSS Animations

その他 / Others:

• localStorage for saving user preferences
• Dynamic content loading

---

📋 主な機能 / Main Features

• 時間帯による背景変化 / Time-based Background:
  　訪問時間に応じて空の色が変化
  　> The sky color changes based on the time of day

• ダークモード / Dark Mode:
  　切り替え可能なテーマで目にも優しい
  　> Toggle theme to reduce eye strain

• 作品ギャラリー / Work Gallery:
  　カテゴリ別に制作物を紹介
  　> Showcase projects by category

• レスポンシブデザイン / Responsive Design:
  　どのデバイスでも快適に表示
  　> Optimized for various screen sizes

• 画像モーダル表示 / Image Modal View:
  　作品画像の拡大表示が可能
  　> View enlarged images in a modal

---

🌟 特徴的な実装 / Notable Implementations

• JavaScriptで現在時刻を取得し、背景グラデーションを変更。
  　> Time detection and gradient background updates using JavaScript – twilight included.

• 星の点滅や飛行機アニメーション。少し待つと飛行機が登場！
  　> Blinking stars and animated airplanes flying across the sky.

• localStorageでテーマ設定を保存。
  　> Theme preference stored with localStorage.

• コンテンツを動的に読み込むことでコードの再利用性アップ。
  　> Dynamically loaded content improves code reusability.

---

📱 レスポンシブ対応 / Responsive Support

• モバイル / Mobile（〜428px）
• タブレット / Tablet（428px〜768px）
• デスクトップ / Desktop（768px〜）

---

🚀 今後の展望 / Future Plans

• 作品追加 / Add More Works
• パフォーマンス最適化 / Optimize Heavy JS
• 操作に応じた変化 / Interactive Content Enhancements:
  　> Make the site more enjoyable with interactive elements

---

👨‍💻 作者 / Author

Kichita
フロントエンドエンジニア & デザイナー

Frontend Engineer & Designer

---

📄 ライセンス / License

© 2025 Kichita. All Rights Reserved.