トップ/記事一覧
このブログ(Notion Blog)のデザインを変更した
📆2020/11/23🔖 Notion Blog
⚠ この記事は最終更新日から1年以上が経過しています。内容が古い箇所がある可能性があるためご注意ください。
久しぶりにこのブログ(Next.js / Notion Blog)のデザインを変更しました。主な変更点としては以下。
![デザイン変更前のブログ](/_next/image?url=%2FblogImages%2F61733299-b172-4498-84e4-60d15c4044ce.png&w=1920&q=75)
![デザイン変更後のブログ](/_next/image?url=%2FblogImages%2Fd8e0a410-584a-4db5-b208-da20140754d7.png&w=1920&q=75)
実装面
デフォルトで入っていた CSS module を使って実装しています。
コンポーネントごとにスコープを狭めて実装できるのが便利です。ヘルパークラスで位置を規定 + コンポーネントごとでスタイルを当てるというのが好みです(Vue.js に書き味が近いです)
今後
完全に自己満足のプロジェクトなので、ちまちまとデザイン修正をしていきたいと思っています。人に見せるコードじゃないというのもあって、場当たり的なコードが増えてきてしまった感があるので、そろそろがっつりとリファクタをしたい。以下やりたいこと。