ブログサイトをリニュアールしました。

こんにちは、うえむーです。
約2年半ぶりの投稿です。
去年と一昨年は色々あったため全然投稿できる時間がありませんでしたが
ここんところは落ち着いています。

さて、3年前に立ち上げたブログサイトを2年半ぶりにリニューアルしました。
今回リニューアルしようと思ったきっかけは、
以前のフレームワークやnode.jsのバージョンが少し古くなってバージョンアップするのが難しかったのと、
モダンなフレームワークを利用して、モダン風なサイトを作成したいと思ったからです。

今回利用したフレームワーク / 言語・作成期間 / 振り返りなどは以下にまとめてました

●制作概要

■制作期間
デザイン：1ヶ月
コーディング：2ヶ月

■今回利用したフレームワーク / 言語
CMS：microCMS
フレームワーク：SolidJS
言語：TypeScript
WebGL：GSAP・Three.js

■振り返り
GSAPは今まで利用したことがなかったので、
学習しながらいろんなアニメーションを実行しました。
ics 池田さんが書いた記事がものすごく参考になり大変助かりました。
https://ics.media/entry/tag/GSAP/

SolidJSもReact.jsを比べると参考になる記事が少なく、
色々と思考錯誤しながら実装してたのでコーディングする時間がかかりました。

デザインもカッコよく作成したかったので、色の調整などがものすごく難しかったです。

■リニューアルしたブログサイトの特徴
今回リニューアルしたブログサイトの最大の特徴はいろんなアニメーションを仕込んでいるところです。
・ファーストビューに表示されるロゴのアニメーション
・ハンバーガーメニューにクリックした時のアニメーション
・記事をクリックした時のアニメーション
などなどいろんなアニメーションを入れております。

今までは、いろんなディレクトリがありましたが、
トップページ以外はセッション数が全くなかったので、
トップページのみにしました。
※現状、ブログ一覧・詳細はアクセスしても301リダイレクトしてトップページに遷移されるようになってます。

●今後挑戦すること

今後挑戦することは2点あります。

1.Astro学習・何かを作る
Astroは今年になって話題になった、Webサイト構築に特化したフレームワークです。
このフレームワークはVue.js・React.js・Svelteのような形式とは異なるようです。
色々と試してみて、ポートフォリオサイトを載せ替える時にフレームワークをAstroにしたいと考えてます。
8月中にはできればいいなと思います。

2.ChatGPTについて
ChatGPTはみなさんがご存知の通り、人工知能チャットボットです。
言語・ビジネスなど様々なジャンルに対して的確な回答を自然言語で返されることで話題となっています。
去年の11月にリリースしたChatGPTは上記の理由で普及率がすごく、
今後ChatGPTを利用したサービスとかが当たり前になってくると思います。

現在の職種もこれをリリースした事により、今後の仕事に影響が出てくるのではないかと懸念しております。
そうならないように、今のうちにChatGPTについて色々と理解を深めていきたいと思います。

IT業界は進化のスピードは凄まじいですが、
これからも挫けずに楽しく学習をしながらスキルアップしたいと思います。

ブログサイト
https://nu-blogsite.net/