ACID BAKERY リニューアルのお知らせ
2025.05.24
お久しぶりです。 ACID BAKERY でございます。
前回ここを更新したのが二月ですが、ずっとサイトの改築工事を行っておりました。ほら、御覧の通り。
以下、サイトリニューアルに関するメモのようなものなので、読まなくて大丈夫です。
変更点
php の導入
これまで拙い html と css でなんとか体裁だけ整えてきたこのサイトですが、それだけにスマホからの可読性などに関しては中々ひどい有り様で、常々「なんとかしないとな」とは思っていました。そしてこの度、内なる「なんとかしないとな」が閾値を超えたので、なんとかすることにした、というのが今回のリニューアルの運び。読み辛さは悪。読みやすさは正義。「正しいことの白」の中を、人は目指さなければならない。
とはいえ可読性を上げたいというだけの話なので大したことをするつもりはなく、コードの文法などを適当なものに置き換え、課題であるレスポンシブ（画面サイズが変化したときの）デザインを整えるくらいの企みだったんですが、触っちまったわけですよ、生成 AI 。
もともと少し弄ってきたので今更その効能に驚くって話では無いんですが、AI は最終的な文法チェッカーくらいに考えていたところ、ふとこの機会に実装したい機能があったので AI に問い合わせてみたわけです。具体的には今後のメンテナンスを考えて、ヘッダーやフッターの共通化がしたい（これまでは1 ページごとに地道にやっていた）ということで、しかし AI 曰く、それは html の機能というより php の範疇だと。
php ねぇ。興味はあったけどねぇ、と踏み止まりかけたんですが、ふと「傍らに AI が存在している」状況下で、その実装難度はどの程度低下するんだ？ という部分は真面目に検討したことがなかったので、AI に相談しつつ、やれそうか難しそうかを考えて……やれちゃいましたよね。
物事には「自分にも出来るだろう」のやや上に「頑張れば出来るだろうけど、頑張らなきゃ出来ないなら（今は）出来なくていいかな」があります。存外、この壁は分厚い。というか殆どの人はこの厚みを前にしてタスクを先送りにするし、何だったらやらずに済ませるのでしょう。自分にとって html や css 以外の 言語を触るのって、ちょうどその位置にあったんですよ。今更実感した現行 AI の力って、この実現コストの厚みの向こう側を透かして見せてくれる点にあると思います。「じゃあ、ちょっとやってみるか」というところまでメンタルを持っていける。やらない理由を考えるのが得意な人間という生き物にとって、これは些細で、だが非常に大きい。たぶん AI が無かったら php の導入は永遠になかったと思います。
それはそれとして「AI の力をどこまで引き出せるか」、「AI の力を借りて生まれた成果物のレベルは使用者の力量やセンスを反映する」という課題は別にあると思うので、素人がにわか仕込みで作ったこのサイトが高度で清廉された技術によって構築されているなんてことはないでしょう。でも当初よりの課題である可読性に関しては一定水準を満たしたのではないかと思います。スマホだと読みづらかったですよね。マジですみませんでした。
ちなみに使用した AI はChatGPT と Gemini、copilot。ChatGPT と Gemini は無料版。前者 2 つを比較した場合、 php 導入にあたって大局的に役立ってくれたのは Gemini という印象。同じ質問をしても ChatGPT は「おめー話聞いてたか！」と思う場面が多々あったのですが、こちらの質問が悪かったのに加え、有料版ならまた話も変わってくるのでしょう。ただ Gemini の返答を反映させても上手くいかない時、 ChatGPT の提案だとあっさり通る場面も在ったので、その差異が結構面白かったです。copilot は Microsoft 365 についてくるやつですが、サイト改修後期に導入したのでちょっと比較できない。ただ copilot の手触りに関してですけど、ちょっと使いづらくはあるかも。なんか ctl + c でのコピペがうまくいかなかったりする。
ACID BAKERY 3.0 とは
当サイト発足当初は線で四方を囲んだような装いのサイトで、それが 1.0。その後、1.0 はスマホで読む際のフォントサイズやレイアウトの崩れなど一切考慮できていないことに気付き、デザイン的なものを排して最低限のテキストだけで構成するようにしていたのが先日までの 2.0。そして原初の 1.0 に回帰する形でリデザインしたものが此度の 3.0 。どうぞよろしくお願いいたします。
広告の撤廃
AdBlock 入れてた人にとってはあんま関係なかったと思いますが、当サイトに置いてた Google AdSense 広告を取っ払いました。一応ドメイン・サーバー代金を掛けているサイトなので、それを広告収入でトントンに出来たら面白いなと思っての広告配置だったんですが、正味みんな AdBlock 入れてて機能してないだろうし、ある時期から記事内に画像を使うようにもなってきたのを境に、ちと邪魔に思えてきたんですよね。だったらいっそのこと外してしまおうと。
ちなみにクリックしてくださるユーザーもいらしたので、その方々に関してはありがとうございましたの一言なのですが、そういうわけなので今後は広告の類は掲載されません。
フォント
これまでは「読みやすいフォント」で調べて出てきた Helvetica Neue, Helvetica, Arial, をデフォルトフォントとして充ててたんですが、改めて考えて見るとあんまりアレコレ指定しても仕方ないなと思い、現在では sans-serif のみとしています。
ただ一点、最上部のサイト名だけはITC Eras Ultraを使用しています。趣味です。
考察記事ページ（ラバー・ソウル）
インデックスに関して大幅に変えました。これまでのようにタイトルリストだけを縦に並べる方法でも良かったんですが、シンプルである一方で妙にスカスカに思えたので、リンクカードを作って整列させてみるのも面白いかもなと思い、現在のスタイルに。見づらければまた考えますが、まあ大丈夫じゃないでしょうか。
webp（ウェッピー）
サイト内画像を webp に統一。ウェッピーって読むらしいです。信じられます？？ ウェッピーですって。ダサくて嫌だなあと思ってたら、すげえ軽くなりよる。実利には勝てない。
FTP クライアント
サイト内に関する話ではないんですが、これまで FFFTP を使用していおり、これがディレクトリを頻繁に行ったり来たりするには少しキツい。というわけでディレクトリがツリー表示できる FileZilla を導入。非常に助けられました。ただ FFFTP のシンプルさが恋しくなる瞬間もあるので、用途に合わせて併用していくかも。
断念したところ
ヘッダーの追随
画面サイズが 768px 以下、従ってスマホでこのサイトを見ているとちゃんと追随していると思います。なので半ば実現はしているんですが、画面サイズが一定を超えるとどうしてもヘッダーがズレてしまい、この問題がどうしても解決できませんでした。
必要な仕様でもないのでこれで良いと言えば良いのですが、落ち着いたらまた挑戦してみるかも。
サイト内のogpカードの生成
こういうの。これは css と html で手作業的に作り出しているのですが、本来はリンク先から ogp 情報を読み込んで自動的にカードを生成する仕組みでした。一応実現したんですが、サイト全体がメチャメチャ重くなってしまって断念。
リンクなどをコピペして手作業的にカードを作る手法は、素晴らしく軽量である一方で、ミスが発生するんですよ、手作業だから。一方でogp読み取って内容を生成させる手法はミスが出ない。お手軽かどうかはサイトの更新頻度に割と直結する要素なので、これもいつか再挑戦したいものですが……。
今後やること、やるかもしれないこと
古い記事の移植
現在過去記事の大部分が閲覧できない状態なので、当面はこの置換をやっていきます。サイトのフレームや、一番読まれているであろう考察記事の処理に関しては既に済んでいるので、長期仕事になりますが、少しずつやっていこうかなと。
正直なところ、この日記（ダイアリー）なんかはほぼ読まれてはいないんですが、「誰が読んでるかも知れない情報がそっと置いてある」のがインターネットの醍醐味だと思っているので、そういう意味ではダイアリーこそ当サイトの主題とも言えます、ので、気を長くして行っていく所存。
っていうかねえ。リニューアルのためのフレーム自体は一ヵ月くらいで凡そ出来上がってたんですが、そこからの考察記事の移植作業が、ンマーめんどくさかった。一部を除いて大部分のコードは手作業で置き換えるしかなく、これに関しては本当に「作業」でしかないのでツマンネーと思いながらやってました。こいつのせいで余暇が大分もっていかれて、ほんと何も出来なかったの！ 哀しい！ しかし今後はこの置換作業を必要最低限に留められるので、ゲームとかも出来るようになるでしょう。『ナイトレイン』発売前にひと段落して本当に良かった。
メールフォーム
一応これまではメールアドレスを表示していて、 X / Twitter のアカウントもあるのでそちらから連絡を取って頂ければいいなと思ってはいたんですが、後者は万人が取り得る連絡手段ではないし、メールをしたためるという作業を忌避する人もいるだろうなと思い、もうちょっと手軽な連絡手段を作ろうと思っています。これはそのうちやります。
サイト内検索
まだできるか分からないんですが、テキストを読むサイトである以上は索引機能が必要かもしれないとは常々思っていて、実装「したいな」とは思っています。出来るか分からないので、あんまり優先度は高くないです。
favicon
ブラウザのタブとかでページ名の横にあるちっちゃいアイコンのこと。ずっと『ダークソウル』の人間性を象ったものを飾っていたんですが、何か思いついたらリデザインするかも。
バナー
個人サイトと言えばバナー。という半ばジョーク的なアイテムですが、ちょっと欲しい。使い道のないものほど欲しくなる。