ポートフォリオサイトを一新しました

久しぶりのブログ投稿です。

この度自分のポートフォリオサイトを一から作り直しました。

技術的なところ

2019年ごろに作った以前のサイトと大きくコンテンツは変化していませんが、使った技術的には進歩しました。
 

以前のブログで使用していた技術としては

項目 技術
フレームワーク フレームワークなしのPHP
レイアウト Sass
その他のページデザイン jQuery
デプロイ方法 レンタルサーバに静的ファイルをFTPで送る

あたりです。

各ページを.phpファイルとして、さまざまな情報をそこに直書きして作っていました。

当時の自分は相当地道に頑張っていたんだなぁ、と泣けてきますね。
 

そして時は経ち、社会人になってエンジニアとして少しは知識もついたので、今回このサイトを作り直してみることにしました。

今回のブログで使用した技術は以下です。

項目 技術
フレームワーク Next.js
レイアウト CSS Module
その他のページデザイン remark-rehype,prism.js, swiper, react-masonry-css
デプロイ方法 GitHubのCI/CDを利用しVercelにデプロイ

Reactベースのフロントエンドで、最近よくある感じの構成になっているんじゃないかと思います。

ブログ記事も今までのHTML(PHP)直書きのような方法ではなくMarkdown形式ですっきり書けるようになりました。

デザイン的なところ

デザインも一から考え直そうかと思いましたが、なんだかんだ前回のデザインが好きだったので今回も似た感じに落ち着きました。

ただ、メインイラストは新しく素敵なものを描いてもらい、大満足です!

main illust

ヨルシカの「雲と幽霊」という曲が大好きなので、それをモチーフにしたイラストおよびアニメーションになっています。

今後の展望

今後もサイトのメンテナンスやコンテンツ更新は適度に行っていきたいです。

また、このサイトとは別で、ログイン機能付きの不特定多数のユーザーを想定したサイト作りにも挑戦したいと思っています。

精進します!

BACK