ブログのデザインをリニューアルしました

リニューアルしました!

before

after

すっかり見違えましたね。

裏側

とまあ冗談はさておき、裏側は全てが変わっています。
ブログサービスを利用していましたが、それを完全にセルフホスティングに移行しました。

ブログを書く側のページ(いわゆるCMS的なところ)を便利に作るのが面倒だったのでブログサービスを利用していたわけですが、Claudeの手にかかればこの通り。

今記事を書いている画面がこんな感じ。
贅沢にリアルタイムプレビューまでついています。
もちろん画像もD&Dで貼り付けれます。

なんなら既存サービスよりも自分好みにカスタマイズできて最高です。

仕組み

HTMLファイル1枚のエディタで、ブラウザから直接ローカルのファイルを編集します。
HTML1枚にはこだわっていて、ローカルでサーバー建てるのすら面倒なので開いたら使えるを目指しました。
本番と同じ見た目でプレビューでき、貼った画像はその場でWebPに圧縮されます。

そこから、全ページを1つのJavaScriptで生成します。エディタとCIで同じコードが動き、全記事の生成が0.2秒ほどで終わります。
pushすると、GitHub ActionsがHTMLを生成してデプロイします。

あとがき

ということで、引き続ききゅぶろぐをよろしくお願いします。
これを読んでいるのはもうAIかもしれませんね?