ブログ改善ログ

はじめに

せっかくの祝日なので、ブログをたくさん改善してみました。 Claude Codeくんに実装を基本的にお任せし、大変助かりました。 ありがとう、Claude Codeくん…!

外部記事連携機能

外部プラットフォーム(Qiita、Zenn)の記事をブログに集約できるようにしました。

外部リンク機能

externalUrlのfrontmatterを追加すると、記事クリック時に外部サイトへ遷移します 併せて、外部記事の場合は読了時間を算出できないので、省略しました。

外部記事テンプレート

mise run externalで外部記事用のテンプレートを生成できるようにしました。 今回外部記事(Qiita、Zenn)から掲載する際に手間だったり、今後もたまに載せたりしそうなので 作成しました。完全に私の都合です(笑)

記事インポート

Zennから12記事をインポートしました。数が少ないので手動で進めました(大変だった…)

Qiitaから49記事を外部リンク形式でインポートしました。 Qiitaは流石にマニュアルだと数が多かったので、かつてGASでビュー数を集計していたシートを 使って、CSVを出してからGoで処理しました。 私の中での人力の限界は10件程度のようです()

UI/UX改善

カテゴリ・タグ表示

カテゴリを再設計しました。いろいろ考えたのですが、やはりZennのカテゴリは偉大で、 私の書く記事自体がtechかideaしかなさそうなので、合わせました。

ついでにカテゴリの色を固定化しました。

一覧・詳細画面でタグをわかりやすく表示するようにしました。 これはQiitaのUIリスペクトです。

個人的にアーカイブを見るときに困らないように アーカイブでもカテゴリとタグを表示するようにしました。

その他

目次を箇条書き(ordered list)に変更しました。 デフォルトのハイフン形式の箇条書きはちょっと好きくなくて。。。

投げ銭セクションを用意していたのですが、デザインがいけてなかったので改善しました。 モダンな見た目になったと思います。

Twitterのシェアボタンを追加しました。これは私がTwitterでシェアしやすくするためです。 皆さんもよければシェアしてください(?)

URLをslugベースに変更しました。(/post/:slug/形式) 日本語のままだとリンクで文字化けしてしまいます。エンコードされてしまい、ダサかったです。

RSSリンクをメニューに追加しました。RSS機能は有効化してましたが、 リンクがないとわかりづらいです。

おわりに

祝日に色々とUIや使い方を改善してみると、日曜大工的な気分で清々しいものがあります。 また、ブログの育成に取り組んでみると、ZennやQiitaが如何に優れているか、ブログ素人ながら少し理解できました。 個人ブログを通じてブログそのものへの理解も深められるので、個人ブログを始めてみてよかったです!

Hugo で構築されています。
テーマ StackJimmy によって設計されています。