My Portfolio Site

• My Portfolio Siteはデザインからコーディングまで完全オリジナルのポートフォリオサイトです。WordPressをヘッドレスCMS化とAstroフレームワークを使用して高速表示かつACFやjsonファイルにデータ登録することで効率的な更新作業も可能としています。

• Astro + WordPress REST API

  フロントエンドには、高速かつ効率的な静的サイト生成フレームワーク「Astro」で開発。バックエンドには、WordPressをREST API経由で活用し、ヘッドレスCMSとして構築。ヘッドレスCMS化により、バックエンドのWordPressが外部に直接公開されるなどのセキュリティリスクを低減しています。高いパフォーマンスも兼ねたサイトになっています。

• ダイナミックなWeb体験

  GSAP、Swiper、tsParticles、js-confettiなどの洗練されたライブラリと豊富なアイコン画像を使用し、ページ遷移や背景、ボタン操作など多様なアニメーションを実装して、ユーザーの印象に残るダイナミックなWeb体験を提供しています。

• 直感的なナビゲーション設計

  Reactを使用し、シンプルかつモダンなハンバーガーメニューを実装。ユーザーの操作性を向上させました。

• シームレスなフォーム送信機能

  Reactのライブラリのreact-hook-form + バリデーションライブラリのZod + WordPressのプラグインContact Form 7のREST APIを活用して開発。高精度なバリデーション機能、使いやすく高機能なお問い合わせフォームを構築しています。

• 効率的なコンテンツ管理

  WordPressのAdvanced Custom Fields（ACF）REST APIとAstroのjsonファイルを活用し、WorksページやBlogページなどの情報を動的に管理。効率的な更新作業を可能にして、開発後の運用性にも配慮した設計にしています。