作品紹介

以前作成したポートフォリオのリニューアル版になります。 オープニングアニメーションの追加などを前提としてトップページの再設計を行いました。 アニメーションにはGSAPを使用し、スクロールと連動するアニメーションを実装しています。

フロントエンドエンジニアとしての技術力と作品をまとめたポートフォリオサイトです。 Next.js × microCMS × Zenn API を活用し、作品紹介だけでなく技術記事の管理・検索機能を備えた統合的なプラットフォームとして構築しました。 SCSS + FLOCSS + CSS Modules による保守性の高いスタイル設計と、HubSpot連携によるお問い合わせ管理を実装しています。

スクロール連動アニメーションと画像遅延読み込みを備えたNext.js × Tailwind CSS × microCMS のプロジェクトです。 React Hookを使用した動的なコンテンツ制作と、IntersectionObserver・Swiper.js・GSAPを活用したモーション実装の学習を目的として制作しました。

架空の企業「TechNova株式会社」のコーポレートサイトを企画・設計・実装したプロジェクトです。 Next.js + microCMS によるJamstack構成で構築し、Tailwind CSSを使用してPC/SP両対応のレスポンシブ設計を行っています。 企業サイトに必要な機能を網羅的に実装し、実務レベルでの開発スキルを証明する作品として制作いたしました。