HomeAboutWorksBlog
Emoji

ポートフォリオを作った

#tech#blog#portfolio

2023/12/13

3 min read

Hello World

はじめまして、Takuです!
あたらしいポートフォリオ(このサイト)をつくりました!
今回はポートフォリオを作った経緯や、技術仕様についてお話ししていきたいと思います!

なぜポートフォリオを作ったのか

通っている学校では、学内活動でポートフォリオを作成するのですが、ブラッシュアップするにつれて、もう少しデザインなどにこだわりたいと思ったので、自分で作成してみることにしました。
そもそも今までは学内のテンプレートに沿って作成していましたが、今回新しく作ったサイトでは、自らの載せたい項目を絞り直しており、
そもそも今までのポートフォリオは少し前まで他人に見せる権限がなかった(現在は他の人も見れる)ので、あまり本腰を入れて作成していなかったところもあり、デザインも再考しています。

技術仕様

フレームワークとしてNext.jsを採用しました。
直近の開発として、Next.jsを使っていたので、その延長線上で作成しました。 デザインにはTailwind CSSを採用しました。 同じく直近の開発として使用していたためです。 記事の管理にはContentlayerを採用しました。Next.jsの公式ドキュメントでも紹介されており、聞き馴染みのない名前だったので気になって使ってみました。
現在はβ版(2023年12月13日時点)とのことですが、今後のアップデートに期待しています! 他にも、画面推移のアニメーションにFramer Motionを採用しています。
簡素な使い方での日本語の記事はあまり見つからなかったので、気が向いたらブログで書きたいと思います!

今後

このサイトの今後の運用として、私の今後の活動をWorksページにて更新したり、日々のことをBlogで書いていきたいと思っています。
私のことを詳しく知っていただけるきっかけになれば幸いです!

おわり

Author: Taku Mabuchi