当サイトリニューアル報告

5年ほど前に作ったっきり結局記事を書かなかったサイトを 構成を見直していろいろと変更したのでその報告記事。CSSなんかは引き継いでいる部分はあるが、9割方変更している。

サイトの技術スタック

静的サイトジェネレータとしては今回はAstroを使っており、 クライアントサイドのJavaScriptはおそらくゼロになっている。 また、以前の版で使っていたGatsbyから乗り換えたのでGraphQL依存も抜けている。

スタイル周りではCSSはSCSSを使っていたところを素のCSSにコンパイルしてそれをベースに形にした。 WebフォントもGoogle Fonts経由からself-host形式に変更した。フォント自体はFira Sansで変わっていない。 そのためCSS・Webフォントもほぼself-hostにはなっている。 ただし、数式を表示させるKaTeXに関してはKaTeXが使用するWebフォントの依存関係などもあり CDN経由で必要に応じて読み込んでいる。

サイトの構成やグラフィカルなデザインについて

サイトの構成も手を入れており、基本的には各記事のページとトップページ、404ページのみとなっている。 以前はサイト名などを表示させていたがそれらもほとんど目立たない場所（せいぜいがHTMLのtitle属性）くらいにしか使わないようにした。

サイトのデザインも以前はSCSSを用いてVertical Rhythmにこだわっていたが、その辺は少し緩めてrlhを垂直方向の基礎単位として 簡易的なVertical Rhythmにした。

グラフィカルなデザインについてはデジタル庁のデザインシステムがかなり参考になった。 またサイト内のアイコンもこちらで頒布されているSVGを使用させて貰った¹。

他細かい点を挙げ始めると多くなるがとりあえず若干シンプルになったということで今回こそは適宜記事を書ければとは思う。