このポートフォリオサイト
2026.9.10-現在No Image
作品詳細
藤田都のポートフォリオサイト本体。Next.js（App Router）とTypeScriptで構築し、掲載内容はPrisma・PostgreSQL（Neon）とNextAuthによる自作の管理画面から更新できるようにして、コードを書き換えなくても作品・経歴・研究内容を追加できる設計にした。 ダークトーンのガラスパネル基調のデザインをサイト全体で統一し、Framer Motionでスクロール時にふわりと要素が浮かび上がる演出を加えている。日本語・英語2言語対応の辞書構造も最初から組み込んだ。 Worksページの検索は、自由入力のキーワードをタグ化してサジェスト付きで絞り込めるようにしたほか、画像の縦横比に関わらずレイアウトが崩れないよう余白を持たせて表示する仕組みにもこだわった。
製作者コメント
準備中
担当人数
1人
担当部分
全部
カテゴリ
個人開発
使用技術
TypeScriptNext.jsTailwind CSSPrismaFramer Motion