ブログのアップデート

2024年の年末年始の時間を使ってブログを少しアップデートしました。
主な更新内容と、変更の背景について簡単にまとめます。

レイアウトを2カラムに変更

1カラムから2カラムのレイアウトに変更しました。

理由はいくつかあるのですが、一番の理由は目次をサイドバーに表示したかったためでした。この詳細については後述します。

また、表示はしたいけど本文と関係が薄い要素はメインカラムから取り除いて読みやすくしたく、そういったものをサイドバー側のカラムに逃がせるようになりました。

もともと本文の先頭に埋め込んでいた目次をサイドバーに表示するようにしました。

目次は必須と考えているのですが、1カラムと目次の相性があまり良くないです。本文が長いと目次で幅を取ってしまったり、ある程度読み進めたあとでは目次で現在地の確認がしづらかったり..というのがあると思います。

サイドバーに表示しただけでは現在地の問題は解消しないので、下にスクロールした場合は固定表示するようにしました。これは Qiita や zenn でも取り入れられており、いいなと思っている動きだったので参考にしています。

コンテンツの余白、行間、字間など、全体的に以前よりも余裕を持たせました。
CSS で表現すると、 margin, padding, line-height, letter-spacing のことです。

これには深い理由はありませんが、日々目にするブログで自分自身が読みやすくいいなと思ったサイトは大抵大きめの余白を取っていたのがきっかけでした。実際 CSS で調整しながら検証していたのですが読みやすくなったと感じています。

スクロールが増えるのはデメリットですが、それよりも視認性を重視することにしました。