• GSAP
• HTML/CSS
• JavaScript

サンプルLP：Animal🐶

PSDデザインをもとに、LPを制作しました。 GSAPのScrollTriggerを使用して、各セクションがスクロールに連動して自然に切り替わるようにアニメーションを実装しました。 タイトル部分にはSplitTextを用い、印…

• HTML/CSS
• jQuery
• WordPress

サンプルサイト：ブログ①

カードデザインをベースとしたブログサイトを構築しました。 トップページにはSplide.jsを使用し、「Featured This Month」や「Popular Posted」のスライダーを実装しました。 共通パーツが多かったため、特…

• HTML/CSS
• jQuery
• WordPress

サンプルサイト：ブログ②

WordPressを使用して構築したブログサイトです。 「WordPress Popular Posts」プラグインを活用し、閲覧数に基づく人気記事ランキングをトップページに表示しています。 画像一覧ページでは、記事に添付され…

• Gatsby
• React
• WordPress

サンプルサイト：ギャラリー

WordPressをヘッドレスCMSとして使用し、フロントエンドはGatsbyで構築。 カテゴリやタイトルから日本語キーワードでの検索が可能な、絞り込み型のギャラリーサイトです。 投稿データはGraphQLで効率的に取得…

• HTML/CSS
• React
• TypeScript

Calender App

• Three.js

Happy Christmas 2024🎄🎅

• Three.js

Cute Bunny🐰

• HTML/CSS
• React
• Three.js
• TypeScript
• WordPress

（旧）Portfolio