個人ポートフォリオ — tombp.fr

プロジェクトについて

Tomfolio は tombp.fr のソースコードで、Next.js 14（App Router）、React 18、TypeScript を Vercel 上で組み合わせて作られています。インターフェースは独自のデザインシステム「Void & Gold」に従い、深い黒の面に金のアクセント、Space Grotesk と DM Sans のタイポグラフィ、HUD に着想を得たコンポーネントを採用しています。Three.js がヒーローのワイヤーフレーム歯車シーンと、セクションごとのアンビエントキャンバス（リング、グリッド、ウェーブ、コンステレーション）を駆動し、Framer Motion がばねベースのスクロールアニメーションを担います。サイトは next-intl により 8 ロケールに完全対応し、ロケール別メタデータ、hreflang、言語別の動的 Open Graph 画像、JSON-LD 構造化データ、サイトマップ、robots を備えます。問い合わせフォームは React Hook Form、Zod、Formspree を組み合わせています。主要セクションに加えて、11 個のインタラクティブなミニアプリ（ライフゲーム、メモリ、天気、ポモドーロ、タスクブレイカー、ムードトラッカー、タイピングテスト、カラーパレット、スネーク、アンビエントサウンドミキサー、ピクセルアートエディタ）を集めた Playground を内蔵しています。