ポートフォリオ制作

対応内容詳細

• 全6ページの構成。
• 設計
  • microCMS連携、API構築
  • コンポーネント作成、切り分け
  • データ情報の一元化
• microCMS構築
• ロゴ作成。
• Cursolを使用して作業を効率化。
  • ロゴデザイン作成。
  • デザイン作成。
  • コーディング対応。
• Vercelを使用して、Gitリポジトリと連携するだけで、ビルドからデプロイを自動化。

コメント

WordPressで構築していたポートフォリオを、Next.jsおよびmicroCMSを用いてリニューアルしました。

設計段階ではワイヤーフレームを作成し、サイト構成や配色を含めたデザイン設計を実施。実装においてはAIツールも活用することで工数削減を図りました。

ロゴ制作には生成AIを活用し、コンセプトに沿ったビジュアルを作成しています。

また、動的ページについてはSSG（Static Site Generation）を採用し、パフォーマンスとSEOを意識した構成としました。

開発ではエディタやAI支援ツールを活用しつつも、実装内容の理解を重視し、コードの挙動や設計意図を把握した上で開発を行いました。

本プロジェクトを通して、モダンフロントエンドの開発手法およびレンダリングに関する理解を深めることができました。