2026-01-02

【ブログ】サイドバーつけた

 このブログ

 ずっっっっっっっとサイドバーがTBDだったが、流石にそろそろちゃんとしたいなと思い、最近の投稿とカテゴリーをサイドバーに載せるようにした。

 全記事一覧はfetchAllArticleListingsで、カテゴリー毎の記事一覧はfetchCategoriesWithArticlesで所得できるので

const recentArticles = (await fetchAllArticleListings(fetchArticlePageSize)).slice(0, recentLimit);
const categories = [...(await fetchCategoriesWithArticles(fetchArticlePageSize))]
  .sort((a, b) => b.articles.length - a.articles.length)
  .slice(0, categoryLimit);

 サイドバー用のフィルタリングを行うだけ。表示数(xxxLimit)は環境変数から取得できるようにする。

 サイドバーのhtmlとcssを適当に用意して

 完了。
 わかりやすい。ホロライブ多いな。あとホークスの記事より野球の記事が少ないのはどういうことや。ホークスについての記事は野球カテゴリに含まれるやろ。つけ忘れかな。あとで確認しよう。

 今年はもうちょっといろんなカテゴリの記事を書けるといいな。