プロジェクト名【タイトル】

ポートフォリオサイト制作
【NagameruAQUA】

概要

ポートフォリオサイトの再構築。Reactの勉強のために実装

担当範囲

デザイン / コーディング / CMS実装

技術

HTML / CSS（SCSS） / React（Next.js） / microCMS / figma / illustrator

制作期間

2ヶ月

ポイント

レスポンシブ対応：PC・スマートフォン両方で快適に閲覧できるデザインを実装

CMS導入（microCMS）：同一仕様のページを効率的に複製できる仕組みを構築

Next.js実装：Reactをベースにしたフレームワークを用い、高速なページ遷移を実現

オプション機能：背景に魚のアニメーションを実装し、設定用のボタンはUI上で隠して配置

感想

React.js（Next.js）の学習を目的に、既存のポートフォリオサイトをリニューアルしました。
これまでのJavaScriptとの書き方の違いを意識しながら、コンポーネント指向の開発手法や、状態管理の考え方などを実践的に学ぶことができました。

また、Next.jsの特徴であるルーティングや高速なページ遷移、ビルド時の最適化処理などにも触れ、フレームワークを活用した効率的な開発プロセスを体験しました。
結果として、コードの再利用性や保守性を意識しながら開発を進めるスキルが身につき、今後の案件やサービス開発に活かせる学びとなりました。

リンク先URL

https://nagameruaqua.com/

ギャラリー