Image for watabeggの個人サイト

watabeggの個人サイト

公開日: 2025/5/5
Web開発 Astro Tailwind CSS daisyUI ポートフォリオ

概要

自身の活動とアウトプットをまとめるため、Astroをベースに高速で管理しやすいポートフォリオサイトを構築。ブログ・プロダクト紹介・スキル情報のハブとして設計し、コンテンツ更新の効率化も図った。

期間

2025/04-現在（8カ月）

使用技術

  • Astro — 静的生成と部分的なインタラクションを両立
  • Tailwind CSS + daisyUI — デザインシステムをユーティリティで管理
  • TypeScript — コンポーネントとスクリプトの型安全性を担保

業務領域

  • サイト情報アーキテクチャの設計
  • UIデザインとテーマの策定
  • コンテンツコレクションとビルドパイプライン整備
  • GitHub Pagesへのデプロイ構成構築

工夫点

  1. Astro Content Collectionsで記事とプロダクト情報を管理
  2. TailwindプリセットとdaisyUIでコンポーネント開発を効率化
  3. GSAPを用いたアニメーションでブランド体験を向上

余談

サイト自体を実験場と位置付け、スキルシート自動生成や新しいライブラリの検証を随時実施中。今後は多言語化やアクセシビリティ改善にも着手予定。