ポートフォリオサイト

概要

自己紹介・実績（プロジェクト、登壇、記事）をまとめたポートフォリオサイトです。見やすさを保ちながら、野球観戦・ゲームが趣味という自分らしさを取り入れています。

技術スタック

• フレームワーク：Astro（静的サイト生成）
• 言語：TypeScript
• 外部連携：Qiita API

工夫した点

• ビルド時データ統合：自作のブログ記事とQiitaの記事をgetWritingItemsで1つのタイムラインにマージし、公開7日以内の記事には自動でNewバッジを表示
• デザインの一貫性：カラーやフォントをCSSカスタムプロパティ（デザイントークン）として一元管理し、Qiita記事バッジやタグチップなど各所の配色をトークンから統一
• Content Collectionsによる型安全な運用：プロジェクト・登壇・記事それぞれにZodスキーマを定義し、Markdownのfront matterをビルド時に検証