Fox Studio
プロジェクト概要
自分のポートレート用に作成しました。
エンジニア・ディレクターとして成果を見せられるようにある程度モダンな構成で構成しています。
Gridというテーマでサイトを制作しており、MV部分も格子上のブロックが動くようにしています。
技術構成とフロントエンド実装
フロントエンドは Nuxt4を利用しています。 モダン構成にするために、Lenisスクロール / GSAPでのアニメーションを組み込んでいます。
- Nuxt4 / Vue3
- GSAP / Lenis
- Three.js
- ESLint / Markuplint
- 多言語化対応（日本語・英語）
- テーマカラー切り替え（ライトテーマ / ダークテーマ）
- PWA
- AWS（S3 / CloudFront / Lambda）
- Git（CI/CD）
- GA4 / GTM
- Figma
コンテンツ運用
制作実績はコンテンツ更新フローを考慮し、マークダウンベースでページを管理できる仕組みを採用しています。
- マークダウン + フロントマターによる一元管理
- 新規ページ作成のテンプレ化
- 自動ルーティングによる追加作業の削減