12周年記念パーティ開催! 2024/5/10(金) 19:00

試してみよう、MDX

全3回

Markdown記法とJSX記法、双方の書式を使って柔軟にコンポーネントの実装ができるMDXを解説します。

最終回 JSXへのMDXコンポーネントの埋め込み

JSXへMDXコンポーネントを埋め込む方法を解説します。MDXには個別の記事コンテンツが書かれているという想定で、サイト開発と運用の分離をイメージしてみてください。

第2回 Next.jsと組み合わせてMDXを使う

MDXをWebフレームワークのNext.jsと組み合わせて使ってみます。Markdown記法の部分は開発者でなくても更新しやすいので、アイデア次第でうまく使いこなすことができるかもしれません。

第1回 MDXの主要な機能の概要

Markdown記法とJSXの両方を混在させることができるMDXフォーマットを解説します。まず、前編ではMDXフォーマットの概要を押さえましょう。