ポートフォリオ（Astro）

作品・技術・旅の記録をひとつにまとめた、このサイトです。Astro の静的サイト生成で作り、自分の VPS で配信しています。

主な機能

• 作品・スキル・経歴: microCMS で管理しています。作品に付けたスキルのタグから、Skills の項目へ移動できます
• Journey: Instagram に載せた旅の投稿約1,000件を、都道府県・旅・聖地巡礼・テーマの4つの軸でたどれます。新しい投稿は毎日 GitHub Actions が取り込み、プルリクエストにします
• 昼夜の自動切り替え: 日の出・日没の時刻に合わせて、ライトモードとダークモードを切り替えます

仕組み

• ビルドと配信を分ける: GitHub Actions でビルドしたイメージを GHCR に置き、VPS では nginx で配信するだけにしています
• 外部サービスが止まってもサイトが出る: microCMS の内容はビルドの前に取得して保存し、ビルドそのものは外部を呼びません。取得に失敗しても、最後に取れた内容で公開されます
• 撮影地の判定: 投稿の本文やタグから都道府県を決め、判定の規則と根拠を記録に残しています

技術構成

• Astro・TypeScript・Tailwind CSS
• microCMS（作品・スキル・プロフィール）
• Python（Instagram の投稿の取り込みと判定）
• Docker・nginx・GitHub Actions・GHCR