本文へスキップ
Mikan's Portfolio
Work一覧へ

ポートフォリオ

Web2026年
ポートフォリオ のサムネイル
担当
企画・デザイン・実装・運用
期間
5日
開発形態
個人開発
使用ツール
  • Next.js
  • microCMS

Story

【概要】

自分の作品と経歴をまとめた、ポートフォリオサイトです。
テーマは「ゲーム」と「インク」です。
紫の背景にカラフルなインクが飛び散り、ドット絵の記号が散りばめられています。
作品と経歴は、microCMS管理画面から追加・更新できます。

【背景・目的】

就職活動や発表の場で、自分の作品や経歴をまとめて見せれるサイトが欲しかったので作成しました。

【工夫】

〇更新の仕組み

作品と経歴はヘッドレスCMS「microCMS」で管理しました。管理画面で公開を押すと、自動でサイトが再構築され、1分ほどで反映されます。コードを触らずに、スマホからでも作品を追加できます。

〇制作

実装には、AIのコーディングツール「Claude Code」を活用しました。私はデザインの方向性や動きのイメージを決め、指示を設計して実装を進めました。

〇ドメイン名

独自ドメイン「mikanorm.jp」で公開し、見た目を整えました。

【苦労・解決】

〇苦労

ポートフォリオサイトのデザインで、何を強調させて、何を一番見せたいのかを整理し、再現するのにかなり苦戦しました。

〇解決

他のポートフォリオサイトを参考にし、自分のポートフォリオサイトに落とし込みました。

Links