個人サイトを作成しました

はじめに

このたび、個人サイトを作成しました。 静的サイトジェネレーターのAstroを採用し、 モダンなダークモードデザインとブログ機能を実装しました。

採用した技術スタック

• Astro: 高速な静的サイトジェネレーター
• Tailwind CSS: ユーティリティファーストのCSSフレームワーク
• TypeScript: 型安全性の向上
• GitHub Pages: ホスティング

主な変更点

1. ダークモードデザイン

目に優しいダークモードをデフォルトとし、アクセントカラーには青と紫のグラデーションを採用。 モダンで洗練された印象を目指しました。

.gradient-text {
  background: linear-gradient(to right, #3b82f6, #8b5cf6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

2. ブログ機能の追加

マークダウンファイルで記事を管理できるブログ機能を実装。

3. レスポンシブデザイン

モバイルファーストで設計し、どのデバイスでも快適に閲覧できるようにしました。

まとめ

Astroの高速性とTailwind CSSの開発効率の良さにより、短時間でモダンなサイトを構築できました。 今後もブログを通じて技術的な様々な学びを共有していきたいと思います。