久しぶりにブログを触ろうと思ったら、まさかの事態に直面しました。 静的サイトジェネレーターのHugoで運営していたこのブログですが、しばらく放置している間に更新エラーが発生するようになってしまったのです。
問題の発生
原因を調べてみると、使用していたデザインテーマがアーカイブされてしまい、最新のHugoに対応していない状態になっていました。 ゲームの感想から技術的な話題まで、ノンジャンルで気ままに書いているこのブログですが、まさか技術的な問題で更新できなくなるとは思いませんでした。
外部のテーマに依存していたことで、こうした問題が発生してしまったわけです。 「今後はこのようなことがないようにしたい」と考え、思い切って全面リニューアルに踏み切ることにしました。
リニューアルの方針
今回のリニューアルでは、外部テーマへの依存をやめて自作路線に切り替えることにしました。 とはいえ、デザインセンスがないので、Geminiに頼んでデザインを生成してもらうことに。 結果的に、思っていた以上に良いデザインを作ってもらえたので、デザイン検討にはほとんど時間をかけませんでした。
技術的な変更点
デザインは全面的に刷新し、今回初めてTailwindCSSを採用しました。 HTMLのクラスに直接スタイルを定義するTailwindの手法は、正直なところ少し気持ち悪さを感じます。 従来のCSSの書き方に慣れていると、クラス名がズラズラと並ぶHTMLを見ると違和感があるものです。
それでも、Geminiが生成したコードがTailwindベースだったこともあり、そのまま採用することにしました。
リニューアル後の状況
満足している点は、なんといっても過去にあった問題点が解消されたこと。 外部テーマに依存しなくなったことで、今後は自分のペースでメンテナンスできるようになりました。 現時点で改善したい点は特にありませんが、Tailwindに対する違和感は使っているうちに慣れるでしょうか。
まとめ
技術的な問題から始まったリニューアルでしたが、結果的には依存関係を減らし、より安定したブログ運営ができるようになりました。AIの力を借りることで、デザインの悩みからも解放され、スムーズにリニューアルを完了できたのは収穫でした。
これからも気ままに、ゲームの話から技術的な話題まで、思いついたことを書いていこうと思います。