-
- GSAP
- HTML/CSS
- JavaScript
サンプルLP：Animal🐶
PSDデザインをもとに、LPを制作しました。 GSAPのScrollTriggerを使用して、各セクションがスクロールに連動して自然に切り替わるようにアニメーションを実装しました。 タイトル部分にはSplitTextを用い、印…
-
- Gatsby
- React
- WordPress
サンプルサイト：ギャラリー
WordPressをヘッドレスCMSとして使用し、フロントエンドはGatsbyで構築。 カテゴリやタイトルから日本語キーワードでの検索が可能な、絞り込み型のギャラリーサイトです。 投稿データはGraphQLで効率的に取得…
-
- HTML/CSS
- microCMS
- Next.js
- TypeScript
サンプルサイト：製品サイト
Next.jsとmicroCMSを使用して構築した、架空の製品紹介サイトです。 CMSで投稿された製品情報を静的サイトとしてビルドし、パフォーマンスと運用性の両立を図っています。 製品紹介セクションの背景にはCSSで…