はじめに
せっかくの祝日なので、ブログをたくさん改善してみました。 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が如何に優れているか、ブログ素人ながら少し理解できました。 個人ブログを通じてブログそのものへの理解も深められるので、個人ブログを始めてみてよかったです!