こんにちは！
春休みが終わり、集中授業でポートフォリオサイトを作りました。今回は制作で頑張ったことなどを紹介していきます。
サイトのポイント
今回のサイトは、今までのサイトの構築方法とは異なる、Next.jsでの開発に挑戦しました。
初めは進級展の作品をNext.jsで作ろうと考えていて、勉強のための本も買っていました。しかし、お店の方のサーバーのことや制作のスケジュールなど、色々な事情があり進級展ではmicroCMSに挑戦することしかできませんでした。そのリベンジとして今回は、春休みから本を参考にNext.jsに触れて、集中授業中の短い制作期間でなんとかサイトを完成させることができました。
今回参考にした本です。僕でもNext.jsで作品が作れるくらい説明が丁寧で分かりやすかったです。
https://microcms.co.jp/news/orzxoa0y7q
そして今回制作したポートフォリオのリンクも貼っておきます。
https://portfolio-0804.vercel.app/
コーディングに時間が割かれてしまうのは予想していたので、デザインは割り切ってシンプルにしました。今まであまり挑戦してこなかったスタイリッシュなデザインを目指して、直線的な表現を多く取り入れました。一旦完成はさせましたが、この後もどんどんアップデートしていってより良いサイトになるように頑張っていきたいです。
Next.jsを使ってみた感想
今回、Next.jsを使ったサイト制作をしてみて一番いいなと思ったことは、サイト全体の管理がしやすくてコードが見やすいという部分です。
ページやコンポーネントごとにフォルダを分けてコードを書くことで、とても見やすくて管理しやすいなと思いました。もちろん、今回初めてしっかりとしたサイトをNext.jsで制作したので、まだ慣れてないことが多くコーディングに時間が掛かってしまいましたが、慣れるととてもスピーディに作業ができるのだろうと感じました。
今回のポートフォリオではおそらくNext.jsの基本的な部分しか使ってないと思うので、今後もっと深くまで勉強していきたいと思いました。
さいごに
今回はポートフォリオサイト制作について書いていきました。
トライデントでサイト制作の勉強を始めてから、新しい技術に触れることが楽しく感じるようになりました。勉強は大変ですが、作品が完成したときの達成感はとても大きいです。まだまだ知らない技術がたくさんあると思うので、学生のうちになるべくたくさん触れておきたいです。
