技術スタック

使用技術とこだわり

このポートフォリオサイトは、モダンなウェブ技術を活用して構築されています。

パフォーマンス、保守性、ユーザーエクスペリエンスを重視し、最新のベストプラクティスに基づいて開発しました。

技術スタック

React ベースのフルスタックフレームワーク。App Router を採用し、サーバーコンポーネントとクライアントコンポーネントを適切に使い分けています。

最新の React を使用し、コンポーネントベースの UI を構築。パフォーマンスとメンテナンス性を両立しています。

ユーティリティファーストの CSS フレームワーク。OKLCH カラースペースを使用した洗練された色彩設計を実現しています。

CSS keyframes を使用した、スムーズで洗練されたアニメーション効果。タイピングアニメーションやフェードイン効果など。

型安全性を確保し、開発効率を向上。インターフェースと型定義により、バグを未然に防ぎます。

Next.js 16 の Cache Components 機能を活用し、静的コンポーネントをキャッシュ。ページロード時間を大幅に短縮しています。