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

after

すっかり見違えましたね。
裏側
とまあ冗談はさておき、裏側は全てが変わっています。
ブログサービスを利用していましたが、それを完全にセルフホスティングに移行しました。
ブログを書く側のページ(いわゆるCMS的なところ)を便利に作るのが面倒だったのでブログサービスを利用していたわけですが、Claudeの手にかかればこの通り。
今記事を書いている画面がこんな感じ。
贅沢にリアルタイムプレビューまでついています。
もちろん画像もD&Dで貼り付けれます。
なんなら既存サービスよりも自分好みにカスタマイズできて最高です。
仕組み
HTMLファイル1枚のエディタで、ブラウザから直接ローカルのファイルを編集します。
HTML1枚にはこだわっていて、ローカルでサーバー建てるのすら面倒なので開いたら使えるを目指しました。
本番と同じ見た目でプレビューでき、貼った画像はその場でWebPに圧縮されます。
そこから、全ページを1つのJavaScriptで生成します。エディタとCIで同じコードが動き、全記事の生成が0.2秒ほどで終わります。
pushすると、GitHub ActionsがHTMLを生成してデプロイします。
あとがき
ということで、引き続ききゅぶろぐをよろしくお願いします。
これを読んでいるのはもうAIかもしれませんね?