はじめてのブログ記事

はじめに

これは最初のブログ記事です。このブログは Astro + MDX + Tailwind CSS で構築されています。

技術スタック

このブログで使用している技術スタックを紹介します。

フレームワーク

Astro を採用しました。静的サイト生成（SSG）が得意で、表示速度が非常に高速です。

コンテンツ管理

記事は MDX で管理しています。Markdown の中に JSX コンポーネントを埋め込めるので、表現力が高いです。

スタイリング

Tailwind CSS を使用しています。@tailwindcss/typography プラグインにより、記事本文のタイポグラフィが自動で整います。

コード例

以下は TypeScript のコード例です：

interface BlogPost {
  title: string;
  description: string;
  publishedAt: Date;
  tags: string[];
}

function getLatestPosts(posts: BlogPost[], count: number): BlogPost[] {
  return posts
    .sort((a, b) => b.publishedAt.getTime() - a.publishedAt.getTime())
    .slice(0, count);
}

まとめ

SEO に強い技術ブログを目指して、構造化データや内部リンクなどの仕組みを最初から組み込んでいます。