← Projects

Private · 2026 · Web

This Portfolio

3D の露天風呂から入る、このポートフォリオサイト

担当工程

  1. 要件定義
  2. UI/UX設計
  3. 技術設計
  4. 開発
  5. リリース
  6. 保守

Why

企業の方に経歴を短時間で伝えつつ、興味を持った方にはさらに深く知ってもらえる構造を目指して制作しました。

Stack & Why

FrontendAstroTypeScript全ページを静的な HTML として書き出し、どの端末でも速く表示
3DThree.jsトップだけで後から読み込み、読み込めない環境では通常のリンク一覧に切り替え
ContentMarkdownZod短い文言は型付きの 1 ファイル、長文は Markdown。書式の誤りはビルド時に検出
DesignCSS配色を変数で一元管理し、夜の温泉の世界観を全ページで統一