1分

Hello World: ブログを始めました

announcementblog

はじめに

ブログを始めました。ここでは技術的な記事や日々の学びを発信していきます。

技術スタック

このブログは以下の技術で構築されています：

  • Next.js 16 — App Router + React Server Components
  • MDX — Markdownで記事を書き、Reactコンポーネントを埋め込める
  • Tailwind CSS v4 — ユーティリティファーストのCSS
  • Shiki — 構文ハイライト（ライト/ダーク対応）

コード例

lib/blog.ts
export function getAllPosts(locale: Locale): PostMeta[] {
  return getPostSlugs()
    .map((slug) => getPost(slug, locale)?.meta ?? null)
    .filter((m): m is PostMeta => m !== null && m.published)
    .sort((a, b) => b.date.localeCompare(a.date));
}

数式サポート

KaTeXによる数式レンダリングにも対応しています：

E=mc2E = mc^2

今後の予定

定期的に記事を投稿していく予定です。お楽しみに。