これはなに
totoraj.netのバージョン4です。
デザインの構想自体はそんなに時間かかっていないのですが、実装でかなり苦労しました。
特徴とか
v3まではjQueryやJekyllなどを使ってかなりフルスクラッチ気味で制作していました。
ですが今回はGatsbyを用いて制作しました。
ReactとTypeScriptのいい勉強になりました。
ヘッダーのリンクやページ遷移に少しだけ動きをつけて遊んでみました。
スクショとか
ヘッダーのリンク
Worksページ
Profileページ
制作期間
約3ヵ月
モチベが維持できずに途中で投げてました。
GatsbyとReactでページ遷移のアニメーションをどう実装するかでずっと悩んでました。
かなり無理やりな実装になってしまったので機会があればまた手直ししようと思います。