ブログのレイアウトを変えた

2026年7月23日

このブログのレイアウトを変えてみた。前のデザインは暗い背景の真ん中に細長い紙のパネルが浮いている構図で、デスクトップで見るとスマホ用ページをそのまま置いたように見えるのが気になっていた。パネルをやめて全面を暗い土色にし、その上に文字を直接置く構成になった。

このご時世なので、AI Agentにイメージを伝えるとそれっぽいアウトプットを出してくる。今回は方向性の違う案を3パターン作ってもらい、ブラウザで見比べて1つ選んだだけで済んだ。CSSとかに昔からあまり興味が湧かないので、すごい助かる。

さらにいうと、雑に「2、3パターン作って」と言っても罪悪感がないのが良い。

新しいレイアウトの本体はほぼCSS1枚で、HTMLテンプレート側はほとんど変わっていない。タイトルが溶けている演出だけはCSSではなくSVGフィルタで、これは前のデザインからの引き継ぎ。