ブログを更新したかっただけなのに

サイトの見た目やら色々な仕組みやら改修したい部分がたくさん出てきて、しかもClaude Codeくんが頑張って実装してくれてしまうので思いつく限りの改修対応を行っていた。

リアルの日記を書く作業に例えると、日記を書こうとしたら机の片付けを始め、新しい日記帳と文房具を探しに街へ繰り出し、環境がリニューアルされた状態に満足し日記を書いていない、といった状態だった。

何をしていたか

• ヘッダー・フッターを追加してSNSリンク系をフッターにまとめた
• 記事詳細に前後の記事へ移動・記事トップへ戻るナビゲーションを追加
• @nuxtjs/seoを導入して簡単なOG imageを作成
• 404ページを追加
• 記事内に貼っていた画像の@nuxt/imageによる最適化が行われていなかったので修正
• R2にアップロードした画像をブログに貼り付ける仕組みをVSCode拡張からTUIツールに移植

とにかく気になるところをやりまくって、だいぶ現時点で満足できる状態になった。webサイトとして寂しすぎない見た目にはなったんじゃないかな。

個人的に気に入っているのは、一番最後に書いた画像を貼り付ける仕組みをVSCode拡張からTUIツールに実装し直したこと。

最近試しにzedを使い始めたのだが、VSCodeのように手軽にパネルやサイドバーへ何かを表示する拡張が作れないとわかった。そのため代替手段としてTUIで実装した、というのがこのツールの出自にあたる。

こんな感じで、ターミナルからR2にアップロードした画像を参照して、選択するとこのブログ用のMDCの書式でコピーできるというシンプルな仕組みになっている。（ちなみに、表示されている写真は一緒に暮らしている二匹の猫。いずれちゃんと紹介しておきたいな）

この辺はほとんどClaude Codeに作ってもらった。学習とは別で「とにかく今自分が使いたいツールを自分で作る」ということが低コストで実現できるようになっているのは本当にありがたい。

@nuxt/imageでの最適化やOG imageの作成、画像参照の仕組みなんかはそれぞれちゃんと個別で詳しく記事を書きたいなと思っていて、もともとはゴールデンウィーク中にその辺の書き溜めをしておこうと思っていた。

しかし、この冒頭に書いたように改修作業が楽しすぎて連休最終日まで作業ばかりしていて全く文字を書いていなかった。

最近は何人かの友人にブログ読んでると言われて嬉しい反面全然更新できていない申し訳なさもあったので、いい加減盆栽行為の楽しさとは別で文字をちゃんと書き続けるということに慣れていきたい。