開発したきっかけ

ポートフォリオサイトのデザイン改修により、Next.jsで開発しました。

概要

主にNext.jsを用いてこのサイトを開発しました。この開発を通して、独学で学んだNext.jsを活用することができ、モダンなフロントエンド技術を体系的に学ぶことができました。今後は実務レベルでこれらの技術を活用していきたいと考えております。

画面構成

トップページと作品紹介ページの２ページから構成されるポートフォリオサイトです。

トップページ

視覚的に分かりやすい配色や導線を重視したデザインにしております。ブラックをベースとした配色により、全体的に調和のとれた雰囲気を演出しました。

作品紹介ページ

作品紹介ページでは、それぞれの作品の概要や画面構成などを文章だけではなく、画像やアイコンを用いて視覚的にも伝わるように工夫を凝らしました。

重視している点について

TOPページのSKILLでは、Chart.jsでレーダーチャートを作成し、５段階評価でスキルレベルを表現しました。

コーディングについて

Next.js/Reactベースで、PCはもちろんのこと、スマートフォンでも見やすくするためレスポンシブ対応を施しております。