タグ

Markdown

Markdown に関連する記事をまとめています。

フレームワーク 2026.07.04 90

Astro Content Collections(コンテンツコレクション)とは?型安全に記事を管理する仕組み

Astro の Content Collections(コンテンツコレクション)とは何かを、型安全に記事を管理する仕組みという観点で解説します。記事などのコンテンツを「コレクション」としてまとめ、設定ファイルに Zod でスキーマ(型と検証ルール)を定義することで、frontmatter の書き間違いをビルド時に検出し、型安全に取り出せます。Content Layer API で Markdown/MDX だけでなく外部CMSも同じ作法で扱え、getCollection での取得、向いている場面まで、ブログやドキュメントを作る人向けに整理します。

MDX とは何か?Markdown + JSX を組み合わせる仕組みと Next.js / Astro での使い方

MDX は Markdown の中に JSX(React コンポーネント)を埋め込めるドキュメント形式です。技術ドキュメント / ブログ / 製品 LP / 学習教材などで、「普通に書くテキスト」 と 「動くコンポーネント」 を1ファイルで両立できるのが特徴です。Next.js / Astro / Docusaurus での使い方と、Markdown だけで足りないときの判断軸を整理します。