2026/06/16(火)今日のサイト改築の話 第四話
今日のサイト改築の話とかadiary改造の話とかの続き。5日ぶりの更新。
トップページのスリム化
単純比較するための画像をとってなかったので、画像では前回と今回の比較となっている。
トップページのバナーリンクからページ説明を削除
| 改修前 | 改修後 |
|---|---|
 |
 |
前のレイアウトではバナーリンクの下に説明文を書いていたが、別に自明だなと思ったので消した。
これによってSPビューで1画面に出せるリンクの数が1.3倍くらいになったのでだいぶ良かった。
トップページから更新履歴を削除
| 改修前 | 改修後 |
|---|---|
 |
 |
「このサイトの歴史」の部分を削除した。削除したものは後述する「更新履歴ページ」に移設している。
このサイトについてページの作成
このサイトについてページを作成した。内容的にはこのブログにある「このサイトについて」と大差ない内容だ。
比較的シンプルなページであることもあり、それなりにスタイリングしている。今後はこのスタイリングをベースに全体展開していきたい感じだが、まだ詰め切れていないので一旦仮である。
更新履歴ページの作成
こんな感じの更新履歴ページを作成した。
内容的にはトップページ下部にあった「このサイトの歴史」にある更新履歴ボックスの中身の移植だが、以前は<pre>を使ったプレーンテキストだったのを<section>, <h3>, <ul>, <dl>などを使うことでセマンティックなものに変更している。ほぼ手動で移植しているので、微妙に壊れている可能性がある。
スタイリングはほぼ皆無だが、全体方針が決まったら当てていきたい。それなりの構造にはしてあるので、比較的容易に反映できると思う。
更新履歴を別ページに分離するアイデアはフィーネ・ラグザスさんのFeathery Instrumentのサイトの作りから着想を得ている。
余談だがFeathery Instrumentは古のサイト探究～駄文同盟のID上位100サイトを巡り、今までのネット人生や自サイトの過去を振り返ってみるでは以下の状態で、消滅サイトの側のカウントだったが、現在は精力的に更新されている。
| ID | 駄文同盟ID存在 | バナーファイル存在 | サイト存在 | サイト更新有 |
|---|---|---|---|---|
| 72 | ✅ | ❌ | ✅ | ❌ |
サイトリンクバナーの更新
| 旧バナー | 新バナー |
|---|---|
 |
 |
今までフォントサイズの都合で正式なサイト名をフルで入れられてなかったのだが、フルで入るようにレイアウトの見直しを行った。
ブログリンクバナーの更新
| 旧バナー | 新バナー |
|---|---|
 |
 |
同時にほぼ同じデザインだったブログ側のバナーも変えた。
Apacheの廃止
| 変更前の構成 | 新しい構成 |
|---|---|
 |
 |
HTTPDからApacheを排除し、nginxに一本化した。
一本化した主な理由は以下の通り。
- nginx→Apacheのリバプロをしている時にApache側でリダイレクトされるとTLS証明書がエラーになることがある
- FluentBitでログをパースしてると複数行エラーが別のログ扱いで分割してLokiに入ってくるのですごく読みづらい
- 設定ファイルの管理に疲れた
- 動かしてるものが増えるほど脆弱性も増えるので減らすに越したことがない
- try_filesに慣れすぎてModRewrite書きたくなくなった
あとがき
サイトレイアウトやコンテンツ配置的にちぐはぐな部分が多く残るが、いったん大まかな整理としてはこのくらいとして、細かい部分は気が向いたときにちまちま直していければと思う。
次に何をしていくかについては決まり切っていないが、大きく次のうちのどれかをやっていくと思う。
- 溜まりすぎているブログネタの消化
- Webalizerに代わるサーバーログ集計ツールの作成
- adiaryの置き換えになるCMSの作成