ポートフォリオサイト

単に作品を並べるのではなく、どんな姿勢で設計し、どこに気を配って実装しているのかまで伝わるポートフォリオにしたいと考えました。レスポンシブ対応やアクセシビリティにも配慮し、閲覧環境を問わず見やすい構成を目指しています。

1. 01

   実績の見せ方

   プロジェクトの背景や判断まで含めて伝わる構成にしたい。

2. 02

   情報量と読みやすさの両立

   内容はしっかり載せつつ、長く感じさせないレイアウトにしたい。

3. 03

   更新しやすい土台

   後から実績を追加しても運用負荷が高くならない構成にしたい。

1. 01

   共通コンポーネント中心の構成

   再利用できるカードやバッジを軸に組み、後からセクションを増やしても崩れにくい形にしています。

2. 02

   App Router ベースのページ設計

   静的なページ体験を保ちつつ、将来の CMS 化や DB 連携に拡張しやすい構成を選びました。

3. 03

   アクセシビリティを意識した実装

   見た目だけでなく、読みやすさ、コントラスト、情報構造も含めて整えています。

4. 04

   AIエージェントによる実績自動追加

   AIエージェントのスキルを定義し、開発サーバーから自動的に実績を追加できるフローを実装しました。

• 本ポートフォリオアプリを他のユーザーも使えるようにする。
• MCPサーバー導入により、他ユーザーが使う際にもAIエージェントから自動で実績を追加できるようにする。